Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<!DOCTYPE html>
<html>
 <body>
  <div style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
  </div>
  <p>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
   <meta charset="utf-8"/>
   <meta content="width=device-width,initial-scale=1" name="viewport"/>
   <meta content="telephone=no, date=no, address=no, email=no, url=no" name="format-detection"/>
   <meta name="x-apple-disable-message-reformatting"/>
  </p>
  <title>
   Your summer moodboard
  </title>
  <!--[if gt mso 15]>
    <noscript>
      <xml>
        <o:OfficeDocumentSettings>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
    </noscript>
    <style type="text/css">
      table {
        margin: 0;
        border-collapse: collapse;
        border-spacing: 0;
      }
      tr { 
        font-size: 0;
        line-height: 0;
      }
      div, td {
        padding: 0;
      }
      div {
        margin:0 !important;
      }
      .vml-cta {
        display:block !important;
      }
    </style>
    <![endif]-->
  <style type="text/css">
   * {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased !important;
      }
      *[x-apple-data-detectors],
      u + .body a, #MessageViewBody a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
      }
      a {
        text-decoration:none;
      }
      @font-face {
        font-family: 'ASOS Sans Display';
        src:
            local('asos sans display'),
            local('asossansdisplay'),
            url('https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Fasossansdisplay-Regular.ttf/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDYwNjI0MX0:1rytWD:sIlxuA7Y30mclSPhsZ-Fpuw4olpufhz25YDiW6p-K1s'), 
            url('https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Fasossansdisplay-Regular.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDYxNDc1fQ:1rytWD:8rUiV-NiMBTz0c3GrYEZ0uoCrQhvPBRmSRUqMSU81yI'), 
            url('https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Fasossansdisplay-Regular.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDYxNDc1fQ:1rytWD:8rUiV-NiMBTz0c3GrYEZ0uoCrQhvPBRmSRUqMSU81yI2'),
            url('https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Fasossansdisplay-Regular.otf/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDYxOTY1Mn0:1rytWD:2VfOCCkAPsS8g0acd9rCQDh8VZvrJN-cKTcSJGfBMZo');
        font-weight: 400;
        font-style: normal;
        mso-font-alt: 'Arial';
        mso-generic-font-family: swiss;
			}
			a, span {
				font-family: inherit;
				font-weight: inherit;
			}
			h1, h2, h3, h4, h5, h6 {
				font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;
        font-weight: 400;
				letter-spacing: 0.1px;
				padding: 6px 0 6px 0;
        margin: 0px;
			}
			p {
				font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;
				font-size: 16px;
				line-height: 22px;
				letter-spacing: 0.4px;
				font-weight: 400;
				padding: 6px 0 6px 0;
				margin: 0px;
			}
			.cta, .vml-cta {
				font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;
        font-size: 18px;
        letter-spacing: 0.1px;
        font-weight: 400;
        text-decoration: none;
			}
			.nav {
				font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;
        font-size: 16px;
        letter-spacing: 0.1px;
        font-weight: 400;
        color: #FFFFFF;
        text-decoration: none;
			}
			.brands {
				font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;
        font-size: 16px;
        letter-spacing: 0.2px;
        font-weight: 400;
        color: #0E0F0F;
        text-decoration: none;
			}
			.footer {
        font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.4px;
        font-weight: 400;
        color: #FFFFFF;
        padding: 0px;
        margin: 0px;
    }
		.column {
			min-width: 0 !important;
		}
		.padding-mob {
			padding-right: 0 !important;
			padding-left: 0 !important;
		}
		.ph24 {
			padding-right: 24px !important;
			padding-left: 24px !important;
		}
		@media screen and (max-width:460px) {
			.column {
				max-width:100% !important;
			}
			.padding-mob {
				padding-right:5% !important;
				padding-left:5% !important;
			}
			.ph24 {
				padding-right:16px !important;
				padding-left:16px !important;
      }
      .mob-bg{
        background-size: 100% !important;
      }
      .mob-100 {
        width: 100% !important;
      }
      .mob-4 {
        height: 4px !important;
        font-size: 4px !important;
        line-height: 4px !important;
      }
      .mob23 {
          width: 23% !important;
      }
      .mob2 {
          width: 2.5% !important;
      }
      .mob1 {
          width: 1% !important;
      }
      h1, h2, h3, h4, h5, h6, p {
				padding: 2px 0 2px 0;
			}
      .fontsize52 {
        font-size: 52px !important;
        line-height: 60px !important;
      }
      .fontsize48 {
        font-size: 48px !important;
        line-height: 52px !important;
      }
      .fontsize34 {
        font-size: 34px!important;
        line-height: 40px!important; 
      }
      .fontsize28 {
        font-size: 28px !important;
        line-height: 32px !important; 
      }
      .fontsize20 {
        font-size: 20px !important;
        line-height: 26px !important; 
      }
      .fontsize16 {
        font-size: 16px !important;
        line-height: 22px !important; 
      }
      .fontsize12 {
        font-size: 12px !important;
        line-height: 18px !important; 
      }
      .brands {
        font-size: 14px !important;
			}
      .cta, .vml-cta {
        font-size: 14px !important;
			}
		}
  </style>
  <!-- Carousel style starts here -->
  <style>
   input {
        display: none;
      }
      @media screen and (max-width:9999px) {
        .cboxcheck:checked + input + * .thumb-carousel
        {
          height: auto !important;
          max-height:none!important;
          max-width:none!important;
          line-height:0;
        }
        .thumb-carousel span
        {
          font-size:0;
          line-height:0;
        }
        .cboxcheck:checked + input + * .thumb-carousel .car-content
        {
          display:none;
          max-height:0px;
          overflow:hidden;
        }
        .cbox0:checked + * .content-1,
        .thumb-carousel .cbox1:checked + span .content-1,
        .thumb-carousel .cbox2:checked + span .content-2,
        .thumb-carousel .cbox3:checked + span .content-3,
        .thumb-carousel .cbox4:checked + span .content-4,
        .thumb-carousel .cbox5:checked + span .content-5 
        {
          display:block!important;
          max-height:none!important;
          overflow:visible!important;
        }
        .thumb-carousel .thumb
        {
          cursor:pointer;
          display:inline-block !important;
          margin: 20px 12px;
          width: 10px;
          height: 10px;
          background-color: #dddddd;
          border-radius: 50%;
        }
        .moz-text-html .thumb 
        {
          display:none !important;
        }
        .thumb-carousel .thumb:hover
        {
          background-color: #000000; 
        }
        .cbox0:checked + * .thumb-1,
        .thumb-carousel .cbox1:checked + span .thumb-1,
        .thumb-carousel .cbox2:checked + span .thumb-2,
        .thumb-carousel .cbox3:checked + span .thumb-3,
        .thumb-carousel .cbox4:checked + span .thumb-4,
        .thumb-carousel .cbox5:checked + span .thumb-5 
        {
          background-color: #000000;
        }
        .thumb-carousel .thumb img
        {
          width:100%;
          height: auto;
        }
        .thumb-carousel img
        {
          max-height: none !important;
        }      
        .cboxcheck:checked + input + * .fallback
        {
          display:none !important;
          display:none;
          max-height: 0px;
          height: 0px;
          overflow: hidden;
        }
      }
      @media screen and (max-width:640px) {
        .car-table.responsive,
        .car-table.responsive .thumb-carousel,
        .car-table.responsive .thumb-carousel .car-content img,
        .car-table.responsive .fallback .car-content img
        {
          width:100% !important;
          height:auto;
        }
      }
      .yfix{}
      @media screen yahoo and (max-width:600px) {
        .thumb-carousel 
        {
          display:none!important;
        }
        .fallback 
        {
          display:block!important;
          height:auto!important;
          max-height:none!important;
        }
      }
  </style>
  <!-- Carousel style ends here -->
  <!--[if false]><!-->
  <div style="display:none; mso-hide:all;">
   Plus, get up to 30% off sun-ready styles
  </div>
  <div style="display:none; mso-hide:all;">
   ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
  </div>
  <!--<![endif]-->
  <div aria-label="Your summer moodboard" aria-roledescription="email" class="container" lang="en" role="article" style="font-size:medium; font-size:max(16px, 1rem); background-color:#FFFFFF;">
   <!--[if true]>
      <table width="640" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation" style="width:640px;">
        <tr>
          <td width="640" style="width:640px;">
          <![endif]-->
   <div style="max-width:640px; margin:0 auto;">
    <!-- LOGO -->
    <table bgcolor="#0E0F0F" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td align="center" style="padding:24px 0 24px 0;">
       <a target="_blank">
        <img alt="ASOS" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252Faf342d04-8840-dfae-af43-43dcb4150e04.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc4NzM1NH0:1rytWD:5lIGwfcUQiWRjolNymrDDWG0Nv0rV8f0Czpuuw3NrRc" style="display:block;" width="111"/>
       </a>
      </td>
     </tr>
    </table>
    <!-- //LOGO -->
    <!-- NAVBAR (MW) -->
    <table bgcolor="#0E0F0F" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="padding: 0 0 24px 0; text-align: center;" valign="top" width="33.333333%">
       <a class="nav" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;" target="_blank">
        New in
       </a>
      </td>
      <td style="padding: 0 0 24px 0; text-align: center;" valign="top" width="33.333333%">
       <a class="nav" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;" target="_blank">
        T-shirts
       </a>
      </td>
      <td style="padding: 0 0 24px 0; text-align: center;" valign="top" width="33.333333%">
       <a class="nav" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;" target="_blank">
        Shoes
       </a>
      </td>
     </tr>
    </table>
    <!-- //NAVBAR (MW) -->
    <!-- FULL-WIDTH IMAGE -->
    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td>
       <a target="_blank">
        <img alt="Alternative text" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F1858cae1-58b8-33e4-21b4-986a15d3e57b.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5MDA1Mn0:1rytWD:2IYhTiYiLG2ay-hNmNAYmCMuyrqB1wGHR1mIYLGfFYA" style="display:block; width:100%; height:auto;" width="640"/>
       </a>
      </td>
     </tr>
    </table>
    <!-- //FULL-WIDTH IMAGE -->
    <!-- SPACER -->
    <div style="height:8px; line-height:8px; background-color:#ffffff; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <!-- FULL-WIDTH CONTENT -->
    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td width="90%">
       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
         <td style="text-align: center;">
          <h1 class="fontsize48" style="color: #0e0f0f; font-size: 60px; line-height: 60px;">
           <a style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color:#0e0f0f; text-decoration:none;" target="_blank">
            Summer prep
           </a>
          </h1>
          <p style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #0e0f0f;">
           It's time to lean into preppy, retro styles with a hot-weather twist. Jump in!
          </p>
          <div style="text-align:center;">
           <div style="height:16px; line-height:16px; mso-line-height-rule:exactly;">
           </div>
           <!--[if true]>
        													<v:roundrect href="https://www.asos.com/us/men/ctas/curated-category-2/cat/?cid=51377&custref=152661859&affid=28588&channelref=email&campaignid=0a87f201-56f3-475e-b9f7-a0f5bf0372f8&gender=male&country=US&asoscid=e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&lid=Blank" arcsize="50%" fillcolor="#0e0f0f" strokecolor="#0e0f0f" strokeweight="1.5pt" style="width:207pt; height:31.5pt; v-text-anchor:middle;">
        														<w:anchorlock/>
        														<center class="vml-cta" style="display:none;color:#ffffff;">SHOP SUMMER</center>
        													</v:roundrect>
        													<![endif]-->
           <!--[if false]><!-->
           <a class="cta" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; display:inline-block; width:100%; max-width:276px; color:#ffffff; line-height:42px; text-align:center; text-decoration:none; background-color:#0e0f0f; border:2px solid #0e0f0f; border-radius:28px; -webkit-text-size-adjust:none; mso-hide:all;" target="_blank">
            SHOP SUMMER
           </a>
           <!--<![endif]-->
          </div>
         </td>
        </tr>
       </table>
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
    </table>
    <!-- //FULL-WIDTH CONTENT -->
    <!-- SPACER -->
    <div style="height:40px; line-height:40px; background-color:#ffffff; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="mob-100" role="presentation" width="640">
     <tr>
      <td width="66%">
       <a target="_blank">
        <img alt="Alternative text" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F75d2c466-8f9d-acba-bafa-7ef53d7fba44.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5MTk2N30:1rytWD:eMSnikGyv5QuIVps6S-fpZ89L38tKXhaPvdHxfCalLA" style="display: block;" width="100%"/>
       </a>
      </td>
      <td wdith="2%">
      </td>
      <td width="32%">
       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
         <td>
          <a target="_blank">
           <img alt="Alternative text" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252Fc77038d0-6d2f-188e-6e6e-9a405b2aa1b9.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5MzU1NX0:1rytWD:cTufIwKK7OhP1nWZhtDeIFJYsadCWYDRVsTMNoilpbM" style="display: block;" width="100%"/>
          </a>
         </td>
        </tr>
        <tr>
         <td class="mob-4" style="font-size: 12px; line-height: 12px; height: 12px;">
         </td>
        </tr>
        <tr>
         <td>
          <a target="_blank">
           <img alt="Alternative text" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F32fd893b-dfec-b941-083b-1eeb180c1773.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5NDkwN30:1rytWD:0rRd1cXfXO7iFwBrSbKrcHiv6pPwBKrEYAGghm36orM" style="display: block;" width="100%"/>
          </a>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
    <!-- SPACER -->
    <div style="height:16px; line-height:16px; background-color:#ffffff; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <!-- GALLERY (X3) -->
    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td width="32%">
       <a target="_blank">
        <img alt="Alternative text" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F4dfc023e-9144-83bd-cc8a-96555f80e4aa.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5NjgzM30:1rytWD:TsXQ7BPXU_AuNzp707KF7gA8mxN-JJiOLV9PZyEcZIA" style="display:block; width:100%; height:auto;" width="212"/>
       </a>
      </td>
      <td style="font-size:1px; line-height:1px;" width="2%">
      </td>
      <td width="32%">
       <a target="_blank">
        <img alt="Alternative text" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F79a2a454-fce6-4575-bc99-befc4c007812.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5ODI4NX0:1rytWD:6J3bGFlZHP1Ji5MnXJHmu22EJfxVi5dtWgpAL0NufXY" style="display:block; width:100%; height:auto;" width="212"/>
       </a>
      </td>
      <td style="font-size:1px; line-height:1px;" width="2%">
      </td>
      <td width="32%">
       <a target="_blank">
        <img alt="Alternative text" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252Fb5c97277-5d67-74da-c029-ec37bed58457.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDc5OTU5Mn0:1rytWD:LINuW6oAfG5siujk7nNGLCzDQB8duoipZ0GjqkguC4c" style="display:block; width:100%; height:auto;" width="212"/>
       </a>
      </td>
     </tr>
    </table>
    <!-- //GALLERY (X3) -->
    <!-- SPACER -->
    <div style="height:8px; line-height:8px; background-color:#ffffff; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <!-- FULL-WIDTH CONTENT -->
    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td width="90%">
       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
         <td style="text-align: center;">
          <div style="text-align:center;">
           <div style="height:16px; line-height:16px; mso-line-height-rule:exactly;">
           </div>
           <!--[if true]>
        													<v:roundrect href="https://www.asos.com/us/men/ctas/curated-category-2/cat/?cid=51377&custref=152661859&affid=28588&channelref=email&campaignid=0a87f201-56f3-475e-b9f7-a0f5bf0372f8&gender=male&country=US&asoscid=e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&lid=Blank" arcsize="50%" fillcolor="#0e0f0f" strokecolor="#0e0f0f" strokeweight="1.5pt" style="width:207pt; height:31.5pt; v-text-anchor:middle;">
        														<w:anchorlock/>
        														<center class="vml-cta" style="display:none;color:#ffffff;">SHOP SUMMER</center>
        													</v:roundrect>
        													<![endif]-->
           <!--[if false]><!-->
           <a class="cta" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; display:inline-block; width:100%; max-width:276px; color:#ffffff; line-height:42px; text-align:center; text-decoration:none; background-color:#0e0f0f; border:2px solid #0e0f0f; border-radius:28px; -webkit-text-size-adjust:none; mso-hide:all;" target="_blank">
            SHOP SUMMER
           </a>
           <!--<![endif]-->
          </div>
         </td>
        </tr>
       </table>
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
    </table>
    <!-- //FULL-WIDTH CONTENT -->
    <!-- SPACER -->
    <div style="height:24px; line-height:24px; background-color:#ffffff; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <!-- SPACER -->
    <div style="height:16px; line-height:16px; background-color:#ccff00; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <!-- FULL-WIDTH CONTENT -->
    <table bgcolor="#ccff00" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td width="90%">
       <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
         <td style="text-align: center;">
          <h1 class="fontsize48" style="color: #0e0f0f; font-size: 60px; line-height: 60px;">
           <a style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color:#0e0f0f; text-decoration:none;" target="_blank">
            Up to 30% off sun-ready stuff!
           </a>
          </h1>
          <p style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #0e0f0f;">
           Limited time only.*
          </p>
          <div style="text-align:center;">
           <div style="height:16px; line-height:16px; mso-line-height-rule:exactly;">
           </div>
           <!--[if true]>
        													<v:roundrect href="https://www.asos.com/us/men/ctas/core-promos/promo-1/cat/?cid=50678&custref=152661859&affid=28588&channelref=email&campaignid=0a87f201-56f3-475e-b9f7-a0f5bf0372f8&gender=male&country=US&asoscid=e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855&lid=Blank" arcsize="50%" fillcolor="#0e0f0f" strokecolor="#0e0f0f" strokeweight="1.5pt" style="width:207pt; height:31.5pt; v-text-anchor:middle;">
        														<w:anchorlock/>
        														<center class="vml-cta" style="display:none;color:#ffffff;">SHOP NOW</center>
        													</v:roundrect>
        													<![endif]-->
           <!--[if false]><!-->
           <a class="cta" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; display:inline-block; width:100%; max-width:276px; color:#ffffff; line-height:42px; text-align:center; text-decoration:none; background-color:#0e0f0f; border:2px solid #0e0f0f; border-radius:28px; -webkit-text-size-adjust:none; mso-hide:all;" target="_blank">
            SHOP NOW
           </a>
           <!--<![endif]-->
          </div>
         </td>
        </tr>
       </table>
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
    </table>
    <!-- //FULL-WIDTH CONTENT -->
    <!-- SPACER -->
    <div style="height:24px; line-height:24px; background-color:#ccff00; mso-line-height-rule:exactly;">
    </div>
    <!-- //SPACER -->
    <!-- BRANDS (MW) -->
    <table bgcolor="#383838" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="padding:24px 0 16px 0; text-align:center;">
       <h1 class="fontsize18" style="font-size: 24px; line-height: 24px; color: #FFFFFF; font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;">
        Brands we think you'll like
       </h1>
      </td>
     </tr>
     <tr>
      <td align="center" style="padding:0 0 24px 0;">
       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
        <tr>
         <td height="32" style="vertical-align: middle; padding: 0 16px 0 16px; text-align: center; background-color: #AEAEAE; border-radius: 16px;" valign="middle">
          <a class="brands" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;" target="_blank">
           ASOS DESIGN
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="8">
         </td>
         <td height="32" style="vertical-align: middle; padding: 0 16px 0 16px; text-align: center; background-color: #AEAEAE; border-radius: 16px;" valign="middle">
          <a class="brands" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;" target="_blank">
           New Balance
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="8">
         </td>
         <td height="32" style="vertical-align: middle; padding: 0 16px 0 16px; text-align: center; background-color: #AEAEAE; border-radius: 16px;" valign="middle">
          <a class="brands" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;" target="_blank">
           ASOS DESIGN
          </a>
         </td>
        </tr>
       </table>
       <div style="height:8px; line-height:8px; mso-line-height-rule: exactly;">
       </div>
       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
        <tr>
         <td height="32" style="vertical-align: middle; padding: 0 16px 0 16px; text-align: center; background-color: #AEAEAE; border-radius: 16px;" valign="middle">
          <a class="brands" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;" target="_blank">
           Weekday
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="8">
         </td>
         <td height="32" style="vertical-align: middle; padding: 0 16px 0 16px; text-align: center; background-color: #AEAEAE; border-radius: 16px;" valign="middle">
          <a class="brands" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;" target="_blank">
           Bershka
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="8">
         </td>
         <td height="32" style="vertical-align: middle; padding: 0 16px 0 16px; text-align: center; background-color: #AEAEAE; border-radius: 16px;" valign="middle">
          <a class="brands" style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif;" target="_blank">
           Calvin Klein
          </a>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </table>
    <!-- //BRANDS (MW) -->
    <!-- BENEFITS -->
    <table bgcolor="#0e0f0f" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td style="padding:24px 0 16px 0; font-size:0; text-align:center;" width="90%">
       <!--[if true]>
                        <table width="576" align="center" cellpadding="0" cellspacing="0" border="0" role="presentation" style="width:576px;">
                          <tr>
                            <td width="288" valign="top" style="width:288px;">
                            <![endif]-->
       <div class="column" style="display:inline-block; width:100%; max-width:288px; vertical-align:top;">
        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
         <tr>
          <td align="center" style="padding:0 8px 8px 8px;" valign="top" width="50%">
           <a target="_blank">
            <img alt="Email preferences" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F6d5ac7d6-a5b5-18c7-9a48-099cfcb57d83.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDgwMDg2NX0:1rytWD:UiGJk9hqOW9Np7vjYLihsCOIsV_J0WXAfS3Xio-5BM0" style="display:block;" width="40"/>
           </a>
          </td>
          <td align="center" style="padding:0 8px 8px 8px;" valign="top" width="50%">
           <a target="_blank">
            <img alt="Pay Later with Klarna or Afterpay" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F04c5cba3-c80c-24e1-5407-984d35577be6.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDgwMjV9:1rytWD:ucx6qRTDjbGz3-5eUcU2CW3G8xuMxn78kroS21sdxio" style="display:block;" width="40"/>
           </a>
          </td>
         </tr>
         <tr>
          <td style="padding:0 8px 8px 8px; font-size:16px; text-align:center;" valign="top" width="50%">
           <p class="footer" style="margin: 0;">
            <a style="color: #FFFFFF; text-decoration: none;" target="_blank">
             Email preferences
            </a>
           </p>
          </td>
          <td style="padding:0 8px 8px 8px; font-size:16px; text-align:center;" valign="top" width="50%">
           <p class="footer" style="margin: 0;">
            <a style="color: #FFFFFF; text-decoration: none;" target="_blank">
             Pay Later with Klarna or Afterpay
            </a>
           </p>
          </td>
         </tr>
        </table>
       </div>
       <!--[if true]>
                            </td>
                            <td width="288" valign="top" style="width:288px;">
                            <![endif]-->
       <div class="column" style="display:inline-block; width:100%; max-width:288px; vertical-align:top;">
        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
         <tr>
          <td align="center" style="padding:0 8px 8px 8px;" valign="top" width="50%">
           <a target="_blank">
            <img alt="Unlimited Express Shipping" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252Fea6fd0e8-288f-4fe1-9bb8-53345b593696.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDgwMzk4fQ:1rytWD:Hlla2gVl1wC-XW5fDnbpMcgbyiQJnCM_ou85q7dGPAM" style="display:block;" width="40"/>
           </a>
          </td>
          <td align="center" style="padding:0 8px 8px 8px;" valign="top" width="50%">
           <a target="_blank">
            <img alt="Students get 10% off" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fmcusercontent.com%252Ffebe49dc5e6ff6dff3dd05d80%252Fimages%252F06562d3d-4fb6-475c-b88f-c2cc6467d88d.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtY3VzZXJjb250ZSIsInRpbWUiOjE3MTM3OTE3MzcuMDgwNTY1Mn0:1rytWD:OW4_3DEVaNhy5F-fNlMGXT7NjR_t9LvBzeGrAZV5Hjs" style="display:block;" width="40"/>
           </a>
          </td>
         </tr>
         <tr>
          <td style="padding:0 8px 8px 8px; font-size:16px; text-align:center;" valign="top" width="50%">
           <p class="footer" style="margin: 0;">
            <a style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;" target="_blank">
             Unlimited Express Shipping
            </a>
           </p>
          </td>
          <td style="padding:0 8px 8px 8px; font-size:16px; text-align:center;" valign="top" width="50%">
           <p class="footer" style="margin: 0;">
            <a style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;" target="_blank">
             Students get 10% off
            </a>
           </p>
          </td>
         </tr>
        </table>
       </div>
       <!--[if true]>
                            </td>
                          </tr>
                        </table>
                        <![endif]-->
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
    </table>
    <!-- //BENEFITS -->
    <!-- FOOTER (MW) -->
    <table bgcolor="#0E0F0F" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td style="padding:0 0 24px 0; text-align:center;" width="90%">
       <p class="footer" style="margin: 0 0 1em 0;">
        *Limited time only. While stocks last. Selected styles marked down on site.
       </p>
       <p class="footer">
        ASOS, Greater London House, Hampstead Road, London NW1 7FB, United Kingdom. ASOS.com is a wholly owned subsidiary of ASOS plc. Registered in England – 3584121. For customers in the EEA only; ASOS.com (Netherlands branch), having Dutch Trade Register number (KVK-nummer, Handelsregisternummer) 000052657604.
       </p>
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td align="center" style="padding:0 0 24px 0;" width="90%">
       <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation">
        <tr>
         <td valign="top">
          <a target="_blank">
           <img alt="Facebook" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Ficon-facebook.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDgwNzI5Mn0:1rytWD:V4_Eb4Ln3PjiiQEPQ0G7YRUiEY85C-rnlZxe_bDPR2c" style="display:block;" width="32"/>
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="16">
         </td>
         <td valign="top">
          <a target="_blank">
           <img alt="Instagram" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Ficon-instagram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDgwODU5fQ:1rytWD:-8swqOEll11p1OFDNgricQ7f5Zs7Yd6okF8OCYrIG-E" style="display:block;" width="32"/>
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="16">
         </td>
         <td valign="top">
          <a target="_blank">
           <img alt="Snapchat" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Ficon-snapchat.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDgwOTgwOH0:1rytWD:JMDfeFP7v7GVH--z0Ojr3kuLn_3pnh4N-teWFxmQtaI" style="display:block;" width="32"/>
          </a>
         </td>
         <td style="font-size:1px; line-height:1px;" width="16">
         </td>
         <td valign="top">
          <a target="_blank">
           <img alt="TikTok" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fasmktnoteunpd.blob.core.windows.net%252Fcontent%252Fimages%252Ficon-tiktok-white.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc21rdG5vdGV1biIsInRpbWUiOjE3MTM3OTE3MzcuMDgxMTYzMn0:1rytWD:fUiquz-ROupW7jXZzA5h9FKQB4BCkcw5eOuO_WplDzM" style="display:block;" width="32"/>
          </a>
         </td>
        </tr>
       </table>
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
     <tr>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
      <td style="padding:0 0 32px 0; text-align:center;" width="90%">
       <p class="footer" style="margin: 0;">
        <a style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline;" target="_blank">
         Help &amp; Contact
        </a>
        |
        <a style="font-family: 'ASOS Sans Display', Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline;" target="_blank">
         Unsubscribe
        </a>
       </p>
      </td>
      <td style="font-size:1px; line-height:1px;" width="5%">
      </td>
     </tr>
    </table>
    <!-- //FOOTER (MW) -->
   </div>
   <!--[if true]>
          </td>
        </tr>
      </table>
      <![endif]-->
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fofficial-link.asos.com%252Fq%252F9LirwfSIhkKUIry3kTwV7w~~%252FAAAHagA~%252FRgRoCOfvPlcFc3BjZXVCCmYf72ImZravR9JSE2Q2MGM3ZDM4QHVpZmVlZC5jb21YBAAAAlQ~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRm9mZmljaWFsLWxpbiIsInRpbWUiOjE3MTM3OTE3MzcuMDgxMzY5OX0:1rytWD:SX78Ju0sccuemFQy1dQEOVazhS4HxDICepGy7cXythQ" width="1"/>
 </body>
</html>