Pen Settings

HTML

CSS

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

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Packages

Add 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 or require. We'll also process your JavaScript with Babel.

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

Behavior

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.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

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 name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

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

  <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible">

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

  <style type="text/css">
    * { -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].w20{ width:20px !important; }
    
    *[class].w30{ width:30px !important; }
    
    
    
    *[class].h30{ height:30px !important; }
    
    *[class].h140{ height:140px !important; }
    
    *[class].h193{ height:193px !important; }
    
    *[class].h200{ height:200px !important; }
    
    
    
    *[class].bg-hero{ background-image: url('https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/hero-bg_mob.gif') !important;}
    
    *[class].bg-resize{ background-size: 320px !important; background-position: center !important;}
    
    
    
    *[class].font24{ font-size: 24px !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;
    
    }
    
    .fadeimage03, * [lang~="x-fadeimage03"] {
    
    	-webkit-transition: 0.3s !important;
    
         transition: 0.3s !important;
    
    	 opacity: 0.5 !important;
    
    }
    
    .fadeimage03:hover, * [lang~="x-fadeimage03"]:hover {
    
    	-webkit-transition: 0.3s !important;
    
         transition: 0.3s !important;
    
    	 opacity: 1 !important;
    
    }
    
    .cta-primary:hover, * [lang~="x-cta-primary"]:hover{ background-color: #c81c16 !important; }
    
    
    
    .cta-spirit, * [lang~="x-cta-spirit"]{ 
    
    	-webkit-transition: 0.3s !important;
    
    	transition: 0.3s !important;}
    
    .cta-spirit:hover, * [lang~="x-cta-spirit"]:hover{ 
    
    	background-color: #f2f4f6 !important; 
    
    	-webkit-transition: 0.3s !important;
    
    	transition: 0.3s !important;}
    
    
    
    .mod-bg, * [lang~="x-mod-bg"]{
    
    	-webkit-transition: 0.3s !important;
    
         transition: 0.3s !important;}
    
    .mod-bg:hover, * [lang~="x-mod-bg"]:hover{
    
    	-webkit-transition: 0.3s !important;
    
         transition: 0.3s !important;
    
    	 background-color: rgba(233, 233, 233, .5)!important; }
    
    
    
    /* end PROGRESSIVE ENHANCEMENT STYLES */
  </style>

  <!--[if gte mso 9]><xml>

 <o:OfficeDocumentSettings>

  <o:AllowPNG/>

  <o:PixelsPerInch>96</o:PixelsPerInch>

 </o:OfficeDocumentSettings>

</xml><![endif]-->

</head>


<body style="padding:0; margin:0; text-align:center; background-color: #e9e9e9;">


  <!--[if gte mso 15]>

<style type="text/css" media="all">

tr { font-size:1px; mso-line-height-alt:0; mso-margin-top-alt:1px; }

.footer-override { font-size:10px; !important; line-height: 15px !important; mso-line-height-alt:15px!important;  mso-margin-top-alt:1px; }

</style>

<![endif]-->


  <!-- start PREVIEW_TEXT -->

  <!--[if !mso]><! -->
  <div style="display:none !important; display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">


    From white texture to wanderlust


  </div>
  <!--<![endif]-->

  <!-- end PREVIEW_TEXT -->


  <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">

    <tbody>
      <tr>

        <td width="100%" valign="top" align="center" bgcolor="#e9e9e9">


          <!-- start HERO -->

          <table border="0" cellpadding="0" cellspacing="0" class="w320" width="600" height="463" style="width:600px;height:463px;">

            <tbody>
              <tr>

                <td class="w320 bg-hero" background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/hero-bg_desk.jpg" bgcolor="#000000" width="600" height="463" style="width:600px;height:463px;" valign="top" align="center">

                  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:463px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/hero-bg_desk.jpg" color="#000000" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->
                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core"
                    style="border:0;text-decoration:none;" target="_blank">

                    <table border="0" cellpadding="0" cellspacing="0" class="w320" width="600" height="463" style="width:600px;height:463px;">

                      <tbody>
                        <tr>

                          <td class="w320" width="600" height="463" style="vertical-align:top; width:600px;height:463px;" align="center" valign="top">

                            <table border="0" cellpadding="0" cellspacing="0" class="w320" width="600" height="463" style="width:600px;height:463px;">

                              <tbody>
                                <tr>

                                  <td class="w320" width="600" height="70" valign="top" style="vertical-align:top;width:600px;height:70px;" align="center">

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


                                    <!-- start LOGO-WHITE-RETINA_reg -->

                                    <table border="0" cellpadding="0" cellspacing="0" width="174" height="25" class="fadeimage02" lang="x-fadeimage02">
                                      <tbody>
                                        <tr>
                                          <td width="174" height="25">

                                            <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color: #ffffff; text-decoration:none;"
                                              target="_blank">

                                              <img style="font-family:'FrankMedium', Arial, Helvetica, sans-serif; font-size: 22px; line-height: 25px; color: #ffffff; text-align:center; display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/201605_logo-core-white_348x50.png"
                                                width="174" height="25" border="0" alt="shutterstock®"></a>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>

                                    <!-- end LOGO-WHITE-RETINA_reg -->


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

                                </tr>

                                <tr>

                                  <td class="w320 hauto" width="600" height="393" style="vertical-align:bottom;width:600px;height:393px;" valign="bottom" align="center">


                                    <table width="300" style="width:300px;" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>

                                          <td class="textcenter" align="left" style="font-family:'FrankLight', Arial, Helvetica, sans-serif; color:#ffffff; font-size: 42px; line-height: 48px;">

                                            <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#ffffff; text-decoration:none;"
                                              target="_blank">

2017
<br>

Creative Trends</a></td>
                                        </tr>
                                      </tbody>
                                    </table>


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


                                    <table width="300" style="width:300px;" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>

                                          <td class="textcenter" align="left" style="font-family:'OpenSansLight', Arial, Helvetica, sans-serif; color:#ffffff; font-size: 16px; line-height: 24px;">

                                            <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#ffffff; text-decoration:none;"
                                              target="_blank">


Explore the biggest visual styles of the year with our latest infographic.

</a></td>
                                        </tr>
                                      </tbody>
                                    </table>


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


                                    <table width="300" style="width:300px;" border="0" cellpadding="0" cellspacing="0">
                                      <tbody>
                                        <tr>

                                          <td class="textcenter" align="left">


                                            <!-- start CTA-PRIMARY-STANDARD -->

                                            <table class="cta-primary margincenter" lang="x-cta-primary" border="0" cellpadding="0" cellspacing="0" bgcolor="#d91e18" style="border-radius: 1px;">

                                              <tbody>
                                                <tr>

                                                  <td align="center">

                                                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="text-decoration:none; border:0;"
                                                      target="_blank">

                                                      <table border="0" cellpadding="0" cellspacing="0" height="40">

                                                        <tbody>
                                                          <tr>

                                                            <td width="30" height="40"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="30" height="40" border="0"></td>

                                                            <td align="center" valign="middle" style="vertical-align: middle; font-family:'FrankLight', Arial, Helvetica, sans-serif; color:#ffffff; font-size: 16px; line-height: 19px;">

                                                              <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#ffffff; text-decoration:none;"
                                                                target="_blank"><span style="line-height: 19px;">


View Trends
</span></a></td>

                                                            <td width="30" height="40"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="30" height="40" border="0"></td>

                                                          </tr>

                                                        </tbody>
                                                      </table>
                                                    </a>
                                                  </td>

                                                </tr>

                                              </tbody>
                                            </table>

                                            <!-- end CTA-PRIMARY-STANDARD -->

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


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

                                </tr>

                              </tbody>
                            </table>
                          </td>

                        </tr>

                      </tbody>
                    </table>
                  </a>

                  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                </td>

              </tr>

            </tbody>
          </table>

          <!-- end HERO -->


          <!-- start ROW_01 -->

          <table class="w320" border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;">

            <tbody>
              <tr>

                <th class="w320 h200 blockwrap" width="309" height="247">

                  <table border="0" cellpadding="0" cellspacing="0">

                    <tbody>
                      <tr>

                        <td class="w320 h200 bg-resize" background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod01.jpg" bgcolor="#4dd2e1" width="309" height="247" valign="top">

                          <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:309px;height:247px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod01.jpg" color="#4dd2e1" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                          <table border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                              <tr>
                                <td class="w320 h200 mod-bg" lang="x-mod-bg" width="309" height="247">

                                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                    <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" class="w320 h200" width="309" height="247" border="0"></a>
                                </td>
                              </tr>
                            </tbody>
                          </table>

                          <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                        </td>
                      </tr>
                    </tbody>
                  </table>
                </th>


                <th class="w320 blockwrap" valign="middle" width="291" style="width:291px; vertical-align:middle;" bgcolor="#ffffff" align="left">


                  <!-- start MOBILE-ONLY -->

                  <!--[if !mso]><! -->

                  <div class="showme" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">

                    <table border="0" cellpadding="0" cellspacing="0" width="320" height="145">

                      <tbody>
                        <tr>

                          <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod02.jpg" bgcolor="#f3f3f3" width="320" height="145" valign="top" style="background-size: 300px !important;">

                            <table border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td class="mod-bg" lang="x-mod-bg" width="215" height="145">

                                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                      <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="215" height="145" border="0"></a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>


                          <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod03.gif" bgcolor="#ee2a62" width="105" height="145" valign="top" style="background-size: 105px !important;">

                            <table border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td class="mod-bg" lang="x-mod-bg" width="105" height="145">

                                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                      <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="105" height="145" border="0"></a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>

                        </tr>

                      </tbody>
                    </table>

                  </div>

                  <!--<![endif]-->

                  <!-- end MOBILE-ONLY -->


                  <table class="margincenter" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td width="20" class="w30"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="20" height="1" class="w30" border="0"></td>
                        <td class="textcenter" align="left">

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


                          <table class="margincenter" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                              <tr>

                                <td class="font24 textcenter" align="left" style="font-family:'FrankLight', Arial, Helvetica, sans-serif; color:#16191e; font-size: 28px; line-height: 31px; font-weight:normal;">

                                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#16191e; text-decoration:none;"
                                    target="_blank">


Global Trends

</a></td>

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


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


                          <table class="margincenter" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                              <tr>

                                <td class="textcenter" align="left" style="font-family:'OpenSansLight', Arial, Helvetica, sans-serif; color:#16191e; font-size: 16px; line-height: 21px; font-weight:normal;">

                                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#16191e; text-decoration:none;"
                                    target="_blank">


See the trends making an impact, from subtle white texture to colorful emojis.

</a></td>

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


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


                          <!-- start LIGHT-GHOST-CTA-STANDARD -->


                          <!-- end LIGHT-GHOST-CTA-STANDARD -->


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


                </th>

              </tr>

            </tbody>
          </table>

          <!-- end ROW_01 -->


          <!-- start ROW_02 -->

          <table class="hide" border="0" cellpadding="0" cellspacing="0" width="600" height="215" style="width:600px;height:215px;">

            <tbody>
              <tr>

                <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod02.jpg" bgcolor="#f3f3f3" width="445" height="215" valign="top">

                  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:445px;height:215px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod02.jpg" color="#f3f3f3" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td class="mod-bg" lang="x-mod-bg" width="445" height="215">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                            <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="445" height="215" border="0"></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>

                  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                </td>

                <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod03.gif" bgcolor="#ee2a62" width="155" height="215" valign="top">

                  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:155px;height:215px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod03.gif" color="#ee2a62" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td class="mod-bg" lang="x-mod-bg" width="155" height="215">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                            <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="155" height="215" border="0"></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>

                  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                </td>

              </tr>

            </tbody>
          </table>

          <!-- end ROW_02 -->


          <!-- start ROW_03 -->

          <table class="w320" border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;">

            <tbody>
              <tr>

                <th class="w320 movedown" valign="middle" width="347" style="width:347px; vertical-align:middle;" bgcolor="#ffffff" align="left">


                  <!-- start MOBILE-ONLY -->

                  <!--[if !mso]><! -->

                  <div class="showme" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">

                    <table border="0" cellpadding="0" cellspacing="0" width="320" height="145">

                      <tbody>
                        <tr>

                          <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod05.jpg" bgcolor="#4ff4f4" width="320" height="195" valign="top" style="background-size: 330px;">

                            <table border="0" cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td class="mod-bg" lang="x-mod-bg" width="320" height="195">

                                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                      <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="320" height="195" border="0"></a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>

                        </tr>

                      </tbody>
                    </table>

                  </div>

                  <!--<![endif]-->

                  <!-- end MOBILE-ONLY -->


                  <table class="margincenter" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td width="20" class="w30"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="20" height="1" class="w30" border="0"></td>
                        <td class="textcenter" align="left">


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


                          <table class="margincenter" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                              <tr>

                                <td class="font24 textcenter" align="left" style="font-family:'FrankLight', Arial, Helvetica, sans-serif; color:#16191e; font-size: 28px; line-height: 31px; font-weight:normal;">

                                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#16191e; text-decoration:none;"
                                    target="_blank">


Design Trends

</a></td>

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


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


                          <table class="margincenter" border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                              <tr>

                                <td class="textcenter" align="left" style="font-family:'OpenSansLight', Arial, Helvetica, sans-serif; color:#16191e; font-size: 16px; line-height: 21px; font-weight:normal;">

                                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#16191e; text-decoration:none;"
                                    target="_blank">


Compare the distinctive styles inspired by nature and technology.


</a></td>

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


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


                          <!-- start LIGHT-GHOST-CTA-STANDARD -->


                          <!-- end LIGHT-GHOST-CTA-STANDARD -->


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

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

                </th>


                <th class="w320 moveup" width="253" height="231">

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

                        <td class="w320 h193 bg-resize" background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod04.jpg" style="background-position:-50px" bgcolor="#a1a2e6" width="253" height="231" valign="top">

                          <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:253px;height:231px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod04.jpg" color="#a1a2e6" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                          <table border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                              <tr>
                                <td class="w320 h193 mod-bg" lang="x-mod-bg" width="253" height="231">

                                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                    <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" class="w320 h193" width="253" height="231" border="0"></a>
                                </td>
                              </tr>
                            </tbody>
                          </table>

                          <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                        </td>
                      </tr>
                    </tbody>
                  </table>
                </th>

              </tr>

            </tbody>
          </table>

          <!-- end ROW_03 -->


          <!-- start ROW_04 -->

          <table class="hide" width="600" border="0" cellpadding="0" cellspacing="0">

            <tbody>
              <tr>

                <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod05.jpg" bgcolor="#4ff4f4" width="347" height="245" valign="top">

                  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:347px;height:245px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod05.jpg" color="#4ff4f4" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td class="mod-bg" lang="x-mod-bg" width="347" height="245">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                            <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="347" height="245" border="0"></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>

                  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                </td>

                <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod06.jpg" bgcolor="#3c9d72" width="253" height="245" valign="top">

                  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:253px;height:245px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/mod06.jpg" color="#4ff4f4" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td class="mod-bg" lang="x-mod-bg" width="253" height="245">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                            <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="253" height="245" border="0"></a>
                        </td>
                      </tr>
                    </tbody>
                  </table>

                  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                </td>

              </tr>

            </tbody>
          </table>

          <!-- end ROW_04 -->


          <!-- start MODULE_VIDEO -->

          <!-- start MOBILE-ONLY -->

          <!--[if !mso]><! -->

          <div class="showme" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;">

            <table border="0" cellpadding="0" cellspacing="0" width="320" height="307">

              <tbody>
                <tr>

                  <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/rescue_ani.gif" bgcolor="#e0e8f2" width="320" height="307" valign="top" style="background-size: 520px;">

                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="text-decoration:none; border: 0px;"
                      target="_blank">

                      <table border="0" cellpadding="0" cellspacing="0" width="320" height="307">

                        <tbody>
                          <tr>

                            <td class="mod-bg" lang="x-mod-bg" width="320" height="307" align="center" valign="middle">

                              <table class="fadeimage03" lang="x-fadeimage03" border="0" cellpadding="0" cellspacing="0" width="128" height="128">
                                <tbody>
                                  <tr>
                                    <td width="128" height="128">

                                      <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                        <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/icon_play.png" width="128" height="128" border="0"></a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>

                          </tr>

                        </tbody>
                      </table>

                    </a>

                  </td>

                </tr>

              </tbody>
            </table>

          </div>

          <!--<![endif]-->

          <!-- end MOBILE-ONLY -->


          <table class="w320" width="600" style="width:600px;" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">

            <tbody>
              <tr>

                <td class="w320" width="600" style="width:600px;" align="center">

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


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

                        <td class="w20" width="50"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" class="w20" width="50" height="1" border="0"></td>

                        <td class="font24" align="center" style="font-family:'FrankLight', Arial, Helvetica, sans-serif; color:#16191e; font-size: 28px; line-height: 31px;">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#16191e; text-decoration:none;"
                            target="_blank">

Video Trends

</a></td>

                        <td class="w20" width="50"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" class="w20" width="50" height="1" border="0"></td>

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


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


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

                        <td class="w20" width="50"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" class="w20" width="50" height="1" border="0"></td>

                        <td align="center" style="font-family:'OpenSansLight', Arial, Helvetica, sans-serif; color:#16191e; font-size: 16px; line-height: 21px;">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="display:block; color:#16191e; text-decoration:none;"
                            target="_blank">


Immerse yourself in this year’s key video trends, <br class="hide">from global travel to new innovations.
</a></td>

                        <td class="w20" width="50"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" class="w20" width="50" height="1" border="0"></td>

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


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


                  <!-- start LIGHT-GHOST-CTA-STANDARD -->

                  <table border="0" cellpadding="0" cellspacing="0">

                    <tbody>
                      <tr>

                        <td colspan="3" height="1" bgcolor="#585f6a"><img style="display: block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="1"></td>

                      </tr>

                      <tr>

                        <td width="1" bgcolor="#585f6a"><img style="display: block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="1"></td>

                        <td class="cta-spirit" lang="x-cta-spirit" height="38" align="center" valign="middle" style="vertical-align: middle;">

                          <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="text-decoration:none; border:0;"
                            target="_blank">

                            <table border="0" cellpadding="0" cellspacing="0" height="38">

                              <tbody>
                                <tr>

                                  <td width="28" height="38"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="28" height="38" border="0"></td>

                                  <td align="center" valign="middle" style="vertical-align: middle; white-space: nowrap; font-family:'FrankLight', Arial, Helvetica, sans-serif; color:#585f6a; font-size: 16px; line-height: 19px;">

                                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="font-family:'FrankLight', Arial, Helvetica, sans-serif; display:block; color:#585f6a; text-decoration:none;"
                                      target="_blank"><span style="line-height: 19px;">



View Trends

</span></a></td>

                                  <td width="28" height="38"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="28" height="38" border="0"></td>

                                </tr>

                              </tbody>
                            </table>
                          </a>

                        </td>

                        <td width="1" bgcolor="#585f6a"><img style="display: block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="1"></td>

                      </tr>

                      <tr>

                        <td colspan="3" height="1" bgcolor="#585f6a"><img style="display: block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="1"></td>

                      </tr>

                    </tbody>
                  </table>

                  <!-- end LIGHT-GHOST-CTA-STANDARD -->

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

              </tr>

            </tbody>
          </table>


          <table class="hide" border="0" cellpadding="0" cellspacing="0" width="600" height="359">

            <tbody>
              <tr>

                <td background="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/rescue_ani.gif" bgcolor="#e0e8f2" width="600" height="359" valign="top">

                  <!--[if gte mso 9]>

  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:359px;">

    <v:fill type="tile" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/rescue_ani.gif" color="#e0e8f2" />

    <v:textbox inset="0,0,0,0">

  <![endif]-->

                  <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" style="text-decoration:none; border: 0px;"
                    target="_blank">

                    <table border="0" cellpadding="0" cellspacing="0" width="600" height="359" style="width:600px;height:359px;">

                      <tbody>
                        <tr>

                          <td class="mod-bg" lang="x-mod-bg" width="600" height="359" style="vertical-align:middle;width:600px;height:359px;" align="center" valign="middle">

                            <table class="fadeimage03" lang="x-fadeimage03" border="0" cellpadding="0" cellspacing="0" width="128" height="128">
                              <tbody>
                                <tr>
                                  <td width="128" height="128">

                                    <a href="https://www.shutterstock.com/blog/trends/2017-creative-trends?customer_ID=35539715&amp;campaign_ID=shutters.11208905&amp;launch_ID=10611825&amp;utm_source=sstkemail&amp;utm_medium=email&amp;utm_campaign=SS_20170131_Infographic_Core" target="_blank">

                                      <img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2017/20170113_trends-infographic/images/icon_play.png" width="128" height="128" border="0"></a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>

                        </tr>

                      </tbody>
                    </table>

                  </a>

                  <!--[if gte mso 9]>

    </v:textbox>

  </v:rect>

  <![endif]-->

                </td>

              </tr>

            </tbody>
          </table>

          <!-- end MODULE_VIDEO -->


          <!-- 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="https://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="https://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.facebook.com/Shutterstock" 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="https://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="https://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="https://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" 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="https://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="https://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="https://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.instagram.com/Shutterstock/" 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="https://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="https://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="https://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" 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="https://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="https://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="https://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" 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="https://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="https://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="https://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" 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="https://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="https://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="https://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">
                    <tbody>
                      <tr>
                        <td class="footer_copy" align="center" style="font-family: 'OpenSans', Arial, Helvetica, sans-serif; color:#848484; font-size: 11px; line-height: 14px;">

                          <!-- Footer Copy -->

                          <!-- Displays Unsub Copy if present -->

                          <a href="#"
                            style="color:#848484; text-decoration:none;" target="_blank"><span class="link-footer" lang="x-link-footer">Unsubscribe or Change Email Preferences
							
							<!-- End Unsub Copy if present -->

							<!-- Displays Pipe Separator 1 only if Unsub Copy is Present with Either Privacy or Terms Copy -->

								</span></a> <span class="hide">&nbsp;|&nbsp;</span>

                          <!-- End Pipe Separator 1 -->


                          <!-- Opening tag for Blockwrap Span if either Terms or Privacy Copy is Present -->

                          <span class="blockwrap">

							<!-- End Blockwrap Span Opening Tag -->


							<!-- Displays Privacy Copy if present -->
							
								<a href="https://www.shutterstock.com/privacy?language=en" style="color:#848484; text-decoration:none;" target="_blank"><span class="link-footer" lang="x-link-footer">Privacy Policy</span></a>

                          <!-- End Privacy Copy -->

                          <!-- Displays Pipe Separator 2 only if Terms Copy is Present with Either Privacy or Unsub Copy -->

                          &nbsp;|&nbsp;

                          <!-- End Pipe Separator 2 -->

                          <!-- Displays Terms Copy if present -->

                          <a href="https://www.shutterstock.com/terms?language=en" style="color:#848484; text-decoration:none;" target="_blank"><span class="link-footer" lang="x-link-footer">Terms of Service</span></a>

                          <!-- End Terms Copy -->

                          <!-- Closing tag for Blockwrap Span if either Terms or Privacy Copy is Present -->

                          </span>

                          <!-- End Blockwrap Span Closing Tag -->

                          <!-- End Footer Copy -->

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

                          This email was sent to <a href="mailto:" style="color:#848484; text-decoration:none;" target="_blank">xxxxx@xxxxx.xxx</a>.<br> © 2004-2017 All rights reserved - Shutterstock®

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

                          <a style="border:0; color:#848484; text-decoration:none;" target="_blank">
							Shutterstock, Inc. | 350 Fifth Avenue, 21st Floor <span class="hide">|</span> New&nbsp;York,&nbsp;NY&nbsp;10118&nbsp;|&nbsp;USA</a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                      <tr>
                        <td width="1" height="10"><img style="display:block;" src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" width="1" height="10"></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
          <!-- end FOOTER -->


          <!-- end FOOTER -->

        </td>

      </tr>

    </tbody>
  </table>


  <!-- prevent gmail app from auto-resizing email -->

  <table width="600" border="0" cellpadding="0" cellspacing="0" class="container" id="spacer-600" style="width:600px;max-width:600px;min-width:600px">
    <tbody>
      <tr>
        <td><img src="https://shutterstock-marketing-assets.s3.amazonaws.com/CRM/2016/_global/images/spacer.gif" border="0" width="600" height="1" hspace="0" vspace="0" style="width:600px;min-width:600px"></td>
      </tr>
    </tbody>
  </table>


  <div class="gmailfix" style="white-space:nowrap; font:15px courier; line-height:0;">

    &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;</div><br>
  <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

Console