Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head>
    <title>Shutterstock</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/fonts/frank-open.css">

<!--[if gte mso 9]>
<style>
li {
    text-indent: -1em; /* Normalise space between bullets and text */
}
</style>
<![endif]-->







    
    <!-- DOCUMENT::MODULES::GLOBAL::HTML::VIEWPORTRESET-HEAD
    Requires:
        DOCUMENT::MODULES::GLOBAL::HTML::VIEWPORTRESET-BODY
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- DOCUMENT::MODULES::GLOBAL::CSS::BUGFIXES -->
    <style type="text/css">
    
        /* EMBEDDED CSS
           Android Mail doesn't support "class" declarations outside of a media query so use inline CSS as a rule.
           More info: Http://www.emailonacid.com/blog/the_android_mail_app_and_css_class_declarations/ */

        /****** EMAIL CLIENT BUG FIXES - BEST NOT TO CHANGE THESE ********/

        /* Forces Hotmail to display emails at full width. */
        .ExternalClass {width:100%;}

        /* Forces Hotmail to display normal line spacing. */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}

        /* Prevents Webkit and Windows Mobile platforms from changing default font sizes. */
        body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}

        /* Resets all body margins and padding to "0" for good measure. */
        body {margin:0; padding:0;}

        /* Resolves webkit padding issue. */
        table {border-spacing:0;}

        /* Resolves the Outlook 2007, 2010, and Gmail td padding issue. */
        table td {border-collapse:collapse;}

        /****** END BUG FIXES ********/



@media only screen and (max-width: 600px) { *[class].w320{ width:320px !important; }}
* { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; max-height:1000000px;}
.gmailfix {display:none;display:none!important;}
table {border-collapse: collapse !important;}
th {margin:0 !important; padding:0 !important; vertical-align: top; font-weight: normal; }
#outlook a {padding:0;}
#backgroundTable {margin:0; padding:0; width:100%; line-height: 100%}
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; }
.ExternalClass * { line-height: 100%; }
.footer_copy a { color:#848484 !important; text-decoration:none !important; }
.footer-override{ background:transparent !important;}
/* start RESPONSIVE STYLES */
.yfix{}
@media screen and (max-width: 599px) {table[id="spacer-600"] {display: none !important;}}
@media only screen and (max-width: 600px) { 
	*[class].hide{ display:none !important; display:none;}
	*[class].blockwrap{ display:block !important; }
	*[class].moveup {display: table-header-group !important;}
	*[class].movedown {display: table-footer-group !important;}
	*[class].showme{ display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important;}
	*[class].w280{ width:280px !important; }
	*[class].w300{ width:300px !important; }
	*[class].w320{ width:320px !important; }
	*[class].margincenter {margin:auto !important; }
	*[class].textcenter {text-align:center !important; }

*[class].w286{ width:286px !important; }

*[class].h242{ height:242px !important; }
*[class].h570{ height:570px !important; }

*[class].bg-center{ background-position: bottom center !important; background-repeat: no-repeat !important}


}
/* end RESPONSIVE STYLES */
/* start PROGRESSIVE ENHANCEMENT STYLES */
.yfix{}
.link-footer:hover, * [lang~="x-link-footer"]:hover { color: #43b9d3 !important; text-decoration:underline !important;}
.fadeimage:hover, * [lang~="x-fadeimage"]:hover {opacity: 0.5 !important;}
.fadeimage02, * [lang~="x-fadeimage02"] {
	-webkit-transition: 0.3s !important;
     transition: 0.3s !important;
	 opacity: 1 !important;
}
.fadeimage02:hover, * [lang~="x-fadeimage02"]:hover {
	-webkit-transition: 0.3s !important;
     transition: 0.3s !important;
	 opacity: 0.5 !important;
}
.cta-primary:hover, * [lang~="x-cta-primary"]:hover{ background-color: #c81c16 !important; }

.cta-ghost, * [lang~="x-cta-ghost"]{ 
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;}
.cta-ghost:hover, * [lang~="x-cta-ghost"]:hover{ 
	background-image: url('https://responsys.hs.llnwd.net/i5/responsysimages/content/shutters/cta-bg-grey.png') !important; 
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;}

.img-swap:hover img, * [lang~="x-img-swap"]:hover img{ max-height: 0px !important; height:0px !important;}

/* end PROGRESSIVE ENHANCEMENT STYLES */



    </style>
    
    <!-- DOCUMENT::MODULES::GLOBAL::CSS::RESETS -->
    <style type="text/css">
    
    /****** RESETTING DEFAULTS, IT IS BEST TO OVERWRITE THESE STYLES INLINE ********/

        /* This sets a clean slate for all clients EXCEPT Gmail.
           From there it forces you to do all of your spacing inline during the development process.
           Be sure to stick to margins because paragraph padding is not supported by Outlook 2007/2010.
           Remember: Hotmail does not support "margin" nor the "margin-top" properties.
           Stick to "margin-bottom", "margin-left", "margin-right" in order to control spacing.
           It also wise to set the inline top-margin to "0" for consistancy in Gmail for every inline instance
           of a paragraph tag. */   
        p {margin:0; padding:0; margin-bottom:0;}

        /* This CSS will overwrite Hotmails default CSS and make your headings appear consistant with Gmail.
           From there, you can override with inline CSS if needed. */
        h1, h2, h3, h4, h5, h6 {color:#333333; line-height:100%;}
        
        ul {padding:1em;}

        /****** END RESETTING DEFAULTS ********/
        
    </style>



    
    <!-- DOCUMENT::MODULES::GLOBAL::CSS::EDITABLE -->
    <style type="text/css">
    
    /****** EDITABLE STYLES - FOR YOUR TEMPLATE ********/

        /* The "body" is defined here for Yahoo Beta because it does not support your body tag. Instead, it will
           create a wrapper div around your email and that div will inherit your embedded body styles.
           The "#body_style" is defined for AOL because it does not support your embedded body definition nor
           your body tag, we will use this class in our wrapper div. */
        body, #body_style {width:100% !important; min-height:1000px; color:#333333; background:#f0f1f1; font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:1.4;} */

        /* This is the embedded CSS link color for Gmail. This will overwrite Hotmail and Yahoo Beta's
           embedded link colors and make it consistent with Gmail. Also use this rule on inline CSS. */
        /* Hide this feature until it's litmused */
        /* a         {color:#114eb1; text-decoration:none;} */

        /* A nice and clean way to target phone numbers you want clickable and avoid a mobile phone from
           linking other numbers that look like, but are not phone numbers. Use these two blocks of code to
           "unstyle" any numbers that may be linked. The second block gives you a class ".mobile_link" to apply
           with a span tag to the numbers you would like linked and styled.
           More info: http://www.campaignmonitor.com/blog/post/3571/using-phone-numbers-in-html-email/ */
        a[href^="tel"], a[href^="sms"] {text-decoration:none; color:#333333; pointer-events:none; cursor:default;}
        .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration:default; color:#6e5c4f !important; pointer-events:auto; cursor:default;}
    </style>
    
    <!-- DOCUMENT::MODULES::GLOBAL::CSS::MEDIAQUERIES::MOBILE-TABLET -->
    
    <style type="text/css">
    
    /****** MEDIA QUERIES ********/
        /* You must use attribute selectors in your media queries to prevent Yahoo from rendering these styles. 
           We added a yahoo attribute in the body tag to complete this fix. 
           More info: http://www.emailonacid.com/blog/details/C13/stop_yahoo_mail_from_rendering_your_media_queries */

    /* Target mobile and tablet devices. */
        @media only screen (max-width: 1024px) {
        }
    </style>
    
    
    <!-- DOCUMENT::MODULES::GLOBAL::CSS::MEDIAQUERIES::MOBILE -->
    <style type="text/css">
    
    /****** MEDIA QUERIES ********/
        /* You must use attribute selectors in your media queries to prevent Yahoo from rendering these styles. 
           We added a yahoo attribute in the body tag to complete this fix. 
           More info: http://www.emailonacid.com/blog/details/C13/stop_yahoo_mail_from_rendering_your_media_queries */
        
        /* Target mobile devices. */
        @media only screen and (max-width: 639px) {

            /* Adjust table sizes */
            body[yahoo] .table {width:320px !important; height:auto !important; margin:0 auto !important; }
            body[yahoo] .innertable {width:280px !important; height:0 !important; background:none !important; text-align:center !important;font-size:16px !important; line-height: 24px !important;}
            body[yahoo] .innertable tr td {text-align:center !important; padding: 0 !important;font-size:16px !important; line-height: 24px !important;}            
            body[yahoo] .gutter {width:30px !important;}
            body[yahoo] .hspace {height:1em !important;}
            body[yahoo] .container {}
            body[yahoo] .content {margin-bottom: 15px !important;}
            
            body[yahoo] .hide {display:none !important;}
            
            body[yahoo] .hero_swap { display:block !important; width:320px !important; height: 264px !important; background-image:url(https://static.cdn.responsys.net/i5/responsysimages/content/shutters/Hero_small_Rob_Crocker.jpg) !important; background-size:cover !important; margin:0 !important; padding:0 !important;}
            
            body[yahoo] .map_swap { display:block !important; width:320px !important; height: 277px !important; background-image:url(https://static.cdn.responsys.net/i5/responsysimages/content/shutters/Map_Mobile_Robb_Crocker.jpg) !important;  background-size:cover !important;}

            
            /* Resize images at smaller screen sizes. */
            body[yahoo] .logo {margin-top:10px !important; margin-bottom:10px !important;}

                /* Resize and crop hero */
            body[yahoo] .hero {width:320px !important; height:183px !important;}
            body[yahoo] .hero-wrapper {width:320px !important; height:183px !important; overflow:hidden !important;}

                /* Resize and crop tower image to middle portion of image */
            body[yahoo] .card-tower-left {width: 320px !important; height:611px !important;position: relative !important; top:-220px !important;}
            body[yahoo] .card-tower-wrapper {width:320px !important; height:170px !important; overflow: hidden !important;}

            body[yahoo] .card-playingcard {width: 320px !important; height:223px !important;}
            
            /* Adjust text */
            body[yahoo] .h1 {font-size:32px !important;line-height:36px !important; padding-top:15px !important;}
            body[yahoo] .bodycopy {padding-top:16px !important;text-align:left !important; line-height:24p !important;}
            body[yahoo] .cta-lite {padding-top: 30px !important; padding-bottom: 30px !important;}
            body[yahoo] .address {display:inline-block !important; margin-bottom:30px !important;}

            /* center the cta on responsive */
            body[yahoo] .cta a {display:block !important; margin: 0 auto !important; min-width:192px !important; max-width:280px !important; margin-top:30px !important; margin-bottom:15px !important; }
            
        }
    
    </style>
    
    <!-- DOCUMENT::MODULES::GLOBAL::CSS::MEDIAQUERIES::TABLET -->
    <style type="text/css">
    
    /****** MEDIA QUERIES ********/
        /* You must use attribute selectors in your media queries to prevent Yahoo from rendering these styles. 
           We added a yahoo attribute in the body tag to complete this fix. 
           More info: http://www.emailonacid.com/blog/details/C13/stop_yahoo_mail_from_rendering_your_media_queries */
    
    /* Target tablet devices. */
        /* @media only screen and (min-device-width: 640px) and (max-device-width: 1024px) { */
        @media only screen and (min-width: 640px) and (max-width: 1024px) {

        }
        
    </style>
        
</head>

<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" bgcolor="#f0f2f1" yahoo="fix">

    <table cellspacing="0" border="0" cellpadding="0" width="100%" class="table" style="background: #f0f2f1;; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
        <tbody><tr>
            <td valign="top" class="table">
                <center>
                    
                    <!-- DOCUMENT::MODULES::GLOBAL::HTML::PREVIEWTEXT -->
                    <!-- START PREVIEW TEXT -->
                    <table cellspacing="0" cellpadding="0" width="600" border="0" class="table hide" style="background:#f0f2f1;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                        <tbody><tr>
                            <td width="600" height="12" class="table" align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif;font-size:9px;line-height:12px;color:#f0f2f1;">

How we protect and use your personal data‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;
‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;
‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;
</td>
                        </tr>
                    </tbody></table>
                    <!-- END PREVIEW TEXT -->
                    
                    <!-- DOCUMENT::MODULES::GLOBAL::HTML::LOGO -->
                    <!-- START LOGO -->
                    <table cellspacing="0" cellpadding="0" width="600" border="0" class="table" style="background:#f0f2f1;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                        <tbody><tr>
                            <td width="600" height="31" class="table" align="center" valign="middle"><font face="Arial, Helvetica, sans-serif" color="#686a71"><a href="/dashboard?campaign_ID=shutters.12772305&amp;customer_ID=117289&amp;language=en&amp;launch_ID=11449645&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" style="font-family:Arial, Helvetica, sans-serif; color:#686a71; font-size:15px; text-decoration:none" target="_blank"><font face="Arial, Helvetica, sans-serif" color="#686a71">
                            
                            <img src="https://static.cdn.responsys.net/i5/responsysimages/content/shutters/Shutterstock-bg_f0f2f1-277x31.jpg" width="277" height="31" alt="Shutterstock" title="Shutterstock" style="border:none;text-decoration:none;display:block;" class="logo">
                            
                            </font></a></font></td>
                        </tr>
                        <tr>
                            <td width="600" height="12" class="table"></td>
                        </tr>
                    </tbody></table>
                    <!-- END LOGO -->
                
                    <!-- DOCUMENT::MODULES::GLOBAL::HTML::CONTAINER-foreground-shadowed (p1) -->
                    <table cellspacing="0" cellpadding="0" width="600" border="0" class="table container content" style="background:#ffffff;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .2);">
                        <tbody><tr>
                            <!-- Use align="" to override Apple Mail 5 and below from using default align left -->
                            <td width="600" height="0" class="table" align="">
                    <!-- DOCUMENT::MODULES::GLOBAL::HTML::CONTAINER (p1) -->
                            
                            <!-- DOCUMENT::MODULES::HTML::HERO-H1-BODYCOPY-CTA -->
                                
                               
                                
                                <!-- P1 -->
                                <table cellspacing="0" cellpadding="0" width="600" border="0" class="table" style="background:#ffffff;">
                                <tbody><tr>
                                        <td width="75" height="60" class="hide"></td>
                                        <td width="450" height="60" class="hide"></td>
                                        <td width="75" height="60" class="hide"></td>
                                    </tr>
                                
                                    <tr>
                                        <td width="75" height="30" class="gutter"></td>
                                        <td width="450" height="30" class="innertable bodycopy" style="font-family: Helvetica, Arial, sans-serif; color:#3d454f; font-size:15px; font-weight: 300; line-height:22px;">
                             
                                        
<span align="left" style="font-family:'FrankMedium', Helvetica, Arial, sans-serif; color:#000000; font-size: 28px; line-height: 33px;" class="">

At Shutterstock we are committed to protecting your information.
<br><br>

</span>


We recently updated our Privacy Policy to clarify how we protect your personal information in keeping with the EU’s new General Data Protection Regulation (GDPR).<br>


<br><!--
2At Bigstock we are committed to protecting your information.<br>-->
Our updated policy provides more details on:<br>




<ul style="padding: 0; Margin: 0 0 0 40px;"> <!-- left and right margins only -->
    <li style="Margin: 10px 0 10px 0;">the information that we collect;</li> <!-- top and bottom margins only -->
    <li style="Margin: 0 0 10px 0">how we use this information, why we store, and why we retain it; and</li>
    <li style="Margin: 0 0 10px 0">how you can request that your information is updated, corrected, or deleted.</li>
</ul>


<br>





Read our full Privacy Policy <a href="/en/privacy?campaign_ID=shutters.12772305&amp;customer_ID=117289&amp;launch_ID=11449645&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" style="color:#0e7cb8; text-decoration:underline;" target="_blank">here</a>.<br><br>
Sincerely,<br>
Shutterstock Support<br><br>

<!--
Bigstock Support<br><br>
--> 



                                       
                                        </td>
                                        <td width="75" height="30" class="gutter"></td>
                                    </tr>
                                    
                                    
                                    <tr>
                                        <td width="75" height="30" class="hide"></td>
                                        <td width="450" height="30" class="hide"></td>
                                        <td width="75" height="30" class="hide"></td>
                                    </tr>
                                </tbody></table>
                                <!-- END P1 -->
                                
                            
                    <!-- DOCUMENT::MODULES::GLOBAL::HTML::CONTAINER (p2) -->
                            </td>
                        </tr>
                    </tbody></table>
                    <table cellspacing="0" cellpadding="0" width="600" height="14" border="0" class="hide" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                    <tbody><tr>
                      <td class="table hide" width="600" height="14"></td></tr></tbody></table>
                    <!-- DOCUMENT::MODULES::GLOBAL::HTML::CONTAINER (p2) -->

                    <!-- DOCUMENT::MODULES::GLOBAL::FOOTERS::TRANSACTIONAL -->
                

<!-- START FOOTER -->








<!-- start FOOTER -->
<table class="w320" border="0" cellpadding="0" cellspacing="0" width="600">
	<tbody><tr>
		<td align="center">
			<table border="0" cellpadding="0" cellspacing="0">
				<tbody><tr>
					<td width="1" height="24"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="24">
					</td>
				</tr>
			</tbody></table>

			<table border="0" cellpadding="0" cellspacing="0" height="24">
				<tbody><tr>

					<!-- start FACEOOK_ICON -->
					<td height="24" width="11" style="height:20px; line-height:20px;">
						<img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24">
					</td>
					<td width="24" height="24" style="height:20px; line-height:20px;">
						<a href="http://www.facebook.com/Shutterstock?customer_ID=117289&amp;campaign_ID=shutters.12772305&amp;launch_ID=11449645&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;pl=emailcore-shutters.12772305&amp;cr=null" style="display:block; color: #717171; text-decoration:none;" target="_blank">
							<img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; color: #717171; font-weight:bold; display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201607_facebook.png" width="24" height="24" border="0" alt="Facebook" class="fadeimage" lang="x-fadeimage">
							</a>
					</td>
					<td height="24" width="11" style="height:20px; line-height:20px;">
						<img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24">
					</td>
					<!-- end FACEOOK_ICON -->

					<!-- start TWITTER_ICON -->
					<td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td><td width="24" height="24" style="height:20px; line-height:20px;">
					<a href="https://twitter.com/shutterstock?campaign_ID=shutters.12772305&amp;cr=null&amp;customer_ID=117289&amp;launch_ID=11449645&amp;pl=emailcore-shutters.12772305&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" style="display:block; color: #717171; text-decoration:none;" target="_blank"><img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; color: #717171; font-weight:bold; display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201607_twitter.png" width="24" height="24" border="0" alt="Twitter" class="fadeimage" lang="x-fadeimage"></a></td><td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td>
					<!-- end TWITTER_ICON -->

					<!-- start INSTAGRAM_ICON -->
					<td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td><td width="24" height="24" style="height:20px; line-height:20px;">
					<a href="https://instagram.com/Shutterstock/?campaign_ID=shutters.12772305&amp;cr=null&amp;customer_ID=117289&amp;launch_ID=11449645&amp;pl=emailcore-shutters.12772305&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" style="display:block; color: #717171; text-decoration:none;" target="_blank"><img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; color: #717171; font-weight:bold; display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201607_instagram.png" width="24" height="24" border="0" alt="Instagram" class="fadeimage" lang="x-fadeimage"></a></td><td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td>
					<!-- end INSTAGRAM_ICON -->

					<!-- start LINKEDIN_ICON -->
					<td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td><td width="24" height="24" style="height:20px; line-height:20px;">
					<a href="https://www.linkedin.com/company/shutterstock?customer_ID=117289&amp;campaign_ID=shutters.12772305&amp;launch_ID=11449645&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;pl=emailcore-shutters.12772305&amp;cr=null" style="display:block; color: #717171; text-decoration:none;" target="_blank"><img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; color: #717171; font-weight:bold; display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201607_linkedin.png" width="24" height="24" border="0" alt="LinkedIn" class="fadeimage" lang="x-fadeimage"></a></td><td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td>
					<!-- end LINKEDIN_ICON -->

					<!-- start VIMEO_ICON -->
					<td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td><td width="24" height="24" style="height:20px; line-height:20px;">
					<a href="https://vimeo.com/shutterstock?campaign_ID=shutters.12772305&amp;cr=null&amp;customer_ID=117289&amp;launch_ID=11449645&amp;pl=emailcore-shutters.12772305&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" style="display:block; color: #717171; text-decoration:none;" target="_blank"><img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; color: #717171; font-weight:bold; display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201607_vimeo.png" width="24" height="24" border="0" alt="Vimeo" class="fadeimage" lang="x-fadeimage"></a></td><td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td>
					<!-- end VIMEO_ICON -->

					<!-- start YOUTUBE_ICON -->
					<td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td><td width="24" height="24" style="height:20px; line-height:20px;">
					<a href="https://www.youtube.com/user/ShutterstockInc?customer_ID=117289&amp;campaign_ID=shutters.12772305&amp;launch_ID=11449645&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;pl=emailcore-shutters.12772305&amp;cr=null" style="display:block; color: #717171; text-decoration:none;" target="_blank"><img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; color: #717171; font-weight:bold; display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201607_youtube.png" width="24" height="24" border="0" alt="YouTube" class="fadeimage" lang="x-fadeimage"></a></td><td height="24" width="11" style="height:20px; line-height:20px;"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="11" height="24"></td>
					<!-- end YOUTUBE_ICON -->

				</tr>
			</tbody></table>

			<table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td width="1" height="24"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="24"></td></tr></tbody></table>

			

		</td>
	</tr>
</tbody></table>
<!-- end FOOTER -->


<!-- START FOOTER -->
                    <table cellspacing="0" cellpadding="0" width="600" border="0" class="innertable w320" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                    	<tbody><tr>
                            <td class="innertable" style="font-family:Arial, Helvetica, sans-serif; color:#636363; font-size:10px; text-decoration:none; line-height:14px; text-align:center;"><br><a href="/en/privacy?campaign_ID=shutters.12772305&amp;customer_ID=117289&amp;launch_ID=11449645&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" title="Privacy Policy" style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color: #999999; text-decoration:none;" target="_blank">Privacy Policy</a> <span style="font-size: 10px !important; line-height:14px !important; color: #999999">|</span> <a href="/terms?campaign_ID=shutters.12772305&amp;customer_ID=117289&amp;language=en&amp;launch_ID=11449645&amp;utm_campaign=CORE-CONTRIBUTOR-GDPR_T&amp;utm_medium=email&amp;utm_source=sstkemail" title="Terms of Service" style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color: #999999; text-decoration:none;" target="_blank">Terms of Service</a>
                                
                                		<table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td width="1" height="2"><img style="display:block;" src="http://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="24"></td></tr></tbody></table>
                                
                                <span style="font-size: 10px !important; line-height:14px !important;">
                                This email was sent to hello@SmilesDavis.yeah.<br>  
       © 2004-2018 All rights reserved - Shutterstock®<br><br>
      Shutterstock, Inc. | 350 Fifth Avenue, 21st Floor | New York, NY 10118 | USA<br><br>
                                    </span>
                                    </td>
                        </tr>
                    </tbody></table>
<!-- END FOOTER -->



<!-- Litmus Tracking -->
<!-- Use &t=campaignname() custom param -->

                
                     <table cellspacing="0" cellpadding="0" width="600" height="14" border="0" class="hide" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tbody><tr><td class="table hide" width="600" height="14"></td></tr></tbody></table>
                </center>
            </td>
        </tr>
    </tbody></table>


<!-- DOCUMENT::MODULES::GLOBAL::HTML::VIEWPORTRESET-BODY
    Requires:
        DOCUMENT::MODULES::GLOBAL::HTML::VIEWPORTRESET-HEAD
    -->
    <img src="https://static.cdn.responsys.net/i5/responsysimages/content/shutters/spacer.gif" width="1" height="1" class="hide viewport" alt="" title="" style="border:none; text-align:none; display:block;min-width:600px;">

  
  <table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; display: none; float: left">
<tbody><tr>
<td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
<br>
</td>
</tr>
</tbody></table>





</body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console