css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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>

<head>
  <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  <META NAME="referrer" CONTENT="no-referrer">
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no, touch-action: none;">
  <!--[if !mso]><!-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <!--<![endif]-->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <img src="http://click.email.mancity.com/open.aspx?ffcb10-fe59177877660c7d721c-fdbd157673620d7c7310707d67-fecd15717d67077f-fe6215797664027c7111-fe1e117975650c7a701278-ff65157470" width="1" height="1">
  <title>Manchester City</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" type="text/css" href="https://www.mancity.com/-/media/fonts/472417/B2EF416FAD14C6748.css" />
  <style type="text/css">
    body {
      margin: 0 !important;
    }

    /*font*/

    @font-face {
      font-family: 'GothamBold';
      src: url(http://mbfixtures.mancity.com/fonts/GothamBold.ttf);
    }

    /*font*/

    /* General css */

    .msoFix {
      mso-table-lspace: -1pt;
      mso-table-rspace: -1pt;
    }

    html,
    body {
      margin: 0;
      padding: 0;
      height: auto !important;
      width: 100% !important;
    }

    * {
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    }

    table,
    td {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    table {
      border-spacing: 0 !important;
    }

    table {
      border-collapse: collapse;
      margin: 0 auto;
    }

    a {
      text-decoration: none;
    }

    /* General css END */

    /* Desktop css */

    *[class].showmob {
      display: none !important;
    }


    /* CTA yellow */

    .bttn_v1 {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v1 a {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v1:hover {
      background: #2f3133 !important;
      transition: 0.3s !important;
    }

    .bttn_v1:hover a {
      color: #f4bb47 !important;
      transition: 0.3s !important;
    }

    .bttn_v1:hover td {
      color: #f4bb47 !important;
    }

    /* CTA yellow END */

    /* CTA dark blue white hover */

    .bttn_v2 {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v2 a {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v2:hover {
      background: #ffffff !important;
      transition: 0.3s !important;
    }

    .bttn_v2:hover a {
      color: #00285e !important;
      transition: 0.3s !important;
    }

    .bttn_v2:hover td {
      color: #00285e !important;
    }

    /* CTA dark blue white hover END */

    /* CTA dark blue light blue hover */

    .bttn_v3 {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v3 a {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v3:hover {
      background: #6babde !important;
      transition: 0.3s !important;
    }

    .bttn_v3:hover a {
      color: #00285e !important;
      transition: 0.3s !important;
    }

    .bttn_v3:hover td {
      color: #00285e !important;
    }

    /* CTA dark blue light blue hover END */

    /* CTA light blue dark blue hover */

    .bttn_v4 {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v4 a {
      transition: 0.3s !important;
      cursor: pointer !important;
    }

    .bttn_v4:hover {
      background: #00285e !important;
      transition: 0.3s !important;
    }

    .bttn_v4:hover a {
      color: #ffffff !important;
      transition: 0.3s !important;
    }

    .bttn_v4:hover td {
      color: #ffffff !important;
    }

    /* CTA light blue dark blue hover END */

    /* POD text hover css */

    a.pod-hover {
      transition: 0.3s !important;
    }

    a.pod-hover:hover {
      color: #6cabde !important;
      transition: 0.3s !important;
    }

    *[class].img-swap:hover img {
      max-height: 0px;
      height: 0px;
    }

    *[class].img-swap-ball:hover img {
      max-height: 0px;
      height: 0px;
    }

    /* POD text hover css END */

    /* NAV hover css */

    td .nav_link {
      transition: 0.3s !important;
    }

    td .nav_link:hover {
      border-bottom: #ffffff solid 5px !important;
      transition: 0.3s !important;
    }

    /* NAV hover css END */

    /* Desktop css END */

    /* Media Queries */

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

      *[class].img-swap:hover img {
        max-height: 100%;
        height: 100%;
      }

      *[class].tablestacktop {
        width: 100%;
        display: block;
        text-align: center !important;
        padding-bottom: 15px !important;
      }
      *[class].background-table {
        background-image: none !important;
      }
      *[class].tablestack {
        width: 100%;
        display: block;
      }
      *[class].widthReset {
        width: 100% !important;
      }
      .email-container {
        width: 100% !important;
        max-width: 400px !important;
        min-width: 0 !important;
      }
      /* Font sizes */
      *[class].fz-35 {
        font-size: 35px !important;
        line-height: 1.3 !important;
      }
      *[class].fz-28 {
        font-size: 28px !important;
      }
      *[class].fz-23 {
        font-size: 30px !important;
      }
      *[class].fz-18 {
        font-size: 18px !important;
      }
      /* Font sizes END */
      /* Padding */
      *[class].pad-bottom {
        padding-bottom: 15px !important;
      }
      *[class].pad-bottom-20 {
        padding-bottom: 20px !important;
      }
      *[class].pad-left {
        padding-left: 15px !important;
      }
      *[class].pad-right {
        padding-right: 15px !important;
      }
      *[class].pad-top {
        padding-top: 20px !important;
      }
      *[class].resp-pod-padding {
        padding-left: 15px;
        padding-right: 15px;
      }
      *[class].pad-bottom-blue {
        padding-bottom: 15px !important;
      }
      /* Padding END */
      /* Width */
      *[class].w30 {
        width: 30px !important;
      }
      /* Width END */
      /* height */
      *[class].h10 {
        height: 10px !important;
      }
      *[class].h30 {
        height: 30px !important;
      }
      /* height END */
      *[class].nobackimg {
        background-image: none !important;
        height: 0 !important;
      }

      *[class].hidemob {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        visibility: hidden !important;
      }
      *[class].widthReset {
        width: 100% !important;
      }
      *[class].showmob {
        display: block !important;
        max-height: 100% !important;
        max-width: 100% !important;
      }
      *[class].fullwidthimg {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
      }
      *[class].fullwidthimg100 {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
      }
      /* Button Mobile resize */
      *[class].mob_bttn {
        max-width: 280px !important;
      }
      *[class].mob_bttn-link {
        width: 231px !important;
        font-size: 11px !important;
      }
      /* Button Mobile */
      *[class].resp-nav-spacer {
        background-color: white;
        height: 15px;
        width: 100%;
      }
      /* center cta */
      *[class].centercta {
        margin: 0 auto !important;
      }
      /* center cta END */
      /* center text */
      *[class].center-text {
        text-align: center;
      }
      /* center text END */
      /* RSS */
      *[class].bgcolor-fix {
        background-color: #6cabde;
      }
      /* RSS END */
      /* Main hero */
      *[class].height-change {
        height: auto !important;
        min-height: 0 !important;
      }
      *[class].width-change-left {
        width: 95% !important;
      }
      *[class].width-change-right {
        width: 5% !important;
      }
      /* Main hero */
      /* Add to stop words on their own in responsive. Needs to be wrapped around words with span. */
      *[class].no-orphan {
        white-space: nowrap !important;
      }
    }

    @media screen and (max-width: 350px) {
      *[class].pad-bottom-blue {
        padding-bottom: 0 !important;
      }
    }
  </style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin:0; padding:0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;" bgcolor="#e2eff9">
  <!--[if mso]>
<style type="text/css">
body, table, td {font-family: Arial, Helvetica, sans-serif !important;}
</style>
<![endif]-->

  <!--      Preheader Text Goes Here      -->
  <div style="font-size:0px; line-height:0px; color:#e2eff9; display: none">Special record breaker edition!</div>
  <!--      Stops line between tables    -->
  <table cellspacing="0" cellpadding="0" border="0" bgcolor="#e2eff9" align="center" style="margin: 0 auto; display: none;">
  </table>
  <!--      Stops line between tables END    -->
  <!--      Preheader END     -->

  <!-- Table start -->
  <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#e2eff9" style="border-collapse:collapse;">
    <tbody>
      <tr>
        <td>
          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; min-width:730px;  margin:0 auto;" class="email-container">

            <!-- Spacer -->

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#6babde">

                  <!-- Spacer -->
                  <tr>
                    <td valign="top" bgcolor="#e2eff9"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:730px;" border="0" width="730" height="1" class="hidemob"></td>
                  </tr>
                  <!-- Spacer END -->

                  <!-- Online Version -->
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <td valign="middle" height="25" align="center" bgcolor="#e2eff9"><a href="#" style="color:#989fa5; text-decoration: none; font-family:Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 10px; line-height: 12px;">View Online</a></td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <!-- Online Version END -->
                  <!-- Desktop Navigation -->
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0" class="hidemob">
                        <tr>
                          <td width="15" height="40"></td>
                          <td valign="bottom" align="center">
                            <table width="90%" cellpadding="0" cellspacing="0" border="0">
                              <tr>
                                <td align="center" width="25%" height="30" style="color:#ffffff; min-width:100px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; line-height: 12px; border-bottom: 5px solid #6babde; text-transform: uppercase"
                                  class="nav_link"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee45d8be525d7b6e07b4bf5f0f208c88af60763f2d2d6f8a5e8cd6714132f2027279c2253a1f4d7d1feb0f1c086c9976bf" style="text-decoration:none; color:#ffffff;" target="_blank"><strong>Media Watch</strong></a>
                                </td>
                                <td align="center" width="25%" height="30" style="color:#ffffff; min-width:100px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; line-height: 12px;  border-bottom: 5px solid #6babde; text-transform: uppercase"
                                  class="nav_link"><strong>
       
                            <a href="http://click.email.mancity.com/?qs=79a59645d89cc1eea937f4b6db82511bd1099e4e16727de9211e50e82c7ebff9b6c0a34fec7df67dfb50eb405a0bff8f9a00083ee23ab9cd"  style="text-decoration:none; color:#ffffff;" target="_blank"><strong>Upcoming Fixtures</strong></a>
                                  </strong>
                                </td>
                                <td align="center" width="25%" height="30" style="color:#ffffff; min-width:100px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; line-height: 12px; border-bottom: 5px solid #6babde; text-transform: uppercase"
                                  class="nav_link"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eea2c4c95097082748117aa42750ebd2bc8960f939935626fcb9cd8b077ef964c8b76c790dcae1eb88615326636fc385eb" style="text-decoration:none; color:#ffffff;" target="_blank"><strong>Press Conference</strong></a>                                  </td>
                                <td align="center" width="25%" height="30" style="color:#ffffff; min-width:100px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 11px; line-height: 12px; border-bottom: 5px solid #6babde; text-transform: uppercase"
                                  class="nav_link">

                                  <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee3e561fda63ffa300533ec2353125e9ff30c3a1ccc192abab6035245595b0b4feb5d81877159d4dcc247e4ba0d866ab58" style="text-decoration:none; color:#ffffff;" target="_blank"> <strong>Sign up to Cityzens</strong></a>
                                </td>
                              </tr>
                            </table>
                          </td>
                          <td width="15"></td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <!-- Desktop Navigation END -->

                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  <!-- Table End -->

  <!-- Table Start -->

  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;" bgcolor="#e2eff9">
    <tbody>
      <tr>
        <td>

          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">

                  <!-- Logo Image -->
                  <tr>
                    <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eeb3e097fe2ab3ac2bc43b02dd9140e0c34e097aa5d7b7d5d8ad2827f1b7eb2fe92ff30d0d96bab4a5e9b6a06879116cf1" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-header-m-000017.jpg" alt="Blueprint" height="205" width="400" align="center" border="0" style="margin: auto;" class="fullwidthimg100 pad-bottom-20"></a></td>
                  </tr>
                  <!-- Logo Image END -->

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

          </table>

          <!-- Main Hero -->

          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                          <td>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="30" class="h10"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->

                              <!-- Image -->
                              <tr>
                                <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee0e5ef9411182da88f042696b85369336fc7a7ff80fee1215ef8bd5f028d06976c128c4d65ab275c35bcfc6306c46c64c" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw1-031117.jpg" alt="SERGIO AGUERO - Manchester City's all-time leading goal scorer" height="300" width="517" align="center" border="0" style="margin: auto;" class="fullwidthimg100 pad-bottom"></a></td>
                              </tr>
                              <!-- Image END -->

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                              </tr>
                              <!-- Spacer END -->

                              <!-- two pods -->
                              <tr>
                                <td>
                                  <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                      <td>
                                        <table width="60%" border="0" align="left" cellpadding="0" cellspacing="0" class="tablestack widthReset">
                                          <tr>
                                            <td><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee70dcd0c5ffa63f890b702bc4c7d710cbafa924d6ccbb9a4403f577fdbef6e1ec58882b26d3a6f4cbb8ad2f814f5eedee" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-hero-top-031117.jpg" alt="" width="420" height="270" border="0" style="display:block" class="hidemob" /></a></td>
                                          </tr>

                                        </table>
                                        <!--[if mso]></td><td width="15" class="hidemob"></td><td><![endif]-->
                                        <table width="40%" border="0" align="right" cellpadding="0" cellspacing="0" class="tablestack widthReset">
                                          <tr>
                                            <td><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee70dcd0c5ffa63f890b702bc4c7d710cbafa924d6ccbb9a4403f577fdbef6e1ec58882b26d3a6f4cbb8ad2f814f5eedee" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-graph.gif" alt="" width="280" height="270" border="0" style="display:block" class="hidemob" /></a></td>
                                          </tr>

                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <!-- two pods END -->

                              <!-- Image -->
                              <tr>
                                <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee3edee9304e30db25b109a214154e6fbe204d06d3a5ab72921f485881dbe9831f805f972ac3a2b97fa3b8a60aeca0b452" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-hero-bottom-031117.jpg" alt="" height="275" width="700" align="center" border="0" style="margin: auto;" class="hidemob"> 
<!--[if !mso]><!----><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-hero-031117-m.jpg" alt="" border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"><!--<![endif]--></a></td>
                              </tr>
                              <!-- Image END -->

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->

                              <!-- CTA yellow -->
                              <tr>
                                <td align="center">
                                  <table class="bttn_v1" cellspacing="0" cellpadding="0" border="0" bgcolor="#f4bb47" height="40">
                                    <tr>
                                      <td width="20"></td>
                                      <td valign="middle" height="40">
                                        <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee75ee53d642289193a818ea68c62b987dc46bfe6f5d17de4c21a190ddb7f4fa48e53f01e94c69c8e288430ddc9734b762" style="font-family: Arial, Helvetica, sans-serif; color:#2f3133; font-size: 12px; line-height: 40px; text-transform:uppercase; letter-spacing: 2px; text-decoration: none; vertical-align:middle; height:40px;"
                                          target="_blank">
														<strong>watch ALL 178 GOALS <span class="hidemob">now</span></strong>
                                  </a>
                                      </td>
                                      <td width="15"></td>
                                      <td style="font-family: georgia; font-size: 16px;" width="30" height="40"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee75ee53d642289193a818ea68c62b987dc46bfe6f5d17de4c21a190ddb7f4fa48e53f01e94c69c8e288430ddc9734b762" style="font-family: Arial, Helvetica, sans-serif; color:#2f3133; font-size: 14px; line-height: 40px; text-transform:uppercase; letter-spacing: 2px; text-decoration: none !important; width:100%; vertical-align:middle; height:40px; text-align: left;"
                                          target="_blank"><strong>&gt;</strong></a></td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <!-- CTA yellow END -->

                              <!-- HIDDEN RESPONSIVE -->
                              <!--[if !mso]><!-->
                              <tr>
                                <td>
                                  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: 0 auto;">
                                    <tr>
                                      <td valign="top" align="center">
                                        <div class="showmob" style="font-size:0; line-height:0; display:none; max-width:0; max-height:0; overflow:hidden;">
                                          <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">

                                            <!-- Image -->
                                            <tr>
                                              <td valign="middle" align="center" class="pad-top"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee3edee9304e30db25b109a214154e6fbe204d06d3a5ab72921f485881dbe9831f805f972ac3a2b97fa3b8a60aeca0b452" target="_blank">
<img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-graph.gif" alt="" border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"></a></td>
                                            </tr>
                                            <!-- Image END -->

                                          </table>
                                        </div>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <!--<![endif]-->

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="30"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->

                            </table>
                          </td>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

          </table>

          <!-- Main Hero END -->

          <!-- Three Pod section -->

          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                  <tr>
                    <!-- Email side Spacer -->
                    <td width="15"></td>
                    <!-- Email side Spacer END -->
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">

                        <tr>
                          <td class="resp-pod-padding">
                            <table width="460" cellpadding="0" cellspacing="0" border="0" align="left" class="widthReset">
                              <tr>
                                <td>
                                  <table width="220" cellpadding="0" cellspacing="0" border="0" align="left" class="tablestack">
                                    <tr>
                                      <td>
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                          <tr>
                                            <td>
                                              <table width="100%" cellpadding="0" cellspacing="0" border="0" style="display:block;">
                                                <tr>
                                                  <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-pod1-031117-hover.jpg" class="nobackimg" style="background-size: 220px 110px;">

                                                    <a class="img-swap fullwidthimg100" style="display:block;width:220px;height:110px;" href="http://click.email.mancity.com/?qs=79a59645d89cc1ee660b69ed187e43e36e79f6f90256349ede294f93829b423d9010ca93c3a5b006619071871923320fa346312343fa0cf5" target="_blank">

<img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-pod1-031117.jpg" alt="" height="110" width="220" border="0" style="display:block;" class="fullwidthimg100"></a></td>

                                                </tr>
                                                <!-- Text -->
                                                <tr>
                                                  <td>
                                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                      <tr>
                                                        <td>
                                                          <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <!-- Spacer -->
                                                            <tr>
                                                              <td height="18"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                            </tr>
                                                            <!-- Spacer END -->
                                                            <tr>
                                                              <td style="font-family:'GothamBold', Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-size: 18px; line-height: 1.3; color:#00285e;">

                                                                <a href="http://click.email.mancity.com/?qs=79a59645d89cc1eefb29d916babcd9b537c6a9fa73eb55cb73d821bdeee9959c599fb249284aad867c54365de50a40599068914f197daf36" style="color:#00285e; text-decoration:none;" class="pod-hover" target="_blank">

<strong>Fans send their messages to Aguero</strong>
</a></td>
                                                            </tr>
                                                            <!-- Spacer -->
                                                            <tr>
                                                              <td height="10"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                            </tr>
                                                            <!-- Spacer END -->

                                                            <tr>
                                                              <td style="font-family:Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-size: 16px; line-height: 1.3; color:#00285e;"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eefb29d916babcd9b537c6a9fa73eb55cb73d821bdeee9959c599fb249284aad867c54365de50a40599068914f197daf36" style="color:#00285e; text-decoration:none;"
                                                                  class="pod-hover" target="_blank">
Hear what our fans had to say from around the <span class="no-orphan">world</span> <span style="font-family: georgia; color:#6babde;">&gt;</span>
</a></td>
                                                            </tr>

                                                            <!-- Spacer -->
                                                            <tr>
                                                              <td height="18" class="height30"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                            </tr>
                                                            <!-- Spacer END -->
                                                          </table>
                                                        </td>
                                                        <td width="15"></td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                </tr>
                                                <!-- Text END -->

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

                                  <table width="220" cellpadding="0" cellspacing="0" border="0" align="right" class="tablestack">
                                    <tr>
                                      <td>
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                          <tr>
                                            <td>
                                              <table width="100%" cellpadding="0" cellspacing="0" border="0" style="display:block;">
                                                <tr>
                                                  <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-pod2-031117-hover.jpg" class="nobackimg" style="background-size: 220px 110px;">
                                                    <!-- image -->
                                                    <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee0a9876aede5637cec5f7f8126b3da65aab01a8ea90b2efc41f4ab0c96f52e8fd18cbf209a4e31dabb1699840f09fc34c" class="img-swap fullwidthimg100" style="display:block;width:220px;height:110px;" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-pod2-031117.jpg" alt="" height="110" width="220" border="0" class="fullwidthimg100"></a>
                                                    <!-- image END -->
                                                  </td>
                                                </tr>
                                                <!-- Text -->
                                                <tr>
                                                  <td>
                                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                      <tr>
                                                        <td>
                                                          <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                            <!-- Spacer -->
                                                            <tr>
                                                              <td height="18"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                            </tr>
                                                            <!-- Spacer END -->

                                                            <tr>
                                                              <td style="font-family:'GothamBold', Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-size: 18px; line-height: 1.3; color:#00285e;"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eeb1e19bb2e69c1cfb61d3a01dedf19c0988a14acaf734f84e0d5d2bca2c8f616101eddf217aaff48a7632f209da1b6b4f" style="color:#00285e; text-decoration:none;"
                                                                  class="pod-hover" target="_blank"><strong>Play the Aguero Penalty Shooter game</strong>
</a></td>
                                                            </tr>
                                                            <!-- Spacer -->
                                                            <tr>
                                                              <td height="10"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                            </tr>
                                                            <!-- Spacer END -->
                                                            <tr>
                                                              <td style="font-family:Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-size: 16px; line-height: 1.3; color:#00285e;"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eeb1e19bb2e69c1cfb61d3a01dedf19c0988a14acaf734f84e0d5d2bca2c8f616101eddf217aaff48a7632f209da1b6b4f" style="color:#00285e; text-decoration:none;"
                                                                  class="pod-hover" target="_blank">
How many will you score in our brand <span class="no-orphan">new game?</span> <span style="font-family: georgia; color:#6babde;">&gt;</span>
</a></td>
                                                            </tr>
                                                            <!-- Spacer -->
                                                            <tr>
                                                              <td height="18" class="height30"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                            </tr>
                                                            <!-- Spacer END -->
                                                          </table>
                                                        </td>
                                                        <td width="15"></td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                </tr>
                                                <!-- Text END -->

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

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

                            <table width="220" cellpadding="0" cellspacing="0" border="0" align="right" class="tablestack">
                              <tr>
                                <td>
                                  <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                      <td>
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="display:block;">
                                          <tr>
                                            <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-pod3-031117-hover.jpg" class="nobackimg 15px-top" style="background-size: 220px 110px;">
                                              <!-- image -->
                                              <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee2b2e450e00624b24991a9e384c0ae4056d09bd13361573a814eea5e5346ff259ac824ff01212cc713f19a5d1c147c99b" class="img-swap fullwidthimg100" style="display:block;width:220px;height:110px;" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-pod3-031117.jpg" alt="" height="110" width="220" border="0" class="fullwidthimg100"></a>
                                              <!-- image END -->
                                            </td>
                                          </tr>
                                          <!-- Text -->
                                          <tr>

                                            <td>
                                              <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                <tr>
                                                  <td>
                                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                                      <!-- Spacer -->
                                                      <tr>
                                                        <td height="18"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                      </tr>
                                                      <!-- Spacer END -->
                                                      <tr>
                                                        <td style="font-family:'GothamBold', Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-size: 18px; line-height: 1.3; color:#00285e;"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee1ac966af7e51412a84cc5a9d3738414920b5563fca7868e85ccbabf12894a3da1681f2c9d9aa0ddc92855fc5ad5bab0e" style="color:#00285e; text-decoration:none;"
                                                            class="pod-hover" target="_blank"><strong>Aguero says thank you to the fans</strong>
</a></td>
                                                      </tr>
                                                      <!-- Spacer -->
                                                      <tr>
                                                        <td height="10"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                      </tr>
                                                      <!-- Spacer END -->
                                                      <tr>
                                                        <td style="font-family:Arial, sans-serif; font-variant-ligatures: no-common-ligatures; font-size: 16px; line-height: 1.3; color:#00285e;"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee1ac966af7e51412a84cc5a9d3738414920b5563fca7868e85ccbabf12894a3da1681f2c9d9aa0ddc92855fc5ad5bab0e" style="color:#00285e; text-decoration:none;"
                                                            class="pod-hover" target="_blank">
"I've had the support to help me <span class="no-orphan">every game"</span> <span style="font-family: georgia; color:#6babde;">&gt;</span>
</a></td>
                                                      </tr>

                                                      <!-- Spacer -->
                                                      <tr>
                                                        <td class="height30"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0"></td>
                                                      </tr>
                                                      <!-- Spacer END -->
                                                    </table>
                                                  </td>
                                                  <td width="15"></td>
                                                </tr>
                                              </table>
                                            </td>
                                          </tr>
                                          <!-- Text END -->

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

                          </td>
                        </tr>

                      </table>
                    </td>
                    <!-- Email side Spacer -->
                    <td width="15"></td>
                    <!-- Email side Spacer END -->

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

          </table>
          <!-- Three Pod section END -->

          <!-- Full width image -->
          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                          <td>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="20" class="hidemob"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->

                              <!-- tickets + hospitality banner -->
                              <!-- Image -->
                              <tr>
                                <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eeae4d89300cb656f2da4c6f585c75ee4eb2860b05694e4e9ab18b32c332cdf149e99b897da4b8b685e9cc4e57075262cf" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117_01.jpg" alt="Watch the record breaker in action at the Etihad stadium" height="214" width="700" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                              </tr>
                              <!-- Image END -->

                              <tr>
                                <td>
                                  <table width="100%" cellpadding="0" cellspacing="0" border="0">

                                    <tr>
                                      <td valign="middle"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eed0de20daf7f2d0f4b97f434cacd616671a760becd9c208c4ad11e6f240a51932550e2804115d687b3c7a5adc2ec6a60b" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117_02.jpg" alt="Tickets" height="66" width="164" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>

                                      <td valign="middle"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee95d405dd2cf9a81783a92ec674e162432f1222e1819131c32eed7da340d955ddc95cfc1517b7bad955ab8eef6518eef6" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117_03.jpg" alt="Hospitality" height="66" width="186" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>

                                      <td valign="middle"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eeae4d89300cb656f2da4c6f585c75ee4eb2860b05694e4e9ab18b32c332cdf149e99b897da4b8b685e9cc4e57075262cf" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117_04.jpg" alt="" height="66" width="350" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                    </tr>

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

                              <!-- HIDDEN RESPONSIVE -->
                              <!--[if !mso]><!-->
                              <tr>
                                <td>
                                  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: 0 auto;">
                                    <tr>
                                      <td valign="top" align="center">
                                        <div class="showmob" style="font-size:0; line-height:0; display:none; max-width:0; max-height:0; overflow:hidden;">
                                          <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">

                                            <!-- Image -->
                                            <tr>
                                              <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eea8b29baf741cc4b7f442feef0a96897e76ced5ff962d7331c9cfd8c9cb9520a5f98bf5729754e9ffaf055c50afe0faec" target="_blank">
<img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117-m_01.jpg" alt="Watch the record breaker in action at the Etihad stadium" border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"></a></td>
                                            </tr>
                                            <!-- Image END -->

                                            <!-- Image tickets -->
                                            <tr>
                                              <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eed0de20daf7f2d0f4b97f434cacd616671a760becd9c208c4ad11e6f240a51932550e2804115d687b3c7a5adc2ec6a60b" target="_blank">
<img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117-m_02.jpg" alt="Tickets" border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"></a></td>
                                            </tr>
                                            <!-- Image END -->

                                            <!-- Image hospitality -->
                                            <tr>
                                              <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee95d405dd2cf9a81783a92ec674e162432f1222e1819131c32eed7da340d955ddc95cfc1517b7bad955ab8eef6518eef6" target="_blank">
<img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw2-031117-m_03.jpg" alt="Hospitality" border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"></a></td>
                                            </tr>
                                            <!-- Image END -->

                                          </table>
                                        </div>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <!--<![endif]-->

                              <!-- tickets + hospitality banner -->

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->

                            </table>
                          </td>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

          </table>
          <!-- Full width image END -->

          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                          <td>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">

                              <!-- Image -->
                              <tr>
                                <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eea653b2fcbde8b7654ef938c1e95b3804280e7f3c95ac17e0867ddf6ef6fd498d197b04769bd5370f9565a9b75b525b3f" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw3-031117.jpg" alt="WIN an official Aguero signed shirt" height="215" width="700" align="center" border="0" style="margin: auto;" class="hidemob"> 
<!--[if !mso]><!----><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw3-031117-m.jpg" alt="WIN an official Aguero signed shirt" border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"><!--<![endif]--></a></td>
                              </tr>
                              <!-- Image END -->

                            </table>
                          </td>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

          </table>

          <!-- Full width image -->
          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                          <td>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">

                              <!-- Spot the ball -->

                              <!-- desktop -->
                              <tr>
                                <td>
                                  <table width="100%" cellpadding="0" cellspacing="0" border="0" class="hidemob">

                                    <tr>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot1-hover.jpg" class=""><a class="img-swap-ball" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot1.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot2-hover.jpg" class=""><a class="img-swap" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot2.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot3-hover.jpg" class=""><a class="img-swap" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot3.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot4-hover.jpg" class=""><a class="img-swap" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot4.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                    </tr>

                                    <tr>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot5-hover.jpg" class=""><a class="img-swap-ball" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot5.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot6-hover.jpg" class=""><a class="img-swap" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot6.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot7-hover.jpg" class=""><a class="img-swap" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot7.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot8-hover.jpg" class=""><a class="img-swap" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot8.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                    </tr>

                                    <tr>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot9-hover.jpg" class=""><a class="img-swap-ball" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot9.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot10-hover.jpg" class=""><a class="img-swap-ball" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot10.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot11-hover.jpg" class=""><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eee96b2a58cb8942685c49a071965f1ea768d40ce9b58e14dfa40c9e192002cb36433fbafbe22619e78a1099432f297e94" class="img-swap" style="display:block;width:175px;height:132px;"
                                          target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot11.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                      <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot12-hover.jpg" class=""><a class="img-swap-ball" style="display:block;width:175px;height:132px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot12.jpg" alt="" height="132" width="175" align="center" border="0" style="margin: auto;" class="hidemob"></a></td>
                                    </tr>

                                  </table>
                                </td>
                              </tr>
                              <!-- desktop END -->

                              <!-- Responsive -->
                              <!--[if !mso]><!-->
                              <tr>
                                <td>
                                  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: 0 auto;">
                                    <tr>
                                      <td valign="top" align="center">
                                        <div class="showmob" style="font-size:0; line-height:0; display:none; max-width:0; max-height:0; overflow:hidden;">
                                          <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">

                                            <tr>
                                              <td class="showmob pad-bottom-blue" style="display: none;" bgcolor="#6babde">
                                                <table width="320" cellpadding="0" cellspacing="0" border="0" class="showmob" style="display: none; margin: 0 auto;">

                                                  <tr>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot1-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot1-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot2-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot2-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot3-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot3-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot4-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot4-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                  </tr>

                                                  <tr>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot5-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot5-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot6-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot6-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot7-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot7-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot8-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:60px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot8-mob.jpg" alt="" height="60" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                  </tr>

                                                  <tr>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot9-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:61px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot9-mob.jpg" alt="" height="61" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot10-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:61px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot10-mob.jpg" alt="" height="61" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot11-hover-mob.jpg" class=""><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eee96b2a58cb8942685c49a071965f1ea768d40ce9b58e14dfa40c9e192002cb36433fbafbe22619e78a1099432f297e94" class="img-swap-ball" style="display:block;width:80px;height:61px;"
                                                        target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot11-mob.jpg" alt="" height="61" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                    <td background="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot12-hover-mob.jpg" class=""><a class="img-swap-ball" style="display:block;width:80px;height:61px;"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-031117-spot12-mob.jpg" alt="" height="61" width="80" align="center" border="0" style="margin: auto;" class="showmob"></a></td>
                                                  </tr>

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

                                          </table>
                                        </div>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <!--<![endif]-->

                              <!-- Responsive -->

                              <!-- Spot the ball END -->

                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->

                            </table>
                          </td>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

          </table>
          <!-- Full width image END -->

          <!-- Retail Banner -->
          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin:0 auto;" class="email-container" bgcolor="#ffffff">

            <tr>
              <td>
                <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                  <tr>
                    <td>
                      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                          <td>
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">

                              <!-- Image -->
                              <tr>
                                <td valign="middle" align="center"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee02478a02d39841a463d0a38ff7daf15349557473c106c3cb119f4181de71d4ee0c8464b7cfb5fe8bb566e85b08938dff" target="_blank"><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw4-031117.jpg" alt="178 range now Available! " height="195" width="700" align="center" border="0" style="margin: auto;" class="hidemob"> 
<!--[if !mso]><!----><img src="http://image.email.mancity.com/lib/fecd15717d67077f/m/1/bp-fw4-031117-m.jpg" alt="178 range now Available! " border="0" style="height:0px; width:0px; max-height:0px; max-width:0px; font-size:0; display:block;" class="fullwidthimg showmob"><!--<![endif]--></a></td>
                              </tr>
                              <!-- Spacer -->
                              <tr>
                                <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                              </tr>
                              <!-- Spacer END -->
                              <!-- Image END -->

                            </table>
                          </td>
                          <!-- Email side Spacer -->
                          <td width="15"></td>
                          <!-- Email side Spacer END -->
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

          </table>
          <!-- Retail banner END -->

          <!-- RSS Banner -->
          <!-- RSS banner END -->

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

  <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#e2eff9" style="border-collapse:collapse;">
    <tr>
      <td>
        <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin: auto;" class="email-container">
          <tr>
            <td>
              <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                <tr>
                  <td>
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                      <tr>
                        <!-- Email side Spacer -->
                        <td width="15"></td>
                        <!-- Email side Spacer END -->
                        <td>
                          <table width="100%" cellpadding="0" cellspacing="0" border="0">

                          </table>
                        </td>
                        <!-- Email side Spacer -->
                        <td width="15"></td>
                        <!-- Email side Spacer END -->
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

  <!-- // BOTTOM NAVIGATION FOR MOBILE -->
  <!--[if !mso]><!-->
  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: 0 auto;">
    <tr>
      <td valign="top" align="center" bgcolor="#6babde">
        <div class="showmob" style="font-size:0; line-height:0; display:none; max-width:0; max-height:0; overflow:hidden;">
          <table width="90%" cellspacing="0" cellpadding="0" border="0" align="center">
            <tr>
              <td style="height: 15px; font-size: 15px; line-height: 15px;" valign="top" height="15"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0" height="15"></td>
            </tr>
            <tr>
              <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; border: 1px solid #ffffff; text-transform: uppercase" width="100%" valign="middle" align="center" height="40">
                <a href="http://click.email.mancity.com/?qs=79a59645d89cc1eecc7d06e55de745aa4e9ddf5be485bb58aa7073bf80ca48d39e66e14e737cb620673856feae17b0d193cb07e96297aa17" style="text-decoration:none; color:#ffffff;" target="_blank">Media Watch</a></td>
            </tr>
            <tr>
              <td style="height: 15px; font-size: 5px; line-height: 15px;" valign="top" height="15"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0" height="15"></td>
            </tr>
            <tr>
              <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px;  border: 1px solid #ffffff; text-transform: uppercase" width="100%" valign="middle" align="center" height="40">
                <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee3bc9123cb6a48063421025001418092a2de867b0d6f63937cba04a0d48741eeed6d615c4f2de9151360cdb5bcc4b6032" style="text-decoration:none; color:#ffffff; display:inline;" target="_blank">Upcoming Fixtures</a>
              </td>
            </tr>
            <tr>
              <td style="height: 15px; font-size: 5px; line-height: 15px;" valign="top" height="15"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0" height="15"></td>
            </tr>
            <tr>
              <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; border: 1px solid #ffffff; text-transform: uppercase" width="100%" valign="middle" align="center" height="40"><a href="http://click.email.mancity.com/?qs=79a59645d89cc1eecdbf617b5520c3b2d7b47faa28e93c16685dc16b1f1533605c9870f1784c2752df8d9d18a5d3e7418eb040f13643d042" target="_blank" style="text-decoration:none;color:#ffffff">
                                 Press Conference</a></td>
            </tr>
            <tr>
              <td style="height: 15px; font-size: 5px; line-height: 15px;" valign="top" height="15"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0" height="8"></td>
            </tr>
            <tr>
              <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; border: 1px solid #ffffff; text-transform: uppercase" width="100%" valign="middle" align="center" height="40">

                <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee8537ed366f0f06c6d457d7a23c4ee771f2457ced0454d1329a15efb8449359e0acf7bf3e506e4299152d84f69e0f2d48" style="text-decoration:none; color:#ffffff;" target="_blank"> Free Sign up to Cityzens</a>
              </td>
            </tr>
            <tr>
              <td style="height: 15px; font-size: 15px; line-height: 15px;" valign="top" height="15"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block;" border="0" height="15"></td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
  </table>
  <!--<![endif]-->
  <!-- Footer Start -->
  <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#e2eff9">
    <tbody>
      <tr>
        <td>
          <table border="0" width="730" cellpadding="0" cellspacing="0" align="center" style="width:730px; margin: auto;" class="email-container" bgcolor="#e2eff9">
            <tbody>
              <tr>
                <td>
                  <table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#e2eff9">
                    <tbody>

                      <!-- Spacer -->
                      <tr>
                        <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:730px;" border="0" width="730" height="1" class="hidemob"></td>
                      </tr>
                      <!-- Spacer END -->

                      <tr>
                        <td>
                          <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tbody>
                              <tr>
                                <!-- Spacer -->
                                <td width="15"></td>
                                <!-- Spacer END -->
                                <td>
                                  <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#e2eff9">
                                    <tbody>
                                      <tr>
                                        <td>
                                          <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#e2eff9">
                                            <tbody>
                                              <tr>
                                                <!-- Spacer -->
                                                <td width="50" class="hidemob"></td>
                                                <!-- Spacer END -->

                                                <!-- Footer Text -->
                                                <td align="center" style="padding: 0 3%;font-family:Arial, sans-serif; font-size: 10px; line-height: 1.3; color: #b0b0b0;">You, <a href="#" target="_blank" style="text-decoration:none; color:#989fa5; display:inline;">hello@SmilesDavis.yeah</a>                                                  supporter number , are opted in to receive communications from Manchester City. If you no longer wish to receive communications, please <a href="#"
                                                    target="_blank" style="text-decoration:underline; color:#aaa; display:inline;">unsubscribe here</a>.<br>
                                                  <br> We're changing our email and to make sure you continue to receive all our latest news please add <a href="mailto:mancity@email.mancity.com" target="_blank" style="text-decoration:none; color:#989fa5; display:inline;">mancity@email.mancity.com</a>                                                  to your <a href="http://click.email.mancity.com/?qs=79a59645d89cc1eed2d44fc1eb5307ab7502d2a122a0d0b670c1046a72bf3eff92f68ca86edbd7500b68607279c415e482580880b3dac2c5" target="_blank" style="text-decoration:underline; color:#989fa5; display:inline;">safe senders list</a>.
                                                  <br />
                                                  <br /> All tickets are sold subject to availability and qualifying sales criteria, and are issued subject to Manchester City Football Club Limited's <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee896262dc961a6ce8e308927f7a848d4e0c05f4d9168d08ef4629bdd977592f7423257b0f402e66d1a1f9075e691e98ed"
                                                    style="color:#b0b0b0;" target="_blank">terms and conditions</a> of sale and the applicable Ground Regulations. Booking fees may apply.<br />
                                                  <br /> Manchester City Football Club Ltd Etihad Stadium Etihad Campus, Manchester, M11 3FF, UK. Registered in England No. 00040946. &copy; Manchester City Football Club. <br />
                                                  <br />
                                                  <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee8450a6e28c33b6e486e36d88ba58c5ea4528a7c1b2a4b56ec5bb87db0139e5e1167bb0f98f6b7b623ea56815359c7696" style="color:#b0b0b0; text-decoration:none;" target="_blank">Contact Us</a>                                                  &nbsp; | &nbsp; <a href="http://click.email.mancity.com/?qs=79a59645d89cc1ee41a68e94d06d08fd33d23e7b845f05ca2b2b82f8975d8a77d3f8d65002b5268b8c5c57877109fac9cf7962849d1434b2" style="color:#b0b0b0; text-decoration:none;"
                                                    target="_blank">Privacy Policy</a><br>
                                                  <br></td>
                                                <!-- Footer Text END -->
                                                <!-- Spacer -->
                                                <td width="50" class="hidemob"></td>
                                                <!-- Spacer END -->
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>

                                      <!-- Spacer -->
                                      <tr>
                                        <td valign="top" height="20"><img src="http://image.exct.net/lib/fecd15717d67077f/m/1/spacer.gif" style="display:block; max-height:1px; min-width:700px;" border="0" width="700" height="1" class="hidemob"></td>
                                      </tr>
                                      <!-- Spacer END -->

                                      <!-- Tracking -->

                                      <tr>
                                        <td valign="top" width="1" height="1"><img src="https://pixel.inbox.exacttarget.com/pixel.gif?r=ac262d0c86fc0c558b80473d19f9a04e75c7eb61&campaign=blueprint" width="1" height="1" style="display:block;" border="0" /> <img src="https://pixel.app.returnpath.net/pixel.gif?r=ac262d0c86fc0c558b80473d19f9a04e75c7eb61&c=blueprint"
                                            width="1" height="1" /> <img src="https://pixel.inbox.exacttarget.com/pixel.gif?r=ac262d0c86fc0c558b80473d19f9a04e75c7eb61&c=blueprint" width="1" height="1" /></td>
                                      </tr>
                                      <!-- Tracking END -->

                                    </tbody>
                                  </table>
                                </td>
                                <!-- Spacer -->
                                <td width="15"></td>
                                <!-- Spacer END -->
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>

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

</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.
Loading ..................

Console