cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  <!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml><![endif]-->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>Juniqe</title>

  <!--[if !mso]><!-- -->
  <link href="https://fonts.googleapis.com/css?family=Poppins:400,600&subset=latin-ext" rel="stylesheet" type="text/css" />
  <!--<![endif]-->

  <style type="text/css">
    body {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    img {
      -ms-interpolation-mode: bicubic;
    }
    .ExternalClass * {
      line-height: 120%;
    }
    a.coa:focus,
    a.coa:hover,
    a.coa:active,
    .coaP a:focus,
    .coaP a:hover,
    .coaP a:active {
      color: #0000ff !important;
    }
    a.uoa:focus,
    a.uoa:hover,
    a.uoa:active,
    .uoaP a:focus,
    .uoaP a:hover,
    .uoaP a:active {
      text-decoration: underline !important;
    }
    .eBtn1:hover, .eBtn1:focus, .eBtn1:active {
      background-color: #ffffff !important;
      transition: background 0.25s ease-out;
    }
    .eBtn1:hover a, .eBtn1:focus a, .eBtn1:active a {
      color: #0000ff !important;
    }
    .eBtn2:hover, .eBtn2:focus, .eBtn2:active {
      background-color: #000000 !important;
      transition: background 0.25s ease-out;
    }
    .eBtn2:hover a, .eBtn2:focus a, .eBtn2:active a {
      color: #ffffff !important;
    }
    .eHead {
      padding-bottom: 15px !important;
    }
    .eLogoBox {
      display: inline !important;
      width: auto !important;
    }
    .eNav {
      width: 74% !important;
      min-width: 0 !important;
      font-size: 12px !important;
    }
    .eLogoPad {
      display: inline !important;
    }
    table[class~=eHelpItemBox], table[class~=eSocialBox], table[class~=eMadeBox] {
      width: auto !important;
      min-width: 0 !important;
    }
    table[class~=eHelpItemBox], table[class~=eSocialBox] {
      float: left !important;
    }
    td[class~=eHelpItemHeight] {
      height: 95px !important;
    }
    table[class~=eMadeBox] {
      float: right !important;
    }
    
    @media only screen and (max-width: 768px) {
      *[class~=rpt20_e] {
        padding-top: 20px !important;
      }
      *[class~=rpt30_e] {
        padding-top: 30px !important;
      }
      table[class~=eNav] {
        width: 70% !important;
      }
      table[class~=eHelpPhoneBox], table[class~=eHelpEmailBox] {
        width: 50% !important;
      }
      table[class~=eHelpClaimBox] {
        float: none !important;
        width: 100% !important;
      }
    }
    
    @media only screen and (max-width: 667px) {
      *[class~=rdn_d] {
        display: none !important;
      }
      *[class~=rdn_d] {
        display: none !important;
      }
      *[class~=rac_d] {
        text-align: center !important;
      }
      *[class~=rh35_d] {
        height: 35px !important;
      }
      td[class~=eHead] {
        padding-bottom: 0 !important;
      }
      table[class~=eHelpItemBox], table[class~=eSocialBox], table[class~=eMadeBox] {
        float: none !important;
        width: 100% !important;
      }
    }
    
    @media only screen and (max-width: 480px) {
      *[class~=rdb_c] {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      *[class~=rdn_c] {
        display: none !important;
      }
      *[class~=rwf_c] {
        width: 100% !important;
      }
      *[class~=rwf_c] {
        width: 100% !important;
      }
    }
    
    @media only screen and (max-width: 420px) {
      *[class~=rdb_a] {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      *[class~=rdn_a] {
        display: none !important;
      }
      *[class~=rwf_a] {
        width: 100% !important;
      }
      *[class~=rwa_a] {
        width: auto !important;
      }
      *[class~=rac_a] {
        text-align: center !important;
      }
      *[class~=rtu_a] {
        text-transform: uppercase !important;
      }
      *[class~=lPl], *[class~=lPr] {
        width: 20px !important;
      }
      *[class~=rh20_a] {
        height: 20px !important;
      }
      *[class~=rh30_a] {
        height: 30px !important;
      }
      *[class~=rh40_a] {
        height: 40px !important;
      }
      table table[class~=bgHelp] td[class~=bgHelpImg] {
        background-image: url(http://newsletters.juniqe.com/basic/bg_help_280x321.png) !important;
      }
    }
    
    @media only screen and (max-width: 360px) {
      *[class~=rdb_b] {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      *[class~=rdn_b] {
        display: none !important;
      }
      *[class~=rwf_b] {
        width: 100% !important;
      }
    }
  </style>
  <!--[if gte mso 9]>
<style type="text/css">
.eBtn1, .eBtn2 { height:38px !important; line-height:normal !important; }
.eNav { width:100% !important; }
</style>
<![endif]-->


</head>


<body class="mBody" style="margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#212228; text-align:left;" bgcolor="#ffffff">

  <img src="http://click.juniqe-email.com/open.aspx?ffcb10-fec715777567027a-fe861c777d61017876-fe861372706d0d7475-ff981271-fe6a16707260057e7615-ffce15" width="1" height="1">

  <!-- html wrapper -->
  <table class="wrho" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="min-width:100%; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#212228; text-align:left; line-height:1.2em;">
    <tr>
      <td class="wrco" align="center">
        <table class="wrhi" cellpadding="0" cellspacing="0">
          <tr>
            <td class="wrci" align="center" style="width:800px; max-width:800px;">


              <!-- layout wrapper -->
              <table class="wrl" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                <tr>
                  <td align="center" style="padding-top:20px;"><span style="display:none; float:left; font-size:0; line-height:0; max-height:0; mso-hide:all; overflow:hidden; padding:0">
Sea, surf & sun: our swim shorts are back for a limited time only with 25% off. Get 'em while they're hot.
								</span>


                    <!-- header -->
                    <table class="mHead lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%; font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-size:12px;">
                      <tr>
                        <td class="lPl" width="8%">&nbsp;</td>
                        <td class="eHead rac_d lPc" valign="top" style="text-align:left;">
                          <div class="eLogoBox" style="width:100%; text-align:center;">
                            <a href="http://click.juniqe-email.com/?qs=363bd230cc0f17db8e28fa221a01a8027468880978c59e18996c670aa5027248524a4f297aae8dce51a20d4d25702b1e53fa6629ec5c6bcf" target="_blank" style="font-size:21px; font-weight:600; color:#000000; white-space:nowrap; text-decoration:none;"
                              title="JUNIQE. Art. Everywhere."><img src="http://newsletters.juniqe.com/basic/logo_juniqe_216x64.png" border="0" width="108" style="display:inline;" alt="JUNIQE" /></a>
                          </div><img class="eLogoPad rdn_d" src="http://newsletters.juniqe.com/basic/tp_10x1.gif" border="0" width="36" height="1" style="display:none;" alt="" />

                          <!--[if gte mso 9]>
		</td>
		<td align="right" valign="top" style="padding-left:36px;">
			<table class="eNav uoaP" width="100%" cellpadding="0" cellspacing="0" style="font-family:Poppins, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;">
<![endif]-->
                          <!--[if !mso]><!-- -->
                          <table align="right" class="eNav rdn_d uoaP" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%; font-family:Poppins, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;">
                            <!--<![endif]-->
                            <tr>


                              <td align="right" style="padding-top:8px;"><a href="http://click.juniqe-email.com/?qs=cb79c87a8efeeebd8955a42bfc0ae6f0f9eb6abaf5427ad23b14d335f0aeead8c1059728ffe93acce0d3514eee323f1bd7731555b08b9025" target="_blank" style="color:#000000; white-space:nowrap; text-decoration:none;">Wall Art</a></td>
                              <td width="33%" align="center">&nbsp;&nbsp;</td>
                              <td align="right" style="padding-top:8px;"><a href="http://click.juniqe-email.com/?qs=ea13394a39563db7ad1be22b4beda3bc1429e49ea10ac9a166c393f3bf03f9914c21c4410e008e693d62f6ee969e1e5ac073cb18b368293c" target="_blank" style="color:#000000; white-space:nowrap; text-decoration:none;">Fashion</a></td>
                              <td width="33%" align="center">&nbsp;&nbsp;</td>
                              <td align="right" style="padding-top:8px;"><a href="http://click.juniqe-email.com/?qs=fbdef20bec3a4bae012964bf6491272d369125e1bca43f6f868bbab233b41e171541e196d0c9a300289535aec38be2963f557e5174dad6c6" target="_blank" style="color:#000000; white-space:nowrap; text-decoration:none;">Living</a></td>
                              <td width="33%" align="center">&nbsp;&nbsp;</td>
                              <td align="right" style="padding-top:8px;"><a href="http://click.juniqe-email.com/?qs=491fca03ccc2aebcca39d965655dc508c1f68dc96ee583df7feae63369f48682dfe81c9c993b47e483ffcb9bfada2449c202470d4d1f99d6" target="_blank" style="color:#000000; white-space:nowrap; text-decoration:none;">Stationery</a></td>


                            </tr>
                          </table>

                        </td>
                        <td class="lPr" width="8%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /header -->


                    <!-- separator -->
                    <table class="mSep" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="rh35_d" height="5" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- ++++++++ /TOP ++++++++ -->


                    <!-- ++++++++ MODULES ++++++++ -->


                    <!-- ########### bnr-stretch-800_A ### -->


                    <!-- banner:stretch -->
                    <table id="rank1_bnr-stretch-800_A" class="mBnr lStretch" cellpadding="0" cellspacing="0" width="100%" style="font-family:Poppins, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;">
                      <tr>
                        <td class="lSc" align="center">
                          <a href="http://click.juniqe-email.com/?qs=a0401d0c26008d5ac5b4f4dbd6b32369a177cec917bca73cf4d4bcc3f879254c7405065be8c69bb78fdfd1b66c8825d61773af71e25416c2" target="_blank" style="color:#000000; text-decoration:none;"><img src="http://newsletters.juniqe.com/theme_sale_swimshorts/Swimshorts_gif_EN.gif" alt="" border="0" width="800" style="display:block; width:100% !important; max-width:800px;" /></a>
                        </td>
                      </tr>
                    </table>
                    <!-- /banner:stretch -->


                    <!-- /########### bnr-stretch-800_A ### -->

                    <!-- ########### headline_A ### -->


                    <!-- separator -->
                    <table id="rank2_headline_A_sep" class="mSep" width="100%" cellpadding="0" cellspacing="0">
                      <tr>
                        <td class="rh40_a" height="50" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- headline -->
                    <table id="rank2_headline_A" class="mHl lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPl" width="8%">&nbsp;</td>
                        <td class="eHlCont lPc" align="center" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-weight:600; font-size:24px; line-height:1.6em;">
                          It's pool time
                        </td>
                        <td class="lPr" width="8%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /headline -->


                    <!-- /########### headline_A ### -->

                    <!-- ########### bnr-stretch-800_A ### -->


                    <!-- separator -->
                    <table id="rank3_bnr-stretch-800_A_sep" class="mSep" width="100%" cellpadding="0" cellspacing="0">
                      <tr>
                        <td height="40" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- paragraph -->
                    <table class="mPar lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPl" width="8%">&nbsp;</td>
                        <td class="lPc" align="center" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; line-height:1.6em;">
                          Go for a skinny dip in our swim shorts pop-up shop and come out a modest merman with our poolside essentials for a summer of sun, sea and swim.<br /><br />Our swim shorts collection is back for a limited time only while stocks
                          last and reduced by 25%. So hurry—flash sale ends 14th July.
                        </td>
                        <td class="lPr" width="8%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /paragraph -->


                    <!-- /########### bnr-stretch-800_A ### -->

                    <!-- ########### headline_A ### -->


                    <!-- separator -->
                    <table id="rank4_headline_A_sep" class="mSep" width="100%" cellpadding="0" cellspacing="0">
                      <tr>
                        <td class="rh40_a" height="50" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- headline -->
                    <table id="rank4_headline_A" class="mHl lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPl" width="8%">&nbsp;</td>
                        <td class="eHlCont lPc" align="center" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-weight:600; font-size:24px; line-height:1.6em;">
                          Code: POOLPARTY
                        </td>
                        <td class="lPr" width="8%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /headline -->


                    <!-- /########### headline_A ### -->

                    <!-- ########### btn-style01_A ### -->


                    <!-- separator -->
                    <table id="rank5_btn-style01_A_sep" class="mSep" width="100%" cellpadding="0" cellspacing="0">
                      <tr>
                        <td class="rh35_d" height="30" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- button:style01 -->
                    <table id="rank5_btn-style01_A" class="mBtn mBtnStyle01 lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPl" width="8%">&nbsp;</td>
                        <td class="lPc" align="center">

                          <table class="eBtnBox" cellpadding="0" cellspacing="0">
                            <tr>
                              <td class="eBtn1 eBtn" align="center" style="border:1px solid #0000ff; line-height:2.4em; font-family:Poppins, Arial, Helvetica, sans-serif; font-size:16px; font-weight:600; color:#ffffff;" bgcolor="#0000ff"><a href="http://click.juniqe-email.com/?qs=a0401d0c26008d5ac5b4f4dbd6b32369a177cec917bca73cf4d4bcc3f879254c7405065be8c69bb78fdfd1b66c8825d61773af71e25416c2" target="_blank" style="display:block; min-width:180px; color:#ffffff; text-decoration:none; white-space:nowrap;">&nbsp;&nbsp;&nbsp;Cannonball!&nbsp;&nbsp;&nbsp;</a></td>
                            </tr>
                          </table>

                        </td>
                        <td class="lPr" width="8%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /button:style01 -->


                    <!-- /########### btn-style01_A ### -->


                    <!-- ++++++++ /MODULES ++++++++ -->


                    <!-- ++++++++ BOTTOM ++++++++ -->


                    <!-- separator -->
                    <table class="mSep" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="rh40_a" height="60" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- help:box -->
                    <table class="mHelp lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPl" width="7%">&nbsp;</td>
                        <td class="lPc" align="center">


                          <!-- ++++++++++ BACKGROUND IMAGE AREA ++++++++++ -->
                          <table class="bgHelp" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                            <tr>
                              <td class="bgHelpImg" align="center" valign="middle" background="http://newsletters.juniqe.com/basic/bg_help_683x143.png" style="background-image:url(http://newsletters.juniqe.com/basic/bg_help_683x143.png); background-position:center top !important; background-size:cover !important;"
                                bgcolor="#ebfbff">


                                <!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:688px;height:143px;">
<v:fill type="tile" src="http://newsletters.juniqe.com/basic/bg_help_683x143.png" color="#ebfbff" />
<v:textbox inset="0,0,0,0">
<table cellpadding="0" cellspacing="0">
	<tr>
		<td width="688" height="143" align="center" valign="middle">
<![endif]-->


                                <!-- help -->
                                <table class="eHelp lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                  <tr>
                                    <td class="lPl" width="5%">&nbsp;</td>
                                    <td class="lPc" align="center" valign="middle" style="padding-top:27px; padding-bottom:26px;">

                                      <table class="eHelpItemBox eHelpClaimBox" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                        <tr>
                                          <td align="center" valign="middle">
                                            <table class="eHelpItem eHelpClaim rwf_c" width="180" cellpadding="0" cellspacing="0">
                                              <tr>
                                                <td align="center" valign="middle">
                                                  <table cellpadding="0" cellspacing="0">
                                                    <tr>
                                                      <td class="eHelpClaimTxt eHelpItemHeight" height="65" align="center" valign="middle" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-weight:600; font-size:14px; white-space:nowrap;">
                                                        Need&nbsp;help?
                                                      </td>
                                                    </tr>
                                                  </table>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>

                                      <!--[if gte mso 9]>
		</td>
		<td width="210" align="center" valign="middle">
<![endif]-->

                                      <table class="eHelpItemBox eHelpPhoneBox" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                        <tr>
                                          <td align="center" valign="middle">
                                            <table class="eHelpItem eHelpPhone rwf_c" width="210" cellpadding="0" cellspacing="0">
                                              <tr>
                                                <td align="center" valign="middle">
                                                  <table cellpadding="0" cellspacing="0" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-size:11px;">
                                                    <tr>
                                                      <td class="eHelpPhoneIcon eHelpItemHeight" height="65" align="right" valign="middle" style="padding-left:4px;"><img src="http://newsletters.juniqe.com/basic/icon_phone_48x82.png" alt="" border="0" width="24" style="display:block;" /></td>
                                                      <td class="eHelpPhoneNumber" align="left" valign="middle" style="padding-left:13px; white-space:nowrap;"><a class="uoa" href="tel:+493092033121" style="color:#000000; text-decoration:none; white-space:nowrap;">+49&nbsp;(0)&nbsp;30&nbsp;920&nbsp;331&nbsp;21</a></td>
                                                    </tr>
                                                  </table>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>

                                      <!--[if gte mso 9]>
		</td>
		<td width="220" align="center" valign="middle">
<![endif]-->

                                      <table class="eHelpItemBox eHelpEmailBox" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                        <tr>
                                          <td align="center" valign="middle">
                                            <table class="eHelpItem eHelpEmail rwf_c" width="220" cellpadding="0" cellspacing="0">
                                              <tr>
                                                <td align="center" valign="middle">
                                                  <table cellpadding="0" cellspacing="0" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-size:11px;">
                                                    <tr>
                                                      <td class="eHelpEmailIcon eHelpItemHeight" height="65" align="right" valign="middle"><img src="http://newsletters.juniqe.com/basic/icon_envelope_66x56.png" alt="" border="0" width="33" style="display:block;" /></td>
                                                      <td class="eHelpEmailNumber" align="left" valign="middle" style="padding-left:15px; white-space:nowrap;"><a class="uoa" href="mailto:service@juniqe.com" style="color:#000000; text-decoration:none;">service@juniqe.com</a></td>
                                                    </tr>
                                                  </table>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>

                                    </td>
                                    <td class="lPr" width="5%">&nbsp;</td>
                                  </tr>
                                </table>
                                <!-- /help -->


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


                              </td>
                            </tr>
                          </table>
                          <!-- /++++++++++ BACKGROUND IMAGE AREA ++++++++++ -->


                        </td>
                        <td class="lPr" width="7%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /help:box -->


                    <!-- separator -->
                    <table class="mSep" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td height="30" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- paragraph -->
                    <table class="mPar lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPl" width="8%">&nbsp;</td>
                        <td class="lPc" align="center" style="font-family:Poppins, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; line-height:1.6em;">

                          Problems viewing this email? <a href="#" target="_blank" style="color:#000000; white-space:nowrap; text-decoration:underline;">Click&nbsp;here</a>

                        </td>
                        <td class="lPr" width="8%">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /paragraph -->


                    <!-- separator -->
                    <table class="mSep" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td height="35" style="font-size:2px; line-height:2px;">&nbsp;</td>
                      </tr>
                    </table>
                    <!-- /separator -->


                    <!-- footer:box -->
                    <table class="mFooter lStretch" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                      <tr>
                        <td class="lPc" align="center">


                          <!-- ++++++++++ BACKGROUND IMAGE AREA ++++++++++ -->
                          <table class="bgFooter" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                            <tr>
                              <td class="bgFooterImg" align="center" valign="top" background="http://newsletters.juniqe.com/basic/bg_footer_800x207.png" style="background-image:url(http://newsletters.juniqe.com/basic/bg_footer_800x207.png) !important; background-position:center top !important; background-size:cover !important;"
                                bgcolor="#2b2b2b">


                                <!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:800px;height:207px;">
<v:fill type="tile" src="http://newsletters.juniqe.com/basic/bg_footer_800x207.png" color="#2b2b2b" />
<v:textbox inset="0,0,0,0">
<table cellpadding="0" cellspacing="0">
	<tr>
		<td width="800" height="207" align="center" valign="top">
<![endif]-->


                                <!-- footer -->
                                <table class="mSocial lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                  <tr>
                                    <td class="lPl" width="5%">&nbsp;</td>
                                    <td class="lPc" align="left" style="text-align:center !important;">

                                      <table class="eSocialBox" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                        <tr>
                                          <td class="rpt30_e" align="center" valign="middle" style="padding-top:37px;">
                                            <table class="eSocial" cellpadding="0" cellspacing="0" style="font-family:Poppins, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;">
                                              <tr>
                                                <td valign="middle" style="padding-right:24px;">
                                                  <a href="http://click.juniqe-email.com/?qs=cad9a0b42f7dd6546c652783a27ea19290e8cb0ff37f9b976414c1ca8ef59d0c6e0adf0665632a1558dd7bc907788d32365999d2faba4f72" target="_blank" style="color:#ffffff; text-decoration:none;"
                                                    title="Facebook"><img src="http://newsletters.juniqe.com/basic/logo_fb_18x42.png" border="0" width="9" style="display:block;" alt="Facebook" /></a>
                                                </td>
                                                <td valign="middle" style="padding-right:24px;">
                                                  <a href="http://click.juniqe-email.com/?qs=ab8d4d413e99970c06d6921b8be1f3c683bffd8f032e489c1d18329c1566080995c1b8f8f21ffc5586235538dd645ff3d9e8ea10eb185cf7" target="_blank" style="color:#ffffff; text-decoration:none;"
                                                    title="Pinterest"><img src="http://newsletters.juniqe.com/basic/logo_pinterest_44x42.png" border="0" width="22" style="display:block;" alt="Pinterest" /></a>
                                                </td>
                                                <td valign="middle" style="padding-right:24px;">
                                                  <a href="http://click.juniqe-email.com/?qs=cd3cf44029c8de1e9609e1d65c0ca279ffbd8cf24ab6d7779ca3cd9a30a797286377917dcb9cf863c527d457a14d06fb39be7e0a051b1c34" target="_blank" style="color:#ffffff; text-decoration:none;"
                                                    title="Instagram"><img src="http://newsletters.juniqe.com/basic/logo_instagram_40x38.png" border="0" width="20" style="display:block;" alt="Instagram" /></a>
                                                </td>
                                                <td valign="middle" style="padding-right:24px;">
                                                  <a href="http://click.juniqe-email.com/?qs=7f2bec194d110d6f2a082f9445d7281458a0bcef46fcb484f32ada08813e8016e298a4d58c84f2406abd2d9e31b2c7a93778acf2814cff00" target="_blank" style="color:#ffffff; text-decoration:none;"
                                                    title="Twitter"><img src="http://newsletters.juniqe.com/basic/logo_twitter_40x32.png" border="0" width="20" style="display:block;" alt="Twitter" /></a>
                                                </td>
                                                <td valign="middle" style="padding-right:24px;">
                                                  <a href="http://click.juniqe-email.com/?qs=29777817b8a5ce96a9ee1c9ffa596ae7e83c1904b1d6cdb33607735f08a3dff99f020189a19f0690d6a1d9345416bd4f6c58be12abb97e54" target="_blank" style="color:#ffffff; text-decoration:none;"
                                                    title="YouTube"><img src="http://newsletters.juniqe.com/basic/logo_youtube_46x34.png" border="0" width="23" style="display:block;" alt="YouTube" /></a>
                                                </td>
                                                <td valign="middle">
                                                  <a href="http://click.juniqe-email.com/?qs=dc4feb3c5f751f3dbae5090db5308a371a066d4bf4d6d5512af2c0636a492e6349030b1c6e441b40961d8226b83de0bb0279937e5e928fdb" target="_blank" style="color:#ffffff; text-decoration:none;"
                                                    title="Google+"><img src="http://newsletters.juniqe.com/basic/logo_gplus_32x34.png" border="0" width="16" style="display:block;" alt="Google+" /></a>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>

                                      <!--[if gte mso 9]>
		</td>
		<td width="45%" align="right" valign="middle">
<![endif]-->

                                      <table class="eMadeBox" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                        <tr>
                                          <td class="rpt30_e" align="center" valign="middle" style="padding-top:37px;">
                                            <table class="eMade" cellpadding="0" cellspacing="0" style="font-family:Poppins, Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; color:#ffffff; white-space:nowrap;">
                                              <tr>
                                                <td valign="middle" style="color:#ffffff; white-space:nowrap;">Made&nbsp;with&nbsp;&nbsp;&nbsp;</td>
                                                <td valign="middle" style="color:#ffffff;"><img src="http://newsletters.juniqe.com/basic/icon_heart_48x46.png" border="0" alt="&hearts;" title="&hearts;" width="24" style="display:block; font-size:28px; color:#ffcdd2;" /></td>
                                                <td valign="middle" style="color:#ffffff; white-space:nowrap;">&nbsp;&nbsp;&nbsp;in&nbsp;Berlin</td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>

                                    </td>
                                    <td class="lPr" width="5%">&nbsp;</td>
                                  </tr>
                                </table>

                                <table class="mLegal lInset" width="100%" cellpadding="0" cellspacing="0" style="min-width:100%;">
                                  <tr>
                                    <td class="lPl" width="5%">&nbsp;</td>
                                    <td class="lPc" align="center" valign="middle">

                                      <table class="eLegal" cellpadding="0" cellspacing="0" style="font-family:Poppins, Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; color:#ffffff;">
                                        <tr>
                                          <td class="rpt30_e" align="center" style="padding-top:60px; padding-bottom:30px; color:#ffffff;">

                                            JUNIQE &middot; Kollwitz Internet GmbH &middot; <a href="#" style="color:#ffffff; text-decoration:none; cursor:text;">Köpenicker&nbsp;Straße&nbsp;126 &middot; Berlin&nbsp;10179&nbsp;&middot;&nbsp;Germany</a><br
                                            /> This email was sent to: <a class="uoa" href="mailto:" style="color:#ffffff; text-decoration:none; text-transform:uppercase;">hello@SmilesDavis.yeah</a><br />
                                            <a href="#" target="_blank" style="color:#ffffff; white-space:nowrap; text-decoration:underline;">Unsubscribe from this list</a>

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

                                    </td>
                                    <td class="lPr" width="5%">&nbsp;</td>
                                  </tr>
                                </table>
                                <!-- /footer -->


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


                              </td>
                            </tr>
                          </table>
                          <!-- /++++++++++ BACKGROUND IMAGE AREA ++++++++++ -->


                        </td>
                      </tr>
                    </table>
                    <!-- /footer:box -->


                  </td>
                </tr>
              </table>
              <!-- /layout wrapper -->


            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <!-- /html wrapper -->

</body>


<!-- ++++++++ /BOTTOM ++++++++ -->


</html>
            
          
!
999px
Loading ..................

Console