nyg-static-jam3
Version:
Jam3 frontend static project scaffold generator based on nyg
1,306 lines (1,296 loc) • 39.8 kB
HTML
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
>
<head>
<!--[if gte mso 15]>
<xml>
<o:OfficeDocumentSettings> <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta charset="UTF-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>*|MC:SUBJECT|*</title>
<style type="text/css">
p {
margin: 1em 0;
padding: 0;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
padding: 0;
}
img,
a img {
border: 0;
outline: none;
text-decoration: none;
}
body,
#bodyTable,
#bodyCell {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
#outlook a {
padding: 0;
}
img {
-ms-interpolation-mode: bicubic;
}
table {
mso-table-lspace: 0;
mso-table-rspace: 0;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
p,
a,
li,
td,
blockquote {
mso-line-height-rule: exactly;
}
a[href^='tel'],
a[href^='sms'] {
color: inherit;
cursor: default;
text-decoration: none;
}
p,
a,
li,
td,
body,
table,
blockquote {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass td,
.ExternalClass div,
.ExternalClass span,
.ExternalClass font {
line-height: 100%;
}
a[x-apple-data-detectors] {
color: inherit ;
text-decoration: none ;
font-size: inherit ;
font-family: inherit ;
font-weight: inherit ;
line-height: inherit ;
}
#bodyCell {
padding: 9px;
}
@media only screen and (max-width: 480px) {
#bodyCell {
padding: 4.5px;
}
}
.templateImage {
height: auto;
max-width: 564px;
}
@media only screen and (max-width: 480px) {
.templateImage {
max-width: 282px;
}
}
.templateContainer {
max-width: 640px ;
}
@media only screen and (max-width: 480px) {
.templateContainer {
max-width: 320px ;
}
}
#templatePreheader {
padding-right: 9px;
padding-left: 9px;
background-color: #fafafa;
background-position: center;
background-size: cover;
}
@media only screen and (max-width: 480px) {
#templatePreheader {
padding-right: 4.5px;
padding-left: 4.5px;
}
}
#templatePreheader .columnContainer td {
padding: 0 9px;
}
@media only screen and (max-width: 480px) {
#templatePreheader .columnContainer td {
padding: 0 4.5px;
}
}
#footerContent {
padding-top: 27px;
padding-bottom: 18px;
}
@media only screen and (max-width: 480px) {
#footerContent {
padding-top: 13.5px;
padding-bottom: 9px;
}
} /*
@tab Page
@section Background Style
*/
body,
#bodyTable {
/*@editable*/
background-color: #fafafa;
background-image: url(https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/52daef7b-fdd7-420b-8f65-fef96dd03e1e.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
}
/*
@tab Page
@section Email Border
*/
.templateContainer {
/*@editable*/
border: 0;
}
/*
@tab Page
@section Heading 1
*/
h1 {
/*@editable*/
color: #000000;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 74px;
/*@editable*/
font-style: normal;
/*@editable*/
font-weight: normal;
/*@editable*/
line-height: 1.02;
/*@editable*/
letter-spacing: normal;
/*@editable*/
text-align: left;
/*@rditablemargin-bottom:48px;*/
margin-bottom: 25px;
margin-top: 15px;
}
@media only screen and (max-width: 480px) {
h1 {
font-size: 37px;
margin-bottom: 24px;
}
} /*
@tab Page
@section Heading 2
*/
h2 {
/*@editable*/
color: #000000;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 48px;
/*@editable*/
font-style: normal;
/*@editable*/
font-weight: normal;
/*@editable*/
line-height: 1.04;
/*@editable*/
letter-spacing: normal;
/*@editable*/
text-align: left;
/*@editable*/
margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
h2 {
font-size: 24px;
margin-bottom: 25px;
}
} /*
@tab Page
@section Heading 3
*/
h3 {
/*@editable*/
color: #444444;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 22px;
/*@editable*/
font-style: normal;
/*@editable*/
font-weight: bold;
/*@editable*/
line-height: 150%;
/*@editable*/
letter-spacing: normal;
/*@editable*/
text-align: left;
}
@media only screen and (max-width: 480px) {
h3 {
font-size: 11px;
}
} /*
@tab Page
@section Heading 4
*/
h4 {
/*@editable*/
color: #999999;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 20px;
/*@editable*/
font-style: normal;
/*@editable*/
font-weight: normal;
/*@editable*/
line-height: 150%;
/*@editable*/
letter-spacing: normal;
/*@editable*/
text-align: left;
}
@media only screen and (max-width: 480px) {
h4 {
font-size: 10px;
}
} /*
@tab Page
@section Heading Gold Text
*/
span.gold {
/*@tab Page
@section Heading Gold Text*/
color: #b7a66d;
}
/*
@tab Preheader
@section Preheader Style
*/
#templatePreheader {
/*@editable*/
background-color: #fafafa;
/*@editable*/
background-image: none;
/*@editable*/
background-repeat: no-repeat;
/*@editable*/
background-position: center;
/*@editable*/
background-size: cover;
/*@editable*/
border-top: 0;
/*@editable*/
border-bottom: 0;
/*@editable*/
padding-top: 9px;
/*@editable*/
padding-bottom: 9px;
}
@media only screen and (max-width: 480px) {
#templatePreheader {
padding-top: 4.5px;
padding-bottom: 4.5px;
}
} /*
@tab Preheader
@section Preheader Text
*/
#templatePreheader,
#templatePreheader p {
/*@editable*/
color: #656565;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 12px;
/*@editable*/
line-height: 150%;
/*@editable*/
text-align: left;
}
@media only screen and (max-width: 480px) {
#templatePreheader,
#templatePreheader p {
font-size: 6px;
}
} /*
@tab Preheader
@section Preheader Link
*/
#templatePreheader a,
#templatePreheader p a {
/*@editable*/
color: #656565;
/*@editable*/
font-weight: normal;
/*@editable*/
text-decoration: underline;
}
@media only screen and (min-width: 480px) {
/*
@tab Header
@section Header Style
*/
#templateHeader {
/*@editable*/
background-color: #ffffff;
/*@editable*/
/* background-image: url(https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/1683d5e3-d89b-4b10-9584-e9e76c47e4d9.png); */
/*@editable*/
background-repeat: no-repeat;
/*@editable*/
background-position: top right;
/*@editable*/
background-size: 193px 237px;
/*@editable*/
border-top: 0;
/*@editable*/
border-bottom: 0;
/*@editable*/
padding-top: 0;
/*@editable*/
padding-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
#templateHeader {
/*@editable*/
background-color: #ffffff;
/*@editable*/
background-image: url(https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/1683d5e3-d89b-4b10-9584-e9e76c47e4d9.png);
/*@editable*/
background-repeat: no-repeat;
/*@editable*/
background-position: top right;
/*@editable*/
background-size: 96.5px 118.5px;
/*@editable*/
border-top: 0;
/*@editable*/
border-bottom: 0;
/*@editable*/
padding-top: 9px;
/*@editable*/
padding-bottom: 0;
}
} /*
@tab Header
@section Header Text
*/
#templateHeader p {
/*@editable*/
color: #000000;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 20px;
/*@editable*/
line-height: 1.5;
/*@editable*/
text-align: left;
/*@editable*/
max-width: 448px;
}
@media only screen and (max-width: 480px) {
#templateHeader p {
font-size: 10px;
max-width: 224px;
}
} /*
@tab Header
@section Header Link
*/
#templateHeader a,
#templateHeader p a {
/*@editable*/
color: #237a91;
/*@editable*/
font-weight: normal;
/*@editable*/
text-decoration: underline;
}
/*
@tab Header
@section Header Logo
*/
#templateHeader img.jam3-logo {
/*@tab Header
@section Header Logo*/
margin: 16px;
width: 20px;
height: auto;
}
@media only screen and (max-width: 480px) {
#templateHeader img.jam3-logo {
margin: 8px;
width: 10px;
height: 12px;
}
} /*
@tab Header
@section Header Margins
*/
#templateHeader .content {
/*@tab Content STyle*/
margin-left: 55px;
margin-right: 55px;
margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
#templateHeader .content {
margin-left: 27.5px;
margin-right: 27.5px;
margin-bottom: 20px;
}
} /*
@tab Body
@section Body Style
*/
#templateBody {
/*@editable*/
background-color: #ffffff;
/*@editable*/
background-image: none;
/*@editable*/
background-repeat: no-repeat;
/*@editable*/
background-position: center;
/*@editable*/
background-size: cover;
/*@editable*/
border-top: 0;
/*@editable*/
border-bottom: 0;
/*@editable*/
padding-top: 0;
/*@editable*/
padding-bottom: 0;
}
/*
@tab Body
@section Category
*/
#templateBody h4 {
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
text-transform: uppercase;
/*@editable*/
font-size: 10px;
/*@editable*/
color: #000000;
margin: 0 0 20px;
}
#templateBody h4 + h2 {
margin-top: 0;
}
#templateBody section:last-child h4 + h2 {
margin-top: -5px;
}
@media only screen and (max-width: 480px) {
#templateBody h4 {
font-size: 5px;
margin: 0 0 20px;
}
} /*
@section Section
*/
#templateBody .section {
/*@section Section*/
margin: 50px;
}
#templateBody .section.culture {
margin: 90px;
margin-left: 50px;
}
@media only screen and (max-width: 480px) {
#templateBody .section {
margin: 25px;
}
}
#templateBody .section h2.serif {
font-family: 'Times New Roman', Times, serif;
}
/*
@tab Body
@section Hero Image
*/
#templateBody .section img.hero {
/*@tab Body
@section Hero Image*/
width: 100%;
height: auto;
margin: 0 0 50px;
}
@media only screen and (max-width: 480px) {
#templateBody .section img.hero {
margin: 0 0 25px;
}
} /*
@tab Body
@section Sub copy
*/
/* #templateBody .section div.sub {
width: 420px;
margin-left: 113px;
}
@media only screen and (max-width: 480px) {
#templateBody .section div.sub {
width: 210px;
margin-left: 56.5px;
}
} */
/*
@tab Body
@section Sub Image
*/
#templateBody .section > :last-child {
margin-bottom: 0;
}
#templateBody .section div.sub img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 480px) {
#templateBody .section div.sub img {
width: 210px;
}
}
#templateBody .section div.sub img.button {
width: 155px;
height: auto;
}
@media only screen and (max-width: 480px) {
#templateBody .section div.sub img.button {
width: 77.5px;
}
} /*
@tab Body
@section Pull Quote Block
*/
#templateBody .pull-quote-block {
/*@tab Body
@section Pull Quote Block*/
background-color: #000000;
background-image: url(https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/84d1878b-51f7-475a-9e90-fa48712c8f92.png);
background-repeat: no-repeat;
background-size: cover;
padding: 50px 55px 45px 60px;
}
@media only screen and (max-width: 480px) {
#templateBody .pull-quote-block {
padding: 25px 27.5px 22.5px 30px;
}
}
#templateBody .pull-quote-block h3,
#templateBody .pull-quote-block h4 {
color: #ffffff;
}
#templateBody .pull-quote-block h4 {
margin-bottom: 35px;
}
@media only screen and (max-width: 480px) {
#templateBody .pull-quote-block h4 {
margin-bottom: 17.5px;
}
}
#templateBody .pull-quote-block h3 {
font-size: 36px;
line-height: 125%;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
#templateBody .pull-quote-block h3 {
font-size: 18px;
}
}
#templateBody .article-block {
background-color: #000000;
background-image: url(https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/e721e864-1fa0-4833-a41e-97f446116a9a.jpg);
background-repeat: no-repeat;
background-size: 100%;
padding: 50px 55px 45px 60px;
color: #ffffff;
}
@media only screen and (max-width: 480px) {
#templateBody .article-block {
padding: 25px 27.5px 22.5px 30px;
}
}
#templateBody .article-block h4,
#templateBody .article-block h2 {
color: #ffffff;
}
#templateBody .article-block h2 {
font-weight: normal;
font-size: 36px;
line-height: 125%;
}
@media only screen and (max-width: 480px) {
#templateBody .article-block h2 {
font-size: 18px;
}
}
#templateBody .new-business {
background-color: #000000;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 55px 90px 60px;
}
@media only screen and (max-width: 480px) {
#templateBody .new-business {
padding: 25px 27.5px 45px 30px;
}
}
#templateBody .new-business h3 {
color: #ffffff;
font-size: 36px;
margin-top: 40px;
margin-bottom: 40px;
line-height: 125%;
font-weight: normal;
}
@media only screen and (max-width: 480px) {
#templateBody .new-business h3 {
font-size: 18px;
margin-top: 20px;
margin-bottom: 25px;
}
}
#templateBody .new-business img.button {
width: 155px;
margin-top: 0;
height: auto;
}
@media only screen and (max-width: 480px) {
#templateBody .new-business img.button {
width: 77.5px;
margin-top: 20px;
}
} /*
@tab Body
@section Body Text
*/
#templateBody,
#templateBody p {
/*@editable*/
color: #000000;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 20px;
/*@editable*/
line-height: 150%;
/*@editable*/
text-align: left;
}
@media only screen and (max-width: 480px) {
#templateBody,
#templateBody p {
font-size: 10px;
}
} /*
@tab Body
@section Body Link
*/
#templateBody a,
#templateBody p a {
/*@editable*/
color: #237a91;
/*@editable*/
font-weight: normal;
/*@editable*/
text-decoration: underline;
}
/*
@tab Footer
@section Footer Style
*/
#templateFooter {
/*@editable*/
background-color: #fafafa;
/*@editable*/
background-image: none;
/*@editable*/
background-repeat: no-repeat;
/*@editable*/
background-position: center;
/*@editable*/
background-size: cover;
/*@editable*/
border-top: 0;
/*@editable*/
border-bottom: 0;
/*@editable*/
padding-top: 0;
/*@editable*/
padding-bottom: 9px;
}
@media only screen and (max-width: 480px) {
#templateFooter {
padding-bottom: 4.5px;
}
} /*
@tab Footer
@section Social Bar Style
*/
#socialBar {
/*@editable*/
background-color: #000000;
/*@editable*/
border: 0;
/*@editable*/
padding-top: 50px;
}
@media only screen and (max-width: 480px) {
#socialBar {
padding-top: 25px;
}
}
#socialBar h4 {
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
text-transform: uppercase;
/*@editable*/
font-size: 10px;
/*@editable*/
color: #ffffff;
margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
#socialBar h4 {
font-size: 5px;
margin-bottom: 12.5px;
}
} /*
@tab Footer
@section Social Bar Text
*/
#socialBar,
#socialBar p {
/*@editable*/
color: #ffffff;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 12px;
/*@editable*/
line-height: 150%;
/*@editable*/
text-align: left;
}
@media only screen and (max-width: 480px) {
#socialBar,
#socialBar p {
font-size: 6px;
}
} /*
@tab Footer
@section Social Bar Link
*/
#socialBar a,
#socialBar p a {
/*@editable*/
color: #ffffff;
/*@editable*/
font-weight: normal;
/*@editable*/
text-decoration: none;
margin-right: 35px;
}
@media only screen and (max-width: 480px) {
#socialBar a,
#socialBar p a {
margin-right: 17.5px;
}
}
#socialBar a img {
height: 16px;
}
@media only screen and (max-width: 480px) {
#socialBar a img {
height: 8px;
}
} /*
@tab Footer
@section Footer Text
*/
#footerContent,
#footerContent p {
/*@editable*/
color: #656565;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 12px;
/*@editable*/
line-height: 150%;
/*@editable*/
text-align: center;
}
@media only screen and (max-width: 480px) {
#footerContent,
#footerContent p {
font-size: 6px;
}
} /*
@tab Footer
@section Footer Link
*/
#footerContent a,
#footerContent p a {
/*@editable*/
color: #656565;
/*@editable*/
font-weight: normal;
/*@editable*/
text-decoration: underline;
}
/*
@tab Footer
@section Utility Bar Style
*/
#utilityBar {
/*@editable*/
background-color: #fafafa;
/*@editable*/
border: 0;
/*@editable*/
padding-top: 9px;
/*@editable*/
padding-bottom: 9px;
}
@media only screen and (max-width: 480px) {
#utilityBar {
padding-top: 4.5px;
padding-bottom: 4.5px;
}
} /*
@tab Footer
@section Utility Bar Text
*/
#utilityBar,
#utilityBar p {
/*@editable*/
color: #656565;
/*@editable*/
font-family: Arial, Helvetica, sans-serif;
/*@editable*/
font-size: 12px;
/*@editable*/
line-height: 150%;
/*@editable*/
text-align: center;
}
@media only screen and (max-width: 480px) {
#utilityBar,
#utilityBar p {
font-size: 6px;
}
} /*
@tab Footer
@section Utility Bar Link
*/
#utilityBar a,
#utilityBar p a {
/*@editable*/
color: #656565;
/*@editable*/
font-weight: normal;
/*@editable*/
text-decoration: underline;
}
.project_highlight {
margin-bottom: 100px ;
}
.project_highlight > a {
display: block;
margin-bottom: 35px;
}
.project-highlight-img {
position: relative;
width: 100%;
height: auto;
}
.project_highlight > h2 {
margin-top: 0;
margin-bottom: 95px;
}
.project_highlight .sub h2 {
margin-top: 0;
margin-bottom: 35px;
}
.jam3-gif-container {
margin-bottom: 43px;
}
.jam3-gif-container img {
width: 100%;
height: auto;
}
#templateBody .case-study h2 {
/* margin-bottom: 35px; */
margin-bottom: 28px;
margin-top: 0;
}
#templateBody .case-study p {
margin-top: 0;
}
#templateBody p {
margin-bottom: 40px;
}
#templateBody .medium-article-image {
width: 640px;
height: auto;
}
#templateBody .culture h2 {
margin-bottom: 30px;
}
#templateBody .culture .culture_sub_block {
margin-bottom: 20px;
}
#templateBody .culture img {
width: 100%;
height: auto;
}
#templateBody .medium-article {
display: block;
margin-bottom: 95px;
}
#templateBody .in-the-works {
margin-bottom: 100px;
}
</style>
</head>
<body>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" id="bodyTable" style="height:100%;">
<tr>
<td align="center" valign="top" id="bodyCell">
<!-- BEGIN TEMPLATE // -->
<!--[if gte mso 9]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
<tr>
<td align="center" valign="top" width="600" style="width:600px;">
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
<!-- BEGIN PREHEADER // -->
<tr>
<td valign="top" id="templatePreheader">
<!-- BEGIN MODULE: STANDARD PREHEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<td valign="top" width="384" style="width:384px;">
<![endif]-->
<table
align="left"
border="0"
cellpadding="0"
cellspacing="0"
style="max-width:384px;"
width="100%"
class="columnContainer"
>
<tr>
<td valign="top">
<div mc:edit="preheader_leftcol_content">
<p>Use this area to offer a short preview of your email's content.</p>
</div>
</td>
</tr>
</table>
<!--[if mso]>
</td>
<td valign="top" width="180" style="width:180px;">
<![endif]-->
<table
align="left"
border="0"
cellpadding="0"
cellspacing="0"
style="max-width:180px;"
width="100%"
class="columnContainer"
>
<tr>
<td valign="top">
<div mc:edit="preheader_rightcol_content">
<p><a href="*|ARCHIVE|*" target="_blank">View email in your browser</a></p>
</div>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!-- // END MODULE: STANDARD PREHEADER -->
</td>
</tr>
<!-- // END PREHEADER -->
<!-- BEGIN HEADER // -->
<tr>
<td valign="top" id="templateHeader">
<!-- BEGIN MODULE: HEADER IMAGE //-->
<img
alt="aee77fce-70d1-431d-9f9f-cbb2295e83bf.png"
class="jam3-logo"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/cb7cd1a8-d0da-4791-83e8-493180c9ebd3.png"
/>
<div class="content">
<h1 mc:edit="header_title">
Architecting<br />
the <span class="gold">Next</span>
</h1>
<p mc:edit="header_paragraph">
2018 was a year of unbelievable growth, celebration, and results for Jam3. We capped off an
incredible year by introducing the world to a cute little delivery robot and manifested our
evolution with a fresh visual identity.
</p>
</div>
<!-- // END MODULE: HEADER IMAGE -->
</td>
</tr>
<!-- // END HEADER -->
<!-- BEGIN BODY // -->
<tr>
<td valign="top" id="templateBody">
<!-- BEGIN MODULE: PROJECT HIGHLIGHT // -->
<div class="section project_highlight">
<h4 mc:edit="project_category">PROJECT HIGHLIGHT</h4>
<a href="https://serve.postmates.com/" target="_blank" mc:edit="project_hero">
<img
class="project-highlight-img"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/153fff6a-efc6-486c-8003-e711f1e72678.png"
alt="Project Highlight"
/></a>
<h2 mc:edit="project_header">
Postmates Serve:<br /><span class="gold">Introducing</span> the friendly delivery
<span class="gold">robot</span>.
</h2>
<div class="jam3-gif-container">
<a href="https://www.behance.net/gallery/74397367/Jam3-Branding" target="_blank">
<img
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/10307380-88d7-48df-9c9c-6331e83291f4.gif"
alt=""
border="0"
style="margin: 0; padding: 0; max-width: 640px;"
mc:edit="project_sub_image"
/></a>
</div>
<div class="case-study">
<h2>Jam3's Visual Evolution</h2>
<p mc:edit="project_sub_paragraph">
Our new glyph, showing three shapes assembling to form a whole, reflects our collaborative
process and origins of three partners working atop a garage. The glyph can also be read as a
human face, a subtle wink to where we work best: in the space between people and technology. ; )
</p>
<a href="https://www.behance.net/gallery/74397367/Jam3-Branding" mc:edit="project_sub_link"
><img
alt="Read More about Behance"
class="button"
data-file-id="2989537"
height="52"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/59f65084-b53b-4da1-9e99-22973ec68d12.png"
style="border: 0px; width: 140px; height: 52px; margin: 0px;"
width="140"
/></a>
</div>
</div>
<div class="pull-quote-block">
<h3>
A mindset of perpetual "work in progress" leads to meaningful, participatory results through
sprints and experimental methodologies.
</h3>
</div>
<!-- // END MODULE : PULL QUOTE -->
<!-- // START MODULE : CULTURE -->
<div class="section culture">
<h4 mc:edit="culture_category">Awards</h4>
<div class="culture_sub_block" mc:edit="culture_sub_block">
<a href="https://nucleardissent.com/intro" target="_blank">
<img
alt=""
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/33e41941-49ee-4015-a6a3-f66a515b725c.jpg"
/>
</a>
</div>
<p mc:edit="culture_body">
In December, we were nominated for awwwards Agency of the Year in addition to multiple Site of the
Year nominations for our interactive doc Nuclear Dissent.
</p>
</div>
<!-- // END MODULE : CULTURE -->
<!-- // START MODULE : ARTICLE -->
<!--
<div class="article-block">
<h4 mc:edit="article_block_category">ARTICLE <strong>• 6 MIN READ</strong>
</h4>
<h2 mc:edit="article_block_header">There’s no two ways about it, AR is here to stay.</h2>
<a mc:edit="article_block_link" href="http://www.google.com" title="Read the article about AR"><img alt="Read the article about AR" class="button" src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/dce62d8c-aa01-4195-8950-4f8964c95d02.png"></a>
</div>
-->
<a
class="medium-article"
href="https://medium.com/@Jam3/new-year-new-look-ae31fa9351da"
title="Checkout our medium article"
><img
alt="Checkout our medium article"
class="medium-article-image"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/60914324-c85e-4844-a218-21f50c110361.png"
/></a>
<!-- // END MODULE : ARTICLE -->
<!-- // START MODULE : UPCOMING -->
<div class="section in-the-works">
<h4 mc:edit="upcoming_category">IN THE WORKS</h4>
<h2 class="serif" mc:edit="upcoming_header">
A <span class="gold">user generated content</span> choir for a classic musical. An
<span class="gold">interactive audio toy</span> for an entertainment group. A strategic big build
for a <span class="gold">global VR brand</span>.
</h2>
</div>
<!-- // END MODULE : UPCOMING -->
<!-- // START MODULE : NEW BUSINESS -->
<div class="new-business">
<h3 mc:edit="new_business_header">Let’s chat!</h3>
<a
mc:edit="new_business_link"
href="mailto:dan.clark@jam3.com"
title="Chat with our New Business team"
><img
alt="Chat with our New Business team"
class="button"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/4d0559b5-021b-4f39-a55b-32e4c4cc7975.png"
/></a>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" id="socialBar">
<div mc:edit="social_bar">
<h4>SEE WHAT WE ARE UP TO</h4>
<a href="https://www.facebook.com/weareJam3/" class="utilityLink">
<img
alt="Facebook Icon"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/4077cc77-4272-419f-9ed2-975bdfaa770f.png"
/></a>
<a href="https://www.instagram.com/wearejam3/" class="utilityLink">
<img
alt="Twitter Icon"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/61492101-b676-4e3d-b08c-8e9898e7412a.png"
/></a>
<a href="https://twitter.com/jam3" class="utilityLink">
<img
alt="Twitter Icon"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/bf8993ef-ea9d-4e7e-a65e-a4fab1f84898.png"
/></a>
<a href="https://medium.com/@Jam3" class="utilityLink">
<img
alt="Medium Icon"
src="https://gallery.mailchimp.com/6f3c56eebecb5207279a1d7eb/images/de5b5362-4128-47e4-8976-e4597d23953a.png"
/></a>
</div>
</td>
</tr>
</table>
</div>
<!-- // END MODULE : NEW BUSINESS -->
<!-- // END MODULE: BODY CONTENT -->
</td>
</tr>
<!-- // END BODY -->
<!-- BEGIN FOOTER // -->
<tr>
<td valign="top" id="templateFooter">
<!-- BEGIN MODULE: STANDARD FOOTER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" id="footerContent">
<div mc:edit="footer_content">
*|IF:LIST|* <em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
<br />
<!-- *|IFNOT:ARCHIVE_PAGE|*
-->*|LIST:DESCRIPTION|* <br /><strong>Our mailing address is:</strong>
<br />*|HTML:LIST_ADDRESS_HTML|* <br />
<!-- *|END:IF|*
-->*|ELSE:|*
<!-- *|IFNOT:ARCHIVE_PAGE|*
--><em>Copyright © *|CURRENT_YEAR|* *|USER:COMPANY|*, All rights reserved.</em>
<br /><strong>Our mailing address is:</strong> <br />*|USER:ADDRESS_HTML|*
<!-- *|END:IF|*
-->*|END:IF|*
</div>
<div mc:edit="monkeyrewards">*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*</div>
</td>
</tr>
<tr>
<td valign="top" id="utilityBar">
<div mc:edit="utility_bar">
<a href="*|UNSUB|*" class="utilityLink">unsubscribe from this list</a
><span class="mobileHide"> | </span
><a href="*|UPDATE_PROFILE|*" class="utilityLink">update subscription preferences</a>
<!-- *|IFNOT:ARCHIVE_PAGE|*
--><span class="mobileHide"> | </span
><a href="*|ARCHIVE|*" class="utilityLink">view email in browser</a>
<!-- *|END:IF|* -->
</div>
</td>
</tr>
</table>
<!-- // BEGIN MODULE: STANDARD FOOTER -->
</td>
</tr>
<!-- // END FOOTER -->
</table>
<!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->
<!-- // END TEMPLATE -->
</td>
</tr>
</table>
</center>
</body>
</html>