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.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml><![endif]-->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=4">
  <meta name="format-detection" content="telephone=no">
  <title>The numbers are in: your 2018 gaming stats</title>
  <style type="text/css">
    br[id="hide_span"] {
      display: none !important;
    }

    @media only screen and (max-width: 600px) {
      .set_width_100 {
        width: 320px !important;
        float: none !important;
      }
      #set-background-size {
        background-size: 100% 342px !important;
      }
      .dynamic_piece {
        font-size: 19px !important;
        line-height: 22px !important;
        height: auto !important;
        padding-bottom: 5px;
      }
      .im-pair-column {
        display: block;
        width: 100%;
        margin: 0 auto
      }
      .set-images-100 {
        width: 100% !important;
        height: auto !important;
      }
      .padding-bottom-copy {
        padding-bottom: 10px !important;
      }
      .padding-bottom-cta {
        padding-bottom: 18px !important;
      }
      .set_image_100 {
        width: 100% !important;
        height: auto !important;
        display: block !important;
      }
      .padd_10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      .height_10 {
        height: 10px !important;
      }
      .height_15 {
        height: 15px !important;
      }
      .esrb {
        width: 110px !important;
        height: auto !important;
      }
      .social_icon {
        width: 90% !important;
        height: auto !important;
        max-width: 37px !important;
      }
      .cta {
        width: auto !important;
        height: 35px !important;
      }
      .bdy_txt {
        font-size: 14px !important;
        line-height: 17px !important;
      }
      .date_txt {
        font-size: 17px !important;
        line-height: 20px !important;
      }
      .voucher {
        width: 185px !important;
      }
      .hide {
        display: none !important;
        width: 0px !important;
        height: 0px !important;
        visibility: hidden !important;
        overflow: hidden !important;
        font-size: 0px !important;
        line-height: 0px !important;
      }
      .show_for_mobile {
        display: block !important;
        /* Visually Hidden */
        width: auto !important;
        /* Visually Hidden */
        height: auto !important;
        /* Visually Hidden */
        overflow: visible !important;
        /* Visually Hidden */
        position: static !important;
        /* Visually Hidden */
        min-height: 0px !important;
        /* Gmail, prob not needed... */
        line-height: normal !important;
        /* Outlook */
        font-size: medium !important;
        /* Outlook */
      }
      .show_div_mobile {
        display: block !important;
        max-height: none !important;
      }
      /*FOOTER ICONS*/
      .table_offer {
        width: 85% !important;
        float: none !important;
      }
      .quick_column {
        width: 3% !important;
      }
      .cell_icons {
        width: 35px !important;
        height: auto !important;
      }
      .spacer_width {
        width: 35px !important;
      }
      .padd_separator {
        padding: 12px 0 12px 0 !important;
      }
      .background {
        background-color: #e2e2e2 !important;
      }
      .social_space {
        width: 20% !important;
        height: auto !important;
      }
      .center_text {
        text-align: center !important;
      }
      .quick_links {
        padding-right: 0px !important;
      }
    }

    @media only screen and (max-width: 550px) {
      .set-space-bg {
        height: 330px !important;
      }
    }

    @media only screen and (max-width: 500px) {
      .set-border-yellow {
        width: 2px !important;
      }
    }

    @media only screen and (max-width: 475px) {
      .set-space-bg {
        height: 300px !important;
      }
      .set-height-bg {
        height: 600px !important;
      }
    }

    @media only screen and (max-width: 400px) {
      .cta-mobile {
        width: 250px !important;
        height: auto !important;
      }
      .play_now_cta {
        height: 50px !important;
        width: 100% !important;
      }
    }

    @media only screen and (max-width: 375px) {
      .cta-mobile {
        width: 200px !important;
        height: auto !important;
      }
    }

    @media only screen and (max-width: 320px) {

      .table_offer {
        width: 90% !important;
        float: none !important;
      }
      .cta-mobile {
        width: 170px !important;
        height: auto !important;
      }
      .quick_column {
        display: none !important;
      }
      .set-headline-font {
        font-size: 14.5px !important;
        line-height: 20px !important;
      }
      .set-space-bg {
        height: 200px !important;
      }
      .set-border-yellow {
        width: 1px !important;
      }
    }
  </style>
</head>

<body style="width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; min-width:320px; background-color:#d5d5d5;">
  <!--[if !mso]><!-- -->
  <style type="text/css">
    @media screen yahoo and (max-width:600px) {
      .show_div_mobile {
        display: block !important;
        max-height: none !important;
      }
      .set_image_100 {
        width: 100% !important;
        height: auto !important;
      }
    }
  </style>
  <!--<![endif]-->
  <div style="width:100%; background-color:#d5d5d5">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center" valign="top" bgcolor="#d5d5d5">
          <table width="600" border="0" cellspacing="0" cellpadding="0" class="set_width_100">

            <tr>
              <td height="25" align="left" valign="top" style="line-height:0px; font-size:0px;" class="height_10"></td>
            </tr>
            <tr>
              <td align="center" valign="top">
                <font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#58595b;" class="text9"><a href="https://www.playstation.com/" target="new" style="color:#58595b; text-decoration:none;">Take a look at your 2018 gaming stats</a>                  &raquo; <span class="hide">|&nbsp;<a href="#" target="new" style="color:#58595b; text-decoration:none;">View&nbsp;as&nbsp;web&nbsp;page</a>&nbsp;&raquo;</span></font>
              </td>
            </tr>
            <tr>
              <td height="20" align="left" valign="top" style="line-height:0px; font-size:0px;" class="height_10"><img class="hide" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" height="1" width="600" style="max-height:1px; min-height:1px; display:block; width:600px; min-width:600px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: none; border-width: 0px;"
                  border="0" /></td>
            </tr>
            <tr>
              <td align="left" valign="top" style="line-height:0px; padding-bottom: 5px;"><a href="https://www.playstation.com/explore/ps4/?emcid=em-br-180865&PS4Header" target="new"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_01.jpg" width="600" height="55" alt="PS4&reg;" border="0" style="display:block;" class="set-images-100"></a></td>
            </tr>
            <tr>
              <td align="center" valign="top">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                    <tr>
                      <td id="set-background-size" background="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_03.gif" bgcolor="#00a58c" valign="top" style="background-repeat: no-repeat; background-size: 100% auto;">
                        <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px; height:657Px;">
    <v:fill type="frame" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_03.gif" color="#00a58c" />
    <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
  <![endif]-->
                        <div>

                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                              <tr>
                                <td align="left" valign="top"><a href="https://www.playstation.com/" target="_blank"><img class="set-images-100" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_07.gif" width="600" height="399" alt="" style="display: block; border: 0;"/></a></td>
                              </tr>
                              <tr>
                                <td align="left" valign="top">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tbody>
                                      <tr>
                                        <td align="left" valign="top" width="7%">&nbsp;</td>
                                        <td height="66" class="dynamic_piece" align="center" valign="top" style="border-collapse: collapse; color: #dc5a5a; cursor: auto; font-family: Arial, Helvetica, sans-serif; font-size: 40px; line-height: 30px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;"><strong>65</strong></td>
                                        <td width="70%" align="left" valign="top">&nbsp;</td>
                                      </tr>
                                    </tbody>
                                  </table>

                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top"><a href="https://www.playstation.com/" target="_blank"><img class="set-images-100" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_08.gif" width="600" height="192" alt="" style="display: block; border: 0;"/></a></td>
                              </tr>
                            </tbody>
                          </table>

                        </div>
                        <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
                      </td>
                    </tr>
                    <tr>
                      <td background="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_02.jpg" bgcolor="#054997" valign="top" style="background-repeat: no-repeat; background-size: 100%">
                        <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px; height:631px;">
    <v:fill type="frame" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_02.jpg" color="#054997" />
    <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
  <![endif]-->
                        <div>
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                              <tr>
                                <td align="center" valign="top" width="20">&nbsp;</td>
                                <td align="center" valign="top">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tbody>
                                      <tr>
                                        <td align="center" valign="top" style="line-height: 0px; padding-top: 30px;"><img class="set-images-100" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_04.png" width="558" height="76" alt="HERE'S OUR WAY OF SAYING THANKS FOR PLAYING" style="display: block; border: 0; max-width: 558px;"
                                          /></td>
                                      </tr>
                                      <tr>
                                        <td class="bdy_txt" align="center" valign="top" style="border-collapse: collapse; color: #ffffff; cursor: auto; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 30px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; padding-top: 20px; padding-bottom: 30px;"><a href="https://account.sonyentertainmentnetwork.com/liquid/cam/account/giftcard/redeem-gift-card-flow.action?emcid=em-br-180865&ClaimyourCode" target="_blank" style="text-decoration: none; color: #ffffff">Claim your code<br>
to download <strong>3 FREE</strong> themes</a></td>
                                      </tr>
                                      <tr>
                                        <td align="center" valign="top" style="line-height: 0px; padding-bottom: 30px;"><a href="https://account.sonyentertainmentnetwork.com/liquid/cam/account/giftcard/redeem-gift-card-flow.action?emcid=em-br-180865&ClaimyourCode" target="_blank"><img class="set-images-100" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_05.png" width="524" height="104" alt="" style="display: block; border: 0; max-width: 524px;"/></a></td>
                                      </tr>
                                      <tr>
                                        <td align="center" valign="top" style="padding-bottom: 25px;">
                                          <table width="270" border="0" cellspacing="0" cellpadding="0" class="voucher">
                                            <tbody>
                                              <tr>

                                                <td class="bdy_txt" align="center" valign="middle" height="62" style="border: 2px solid #ffffff; background-color:#003366; vertical-align: middle; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px;">SMLS-DVS-650</td>
                                              </tr>
                                            </tbody>
                                          </table>

                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="center" valign="top" style="line-height: 0px; padding-bottom: 30px;"><a href="https://account.sonyentertainmentnetwork.com/liquid/cam/account/giftcard/redeem-gift-card-flow.action?emcid=em-br-180865&RedeemCode" target="_blank"><img class="cta" src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_06.jpg" width="269" height="65" alt="REDEEM CODE" style="display: block; border: 0;"/></a></td>
                                      </tr>
                                      <tr>
                                        <td class="bdy_txt" align="center" valign="top" style="border-collapse: collapse; color: #ffffff; cursor: auto; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; padding-bottom: 30px;">Voucher expires 12-17-2021<br>
                                          <a href="https://support.playstation.com/s/article/How-to-redeem-codes-from-vouchers-and-PlayStation-Network-Cards?language=en_US&emcid=em-br-180865&RedemptionInstructions=" target="_blank" style="text-decoration: underline; color: #ffffff">Click here for redemption instructions</a></td>
                                      </tr>
                                    </tbody>
                                  </table>

                                </td>
                                <td align="center" valign="top" width="20">&nbsp;</td>
                              </tr>
                            </tbody>
                          </table>

                        </div>
                        <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
                      </td>
                    </tr>

                    <tr>
                      <td align="center" valign="top" bgcolor="#ffffff" style="padding-top:20px; padding-bottom:20px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_offer">
                          <tr>
                            <td width="30" align="left" valign="top" class="quick_column"></td>
                            <td align="center" valign="top">
                              <!--[if mso]>
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td><![endif]-->

                              <table width="110" border="0" align="left" cellpadding="0" cellspacing="0" class="table_offer">
                                <tr>
                                  <td align="left" valign="top">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td align="left" valign="top" style="line-height:0px; padding-top:4px; padding-bottom:10px;" class="hide"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_20.jpg" width="44" height="36" alt="PS(R)" border="0"></td>
                                      </tr>
                                      <tr>
                                        <td align="center" valign="top">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="1" align="left" valign="top" class="cell_icons" style="line-height:0px;">
                                                <div class="show_for_mobile" style="display: none; width: 0px; height: 0px; overflow: hidden; min-height: 0px; line-height: 0px; font-size: 0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_20.jpg" class="set_image_100" width="0" alt="PS(R)" height="0" border="0"></div>
                                              </td>
                                              <td width="1" align="left" valign="top" class="spacer_width"></td>
                                              <td align="left" valign="middle" style="line-height:14px; padding-top:10px; padding-bottom:4px; padding-right:10px; vertical-align:middle;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434;" class="quick_links"><a href="http://blog.us.playstation.com/" target="new" style="color:#343434; text-decoration:none;"><b>Get More<br class="hide">
                                      PlayStation<sup style="font-size:9px; line-height:9px; vertical-align:text-top;">&reg;</sup><br class="hide">
                                      News</b></a></td>
                                              <td width="1" align="left" valign="top" bgcolor="#e2e2e2" class="hide" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0"></td>
                                              <td width="20" align="left" valign="top" class="hide"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="center" valign="top" class="padd_separator">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="50%" align="left" valign="top" style="line-height:0px; font-size:0px;" class="background"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>

                              <!--[if mso]>
                          </td><td><![endif]-->

                              <table width="123" border="0" align="left" cellpadding="0" cellspacing="0" class="table_offer">
                                <tr>
                                  <td align="left" valign="top">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td align="left" valign="top" style="line-height:0px; padding-top:4px; padding-bottom:10px;" class="hide"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/30/ps7crm01_e3_recap_21.jpg" width="36" height="36" alt="" border="0"></td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="1" align="left" valign="top" class="cell_icons" style="line-height:0px;">
                                                <div class="show_for_mobile" style="display: none; width: 0px; height: 0px; overflow: hidden; min-height: 0px; line-height: 0px; font-size: 0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/30/ps7crm01_e3_recap_21.jpg" class="set_image_100" width="0" alt="" height="0" border="0"></div>
                                              </td>
                                              <td width="1" align="left" valign="top" class="spacer_width" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td align="left" valign="middle" style="line-height:14px; padding-top:10px; padding-bottom:4px; padding-right:20px; vertical-align:middle;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434;" class="quick_links"><a href="https://www.playstation.com/explore/playstation-plus/?emcid=em-br-180865&JoinPSPlus" target="new" style="color:#343434; text-decoration:none;"><b>Join<br class="hide">
                                      PlayStation<sup style="font-size:9px; line-height:9px; vertical-align:text-top;">&reg;</sup><br class="hide">
                                      Plus</b></a></td>
                                              <td width="1" align="left" valign="top" bgcolor="#e2e2e2" class="hide" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0"></td>
                                              <td width="20" align="left" valign="top" class="hide"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top" class="padd_separator">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="50%" align="left" valign="top" style="line-height:0px; font-size:0px;" class="background"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>

                              <!--[if mso]>
                          </td><td><![endif]-->

                              <table width="119" border="0" align="left" cellpadding="0" cellspacing="0" class="table_offer">
                                <tr>
                                  <td align="left" valign="top">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td align="left" valign="top" style="line-height:0px; padding-bottom:10px;" class="hide"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/30/ps7crm01_e3_recap_22.jpg" width="34" height="40" alt="" border="0"></td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="1" align="left" valign="top" class="cell_icons" style="line-height:0px;">
                                                <div class="show_for_mobile" style="display: none; width: 0px; height: 0px; overflow: hidden; min-height: 0px; line-height: 0px; font-size: 0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/30/ps7crm01_e3_recap_22.jpg" class="set_image_100" width="0" alt="" height="0" border="0"></div>
                                              </td>
                                              <td width="1" align="left" valign="top" class="spacer_width" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td align="left" valign="middle" style="line-height:14px; padding-top:10px; padding-bottom:4px; padding-right:20px; vertical-align:middle;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434;" class="quick_links"><a href="https://store.playstation.com/?emcid=em-br-180865&PSStore" target="new" style="color:#343434; text-decoration:none;"><b>Shop<br class="hide">
                                      PlayStation<sup style="font-size:9px; line-height:9px; vertical-align:text-top;">&trade;</sup><br class="hide">
                                      Store</b></a></td>
                                              <td width="1" align="left" valign="top" bgcolor="#e2e2e2" class="hide" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0"></td>
                                              <td width="20" align="left" valign="top" class="hide"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top" class="padd_separator">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="50%" align="left" valign="top" style="line-height:0px; font-size:0px;" class="background"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>

                              <!--[if mso]>
                          </td><td><![endif]-->

                              <table width="120" border="0" align="left" cellpadding="0" cellspacing="0" class="table_offer">
                                <tr>
                                  <td align="left" valign="top">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td align="left" valign="top" style="line-height:0px; padding-top:4px; padding-bottom:10px;" class="hide"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/34/110317_footer.jpg" width="36" height="36" alt="PLAY ON GAMING REWARDED(TM)" border="0"></td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="1" align="left" valign="top" class="cell_icons">
                                                <div class="show_for_mobile" style="display: none; width: 0px; height: 0px; overflow: hidden; min-height: 0px; line-height: 0px; font-size: 0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/34/110317_footer.jpg" class="set_image_100" width="0" alt="PLAY ON GAMING REWARDED(TM)" height="0" border="0"></div>
                                              </td>
                                              <td width="1" align="left" valign="top" class="spacer_width" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td align="left" valign="middle" style="line-height:14px; padding-top:10px; padding-bottom:4px;  padding-right:20px; vertical-align:middle;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434;" class="quick_links"><a href="https://www.playstation.com/en-us/explore/sony-rewards/?emcid=em-br-180865&SRPoints" target="new" style="color:#343434; text-decoration:none;"><b>Earn Sony<br class="hide">
                                      Rewards<br class="hide">
                                      Points</b></a></td>
                                              <td width="1" align="left" valign="top" bgcolor="#e2e2e2" class="hide" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0"></td>
                                              <td width="20" align="left" valign="top" class="hide"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top" class="padd_separator">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="50%" align="left" valign="top" style="line-height:0px; font-size:0px;" class="background"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td width="25%" align="left" valign="top" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>

                              <!--[if mso]>
                          </td><td><![endif]-->

                              <table width="68" border="0" align="left" cellpadding="0" cellspacing="0" class="table_offer">
                                <tr>
                                  <td align="left" valign="top">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                      <tr>
                                        <td align="left" valign="top" style="line-height:0px; padding-top:4px; padding-bottom:10px;" class="hide"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_24.jpg" width="36" height="36" alt="" border="0"></td>
                                      </tr>
                                      <tr>
                                        <td align="left" valign="top">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="1" align="left" valign="top" class="cell_icons" style="line-height:0px;">
                                                <div class="show_for_mobile" style="display: none; width: 0px; height: 0px; overflow: hidden; min-height: 0px; line-height: 0px; font-size: 0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_24.jpg" class="set_image_100" width="0" alt="" height="0" border="0"></div>
                                              </td>
                                              <td width="1" align="left" valign="top" class="spacer_width" style="line-height:0px; font-size:0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;"></td>
                                              <td align="left" valign="middle" style="line-height:14px; padding-top:10px; padding-bottom:4px; padding-right:10px; vertical-align:middle;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434;" class="quick_links"><a href="https://account.sonyentertainmentnetwork.com?emcid=em-br-180865&ManageYourAccount" target="new" style="color:#343434; text-decoration:none;"><b>Manage<br class="hide">
                                      Your<br class="hide">
                                      Account</b></a></td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                </tr>
                              </table>

                              <!--[if mso]>
                                                   </td>
                                                    </tr>
                                               </table><![endif]-->
                            </td>
                            <td width="20" align="left" valign="top" class="quick_column"></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td align="left" valign="top" bgcolor="#30a0e9">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td align="center" valign="top" style="padding-top:25px; padding-bottom:25px;" class="padd_separator">
                              <!--[if mso]>
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td><![endif]-->

                              <table width="140" border="0" align="left" cellpadding="0" cellspacing="0" class="set_width_100">
                                <tr>
                                  <td height="28" align="right" valign="middle" style="vertical-align:middle;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fffff1;" class="center_text"><b>FOLLOW US:</b></td>
                                </tr>
                              </table>

                              <!--[if mso]>
                        </td><td><![endif]-->

                              <table width="460" border="0" align="left" cellpadding="0" cellspacing="0" class="table_offer">
                                <tr>
                                  <td width="16%" align="center" valign="top" class="social_space"><a href="https://twitter.com/PlayStation?emcid=em-br-180865&Twitter" target="new"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_25.png" width="28" height="28" alt="Twitter" border="0" class="social_icons"></a></td>
                                  <td width="16%" align="center" valign="top" class="social_space"><a href="https://instagram.com/playstation/?Instagram=&emcid=em-br-180865" target="new"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_26.png" width="28" height="28" alt="Instagram" border="0" class="social_icons"></a></td>
                                  <td width="16%" align="center" valign="top" class="social_space"><a href="https://www.youtube.com/user/playstation?Youtube=&emcid=em-br-180865" target="new"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_27.png" width="28" height="28" alt="YouTube" border="0" class="social_icons"></a></td>
                                  <td width="16%" align="center" valign="top" class="social_space"><a href="http://www.facebook.com/PlayStation?emcid=em-br-180865&Facebook" target="new"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_28.png" width="28" height="28" alt="Facebook" border="0" class="social_icons"></a></td>
                                  <td width="16%" align="center" valign="top" class="social_space"><a href="https://www.snapchat.com/add/playstation?emcid=em-br-180865&Snapchat" target="new"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/29/ps7crm01_nl_0531_29.png" width="28" height="28" alt="FORUMS" border="0" class="social_icons"></a></td>
                                  <td width="5%" align="center" valign="top" class="hide"></td>
                                </tr>
                              </table>

                              <!--[if mso]>
                                               </td>
                                                </tr>
                                           </table><![endif]-->
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>

                    <tr>
                      <td align="left" valign="top" height="5" style="line-height: 0px; font-size: 0px;"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/1/spacer.gif" width="1" height="1" alt="" style="line-height: 0px; font-size: 0px;" /></td>
                    </tr>
                    <tr>
                      <td align="center" valign="top" style="line-height: 0px; pa"><a href="https://www.playstation.com/explore/ps4/?emcid=em-br-180865&GreatnessAwaits" target="_blank"><img src="http://image.playstationemail.com/lib/fe8e12717267007872/m/50/121118_YER_13.jpg" width="600" height="77" alt="GREATNESS AWAITS" border="0" style="display:block;" class="set-images-100"/></a></td>
                    </tr>

                  </tbody>
                </table>
              </td>
            </tr>
            <tr>
              <td align="left" valign="top" class="padd_10">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="25" align="left" valign="top" style="line-height:0px; font-size:0px;"></td>
                  </tr>

                  <tr>
                    <td align="left" valign="top">
                      <font style="font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#616161;"><a href="#" target="new" style="color:#616161; text-decoration:none;"><u><span>Unsubscribe</span></u></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://support.us.playstation.com/s/?language=en_US" target="new" style="color:#616161; text-decoration:none;"><u><span>Consumer Services</span></u></a>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <a
                          href="https://www.playstation.com/network/legal/privacy-policy/?emcid=em-br-180865&PrivacyPolicy" target="new" style="color:#616161; text-decoration:none;"><u><span>Privacy Policy</span></u>
                          </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://www.playstation.com/network/legal/terms-of-service/?emcid=em-br-180865&Terms" target="new" style="color:#616161; text-decoration:none;">
<u><span>Terms</span></u></a>&nbsp;&nbsp;</font>
                    </td>
                  </tr>
                  <tr>
                    <td height="17" align="left" valign="top" style="line-height:0px; font-size:0px;"></td>
                  </tr>
                  <tr>
                    <td align="left" valign="top" style="line-height:14px;">
                      <font style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#58595b;"><b>LEGAL </b><br> This e-mail message has been delivered from a send-only address. Please do not reply to this message. For more information about your account, please visit the link below. Support: <a href="https://www.playstation.com/corporate/contactus/?emcid=em-br-180865&ContactUs"
                          target="new" style="color:#616161; text-decoration:none;"><u>https://www.playstation.com/corporate/contactus/</u></a><br><br> &copy; 2019 Sony Interactive Entertainment LLC. <br><br> “PlayStation” and the “PS” family logo are registered
                        trademarks, and “PS4” is a trademark of Sony Interactive Entertainment Inc. “Greatness Awaits” is a trademark of Sony Interactive Entertainment LLC. <br><br> All games featured are trademarked and copyrighted properties of their
                        respective publishers and/or licensors.
                        <br><br> Sony Interactive Entertainment LLC, 2207 Bridgepointe Pkway, San Mateo, CA 94404. <a href="https://www.playstation.com/?emcid=em-br-180865&PScominlegal" target="new" style="color:#58595b; text-decoration:none;"><u><span>www.playstation.com</span></u></a>.<br>
                      </font>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td height="50" align="left" valign="top"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
  <div style="display:none; 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>

</body>

</html>
            
          
!
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