"layout"
Bootstrap 3.0.0 Snippet by evarevirus

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html><html class=''> <head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/reallygoodemails/pen/mPQxOm?depth=everything&order=popularity&page=84&q=shop&show_forks=false" /> <style class="cp-pen-styles"></style></head><body> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width"> <style type="text/css"> /* Client-specific Styles */ #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" button. */ /* Reset Styles */ /* Force Hotmail to display emails at full width. */ /* Prevent Webkit platforms from changing default text sizes. */ body {width: 100% !important; -webkit-text-size-adjust: none; margin: 0; padding: 0;} img {border: none; line-height: 100%; outline: none;} a {font-family: inherit; color: #002FA7; text-decoration: none;} * {box-sizing: border-box;} .fake-css {-webkit-text-size-adjust: none; text-decoration: none; border-bottom: none; background: none; padding: 0;} </style> <style type="text/css"> @media (max-width: 640px), (max-device-width: 640px), (-webkit-min-device-pixel-ratio: 3.0) {table, tbody, tr, td { display: block; height: auto;} #body {width: auto !important; min-width: initial !important;} #header {box-sizing: border-box; padding: 10px !important;} #header-table {height: 59px !important; border: none !important;} #header-table.with-bar {height: auto !important;} .header-img {padding: 5px 9px !important;} .newsletter .inner-header, .dedicated-640 .inner-header {border: none !important;} .newsletter .header-text, .dedicated-640 .header-text {padding-top: 16px !important;} .newsletter .inner-header-centered img, .dedicated-640 .inner-header-centered img {height: 25px !important; width: auto !important;} #footer {padding: 10px !important;} #subject {display: none;} .desktop {display: none !important;} .mobile-inline {display: inline !important; line-height: inherit !important;} .mobile-block {display: block !important; line-height: inherit !important; max-height: none !important; height: auto !important; width: auto !important;} .breaking-news-header {color: #ffffff !important; background-color: #002FA7 !important; margin-top: 20px !important; padding-top: 6px !important; padding-bottom: 8px !important; margin-bottom: 20px !important; height: 51px !important; font-family: 'ProximaNova-Light' !important; font-size: 30px !important; font-weight: inherit !important; letter-spacing: 1px !important; text-align: center !important; text-transform: uppercase !important;} .transform {float: none !important; display: block !important; width: 100% !important;} .auto-width {width: auto !important;} .ninety-width {width: 90% !important;} .ninety-seven-width {width: 97% !important;} .hundred-width {width: 100% !important; height: auto !important; display: block !important; margin: auto;} .preview-link {width: 64% !important;} .ftf-btn {width: 35% !important;} .shopstyle-offer, .shopstyle-offer td {border: none !important; margin-bottom: 0 !important; margin-top: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important;} td.mobile-border-right {border-right: 1px solid #e5e3e1 !important;} #offer-table {margin: 0 auto !important; padding: 0 10px;} .offer-cell {margin-bottom: 15px !important;} .offer-line {margin: 0 10px !important;} .dedicated-image {margin: 0 auto !important;} .dedicated-image img, .dedicated, .resizable, .footer-ad {width: 100% !important; height: auto !important;} .sweetener {border: none !important; border-top: 3px solid #f5f3f1 !important; width: auto !important; margin-top: 10px !important;} .shop-button {padding: 15px 35px !important; margin: 0 auto !important; display: block !important; height: auto !important;} .shop-button a {font-size: 16px !important; text-align: center !important;} .footer-text {font-size: 12px !important; padding: 15px 10px !important;} .newsletter .footer-text .mobile-inline img {width: 14%; height: auto; margin: 0 2%;} .newsletter .footer-text table {padding: 4% 0 !important;} .newsletter .transform a {width: 100%; padding: 5% 0 !important; font-size: 14px !important; margin: 2% 0; line-height: 1em !important; border-radius: 4px !important;} .musthave .footer-text {padding: 10px !important;} #button {font-size: 11px !important; padding: 5px !important;} .title {font-size: 16px !important; line-height: 24px !important;} .musthave .title {font-size: 30px !important; line-height: 32px !important; margin: 10px auto !important;} .musthave .footer-icon {padding: 0 0 10px 10px; !important;} .musthave .footer-link {padding: 0 5px; margin: 5px auto; text-align: center !important;} .musthave .footer-follow {padding: 0 !important; text-align: center !important; width: 80% !important; margin: 0 auto !important;} .button {padding: 0 !important; text-align: center !important; margin: 0 auto !important;} .button a {width: 95%; text-align: center; margin: 5px auto; padding: 2px 0 !important;} .musthave .description {width: 95% !important; display: block !important;} .musthave .subtitle {font-size: 18px !important;} .image-left-text-right {float: none !important; margin: auto !important; width: 100% !important; height: auto !important;} .text-right {padding: 5px !important;} .what-we-love {padding-top: 0 !important;} div, p, a, li, td {-webkit-text-size-adjust:none;} {margin: 0 auto !important; font-size: 14px !important;} .ss td {display: block; float: left;} .desktop {display: none !important;} .full-width {width: 100% !important; height: auto !important;} .hundred-width {width: 100% !important; display: block !important; margin: auto;} .centered {text-align: center !important;} .content {padding: 3% !important;} .newsletter-content {padding: 0 3% 3% 3% !important;} .entity {border: none !important; padding: 0 !important;} .entity td {padding-bottom: 9% !important;} .entity-left {width: 35% !important; padding: 0 !important;} .entity:first-child td {padding: 0 0 3% 0 !important; width: 100% !important; display: block !important;} .header {margin: 0 !important; padding: 5% !important;} .inner-header {padding-left: 0 !important;} .inner-header-centered {padding: 10px 0 0 0 !important; text-align: center !important;} .inner-header-centered .header-text {display: block; width: 100%; padding-bottom: 11px; font-weight: normal !important;} .inner-header-centered img {vertical-align: bottom !important; width: 140px !important; height: auto !important; padding-top: 0 !important;} .header img {height: auto !important; width: 45% !important;} .large-image .entity-left, .large-image .entity-right {padding: 0 0 5% 0 !important;} .entity-right {padding: 0 0 0 4% !important; display: table-cell !important;} .entity-title {margin-bottom: 2% !important; margin-top: -2% !important;} .large-heading {color: #403f3d !important; font-size: 17px !important; line-height: 22px !important; font-weight: bold !important;} .newsletter .large-heading {font-weight: 600 !important;} .small-heading {font-size: 11px !important; font-weight: normal !important; margin-bottom: 3% !important;} .description {font-size: 12px !important; line-height: 22px !important; margin-bottom: 3% !important;} .entity-read-more {font-size: 13px;} .product {float: left; width: 50% !important;} .product img {max-width: 100%; height: auto;} .product .product-title {height: 73px;} .product.last-child, .product.last-child a {margin: 0 auto; float: none; border: none !important;} .product.last-child a div {height: auto !important; line-height: normal !important;} .product.last-child div {margin-top: 10px !important;} .product .description {margin: 1% auto 0 !important;} #content:not(.dedicated-shop) .product a {min-height: 0 !important; border-left: 1px solid #e6e6e6;} #content.products-no-border .product-title {height: 120px !important; overflow: hidden;} #content.products-no-border .product a {border: none !important;} .shops .product img {width: 55% !important; margin: 0 auto; display: block;} .footer-share {padding: 7% 0 !important; width: 100% !important;} .footer-share img {width: 14.5% !important; margin: 0 2% !important;} .footer-app {display: block !important; width: 100%; padding: 5% 0 !important; font-size: 12px !important; border-radius: 4px !important; margin: 2% 0;} .fine-print p {font-size: 12px !important; line-height: 18px !important; padding: 0 3% !important;} .no-border {border: none !important;} .ss-text-block-table {padding: 8px 16px !important;} .ss-text-block {box-shadow: 0 4px 7px #dddddd;} .ss-mod-label {padding: 3% !important;} .ss-snipe {padding: 10px 0 5px !important;} .ss-text-call-out td {padding: 5% 0 0;} .ss-text-desc {font-size: 16px !important;} .ss-text-desc div {padding: 4% 0 7% !important;} .ss-text-shop {padding: 5% !important;} .ss-text-title div {width: 100% !important; padding-bottom: 6% !important;} .ss-text-title hr {display: inline-block; margin: 5px auto 0 !important;} .ss-sweetener {font-size: 15px !important; padding: 10% 3% 6% 3% !important; clear: both;} .ss-byline {display: table !important; padding: 5% 2% !important; font-size: 18px !important;} .ss-byline td {float: left; width: 40% !important;} .ss-footer {padding: 3% 11% !important;} .ss-footer img {width: 50% !important; height: auto !important;} .byline-img {width: 150px !important; height: 150px !important; border-radius: 75px;} .byline-txt {padding: 30px 5px 20px 30px !important;} .byline-name {font-size: 1.3em !important;} .byline-from {font-size: 0.6em !important;} #content, .ftaf{border: none !important;} .transform {width: 100% !important; text-align: center !important;} .large-size {font-size: 22px !important;} .medium-size {font-size: 16px !important;} .small-large-size {font-size: 14px !important;} .medium-small-size {font-size: 11px !important;} .app-btns-small {width: 118px !important; height: 35px !important;} .medium-small-size-pad {font-size: 12px !important; padding: 0 5px 0 5px !important;} .small-search {height: 15px !important; width: 15px !important;} .small-size {font-size: 13px !important; letter-spacing: 2px !important;} .small-size-link {font-size: 13px !important; padding: 0 2px !important;} .social-small {height: 25px !important;} .social-link {margin: 0 10px !important;} .inner-header-centered .search-icon {height: 14px !important; width: auto !important;} #summary-text {height: auto !important; overflow: hidden;} .finder-result-image {width: 100% !important; height: 100% !important;} #footer-social {width: 80% !important;} #header-social {width: 100% !important;} } </style> </head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="background-color: #ffffff; font-family: 'Helvetica neue', Helvetica, arial, sans-serif; !important; -webkit-text-size-adjust: none; font-size: 14px !important; color: #201f1e !important; line-height: 21px; padding: 0; margin: 0; padding-bottom: 70px; box-sizing: border-box;"> <span class="desktop" style="font-size: 1px; line-height: 1px; color: #ffffff;">These must-have swimsuits will make you want to run to the nearest pool ASAP.</span> <table id="body" class="mobile-block hundred-width" width="640" cellpadding="0" cellspacing="0" border="0" style="table-layout: fixed; width: 640px; min-width: 640px; margin: 0 auto; box-sizing: border-box; background-color: #ffffff;" align="center" data-list-name="consolidated_shopstyle_us" data-list-id="93"> <tr> <td class="hundred-width" width="640" style="width: 640px;"> <table border="0" cellpadding="0" cellspacing="0" align="center" style="font-family: 'Helvetica neue', Helvetica, arial, sans-serif;; color: #201f1e; margin: 0 auto; width: 100%;"> <tr> <td class="hundred-width" width="100%"> <table id="header-table" class="with-bar" border="0" cellpadding="0" cellspacing="0" style=" border-collapse: collapse; width: 100%;" width="100%"> <tr> <td class="hundred-width" width="100%"> <table class="hundred-width header-img" cellpadding="9" cellspacing="0" border="0" width="100%"> <tr> <td class="hundred-width inner-header inner-header-centered" style="font-size: 16px; line-height:12px; color: #002FA7; text-transform: uppercase;" align="center" width="100%"> <a href="http://www.shopstyle.com?utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="text-decoration: none; color: #201f1e; text-transform: uppercase; font-family: 'Helvetica neue', Helvetica, arial, sans-serif;;"> <img src="https://sugarinc-a.akamaihd.net/v3154/themes/email/imgs/ss-logo-black.png" width="230" height="80" alt="ShopStyle" border="0" style="" /> <span> </span> </a> <table class="hundred-width" border="0" cellpadding="0" cellspacing="0" width="100%" style="width: 100%; border-collapse: collapse; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; table-layout: fixed;"> <tr> <td class="hundred-width" align="center" width="100%"> <table id="header-social" style="text-align: center; width: 90%; display: table !important; border-collapse: collapse; table-layout: fixed;" width="90%" cellpadding="0" cellspacing="0" border="0" align="center"> <tbody style="display: table-row-group !important;"> <tr style="display: table-row !important;"> <td width="10%" style="vertical-align: middle; display: table-cell; padding: 12px 0;"> <a class="small-size" style="text-decoration: none;" href="http://www.shopstyle.com?utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263"> <img alt="U+2315" class="search-icon" src="https://www.shopstyle.com/im/search_alt.png" style="vertical-align: middle; align: center; border: none;" height="16" width="15"> </a> </td> <td width="22%" style="vertical-align: middle; display: table-cell; padding: 12px 0;"> <a class="small-size" href="https://www.shopstyle.com/browse/womens-clothes?sort=Favorite&utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; font-weight: bold; letter-spacing: 3px; text-decoration: none; color: #444444; font-size: 16px; text-transform: uppercase;">Women</a> </td> <td width="22%" style="vertical-align: middle; display: table-cell; padding: 12px 0;"> <a class="small-size" href="/browse/men?fl=p20:37&utm_medium=email&utm_source=shopstyle_us&utm_campaign=dedicated_Bloomingdales_20160430&utm_content=email&em_recid=puid0" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; font-weight: bold; letter-spacing: 3px; text-decoration: none; color: #444444; font-size: 16px; text-transform: uppercase;">Men</a> </td> <td width="22%" style="vertical-align: middle; display: table-cell; padding: 12px 0;"> <a class="small-size" href="https://www.shopstyle.com/browse/kids-and-baby?utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; font-weight: bold; letter-spacing: 3px; text-decoration: none; color: #444444; font-size: 16px; text-transform: uppercase;">Kids</a> </td> <td width="22%" style="vertical-align: middle; display: table-cell; padding: 12px 0;"> <a class="small-size" href="https://www.shopstyle.com/browse/living?utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; font-weight: bold; letter-spacing: 3px; text-decoration: none; color: #444444; font-size: 16px; text-transform: uppercase;">Home</a> </td> </tr> </tbody> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <table class="auto-width" border="0" cellpadding="0" cellspacing="0" width="640" align="center" style="background-color: #ffffff; width: 640px; margin: 0 auto;"> <tr> <td class="hundred-width dedicated-640" id="content" style="font-size: 14px; width: 100%; background-color: #ffffff;;" align="center" valign="top" width="100%"> <table class="auto-width" border="0" cellpadding="0" cellspacing="0" width="640" style="table-layout:fixed; width: 640px; font-family: 'Helvetica neue', Helvetica, arial, sans-serif;; border-collapse: collapse;"> <tr class="hundred-width" style="clear:both;"> <td class="auto-width" width="100%" valign="top" style="text-align: center; padding-top: 0px; background-color: #ffffff; ; overflow:hidden; "> <table class="hundred-width" width="640" style="border: none;; width: 640px;" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="mobile-block hundred-width"> <table class="hundred-width" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border: none; border-collapse: separate;"> <tbody class="hundred-width"> <tr class="hundred-width" style=""> <td class="dedicated-image" width="100%" valign="" style="text-align: center; color: #201f1e; font-family: 'Helvetica neue', Helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; text-align: center; width:100%; padding-top: 0px; padding-bottom: 0px;"> <a href="https://api.shopstyle.com/action/apiVisitRetailer?url=http%3A%2F%2Fwww1.bloomingdales.com%2Ffashion-index%2Fswim-class-2016.jsp%3Fcm_sp%3Dn_n_homepage_1-_-row1_imagemap_n-_-_mm2swimclass0426&utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="text-decoration: none; display: block; height: 100%;"> <img alt="Bloomingdale's" src="http://media1.popsugar-assets.com/files/2016/04/29/852/n/24155341/42e00c73_Bloomingdales_Swimsuit_April2016_Email_01.jpg" width="640" height="409" style="vertical-align: middle; display: inline-block; margin: 0 auto; ; " /> </a> </td> </tr> <tr class="hundred-width" style=""></tr> </tbody> </table> </td> </tr> </table> </td> </tr> <tr class="hundred-width" style="clear:both;"> <td class="auto-width" width="100%" valign="top" style="text-align: left; padding-top: 0px; background-color: #ffffff; ; overflow:hidden; "> <table class="hundred-width" width="640" style="border: none; width: 640px;" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="mobile-block hundred-width"> <table class="hundred-width" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border: none; border-collapse: separate;"> <tbody class="hundred-width"> <tr class="hundred-width" style=""> <td class="mobile-block" style="font-family: 'Helvetica neue', Helvetica, arial, sans-serif; text-align: center; font-size: 13px; line-height: 20px; vertical-align:top; padding-top: 0;"> <a href="https://api.shopstyle.com/action/apiVisitRetailer?url=http%3A%2F%2Fwww1.bloomingdales.com%2Fshop%2Fsearch%2FSwimsuit_style_m%2CProductsperpage%2FBikini%7COne%2520Piece%2C180%3Fkeyword%3Dcutout%2520swim&utm_campaign=dedicated_Bloomingdales_20160430&utm_medium=email&utm_source=shopstyle_us" style="font-size: 0; line-height: 0; display: table-cell; width: 50.0%;"> <img src="http://media3.popsugar-assets.com/files/docs/Bloomingdales_Swimsuit_April2016_Email_02.jpg" alt="" style="font-size: 0; width: 100%; height: auto;" /> </a> <a href="https://api.shopstyle.com/action/apiVisitRetailer?url=http%3A%2F%2Fwww1.bloomingdales.com%2Fshop%2Fwomens-apparel%2Fswimsuits-cover-ups%2FColor_normal%2CSwim_type%2CProductsperpage%2FMulti%2CBikini%7COne%2520Piece%7CTankini%2C180%3Fid%3D5609&utm_campaign=dedicated_Bloomingdales_20160430&utm_medium=email&utm_source=shopstyle_us" style="font-size: 0; line-height: 0; display: table-cell; width: 50.0%;"> <img src="http://media3.popsugar-assets.com/files/docs/Bloomingdales_Swimsuit_April2016_Email_03.jpg" alt="" style="font-size: 0; width: 100%; height: auto;" /> </a> </td> </tr> </tbody> </table> </td> </tr> </table> </td> </tr> <tr class="hundred-width" style="clear:both;"> <td class="auto-width" width="100%" valign="top" style="text-align: center; padding-top: 0px; background-color: #ffffff; ; overflow:hidden; "> <table class="hundred-width" width="640" style="border: none;; width: 640px;" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="mobile-block hundred-width"> <table class="hundred-width" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border: none; border-collapse: separate;"> <tbody class="hundred-width"> <tr class="hundred-width" style=""> <td class="dedicated-image" width="100%" valign="" style="text-align: center; color: #201f1e; font-family: 'Helvetica neue', Helvetica, arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; text-align: center; width:100%; padding-top: 0px; padding-bottom: 0px;"> <a href="https://api.shopstyle.com/action/apiVisitRetailer?url=http%3A%2F%2Fwww1.bloomingdales.com%2Fshop%2Fwomens-apparel%2Fone-piece-swimsuits%3Fid%3D1004867%26cm_sp%3DNAVIGATION-_-TOP_NAV-_-2910-SWIMSUITS-%2526-COVER-UPS-One-Piece-Swimsuits&utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="text-decoration: none; display: block; height: 100%;"> <img alt="Bloomingdale's" src="http://media4.popsugar-assets.com/files/2016/04/29/857/n/24155341/883b0ed0_Bloomingdales_Swimsuit_April2016_Email_04.jpg" width="640" height="396" style="vertical-align: middle; display: inline-block; margin: 0 auto; ; " /> </a> </td> </tr> <tr class="hundred-width" style=""></tr> </tbody> </table> </td> </tr> </table> </td> </tr> <tr class="hundred-width" style="clear:both;"> <td class="auto-width" width="100%" valign="top" style="text-align: left; padding-top: 0px; background-color: #ffffff; ; overflow:hidden; "> <table class="hundred-width" width="640" style="border: none; width: 640px;" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="mobile-block hundred-width"> <table class="hundred-width" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border: none; border-collapse: separate;"> <tbody class="hundred-width"> <tr class="hundred-width" style=""> <td class="mobile-block" style="font-family: 'Helvetica neue', Helvetica, arial, sans-serif; text-align: center; font-size: 13px; line-height: 20px; vertical-align:top; padding-top: 0;"> <a href="https://api.shopstyle.com/action/apiVisitRetailer?url=http%3A%2F%2Fwww1.bloomingdales.com%2Fshop%2Fsearch%2FProduct_department%2CSwimsuit_style_m%2CProductsperpage%2FSwimsuits%2CBikini%7COne%2520Piece%7CTankini%2C180%3Fkeyword%3Dhigh%2520neck&utm_campaign=dedicated_Bloomingdales_20160430&utm_medium=email&utm_source=shopstyle_us" style="font-size: 0; line-height: 0; display: table-cell; width: 50.0%;"> <img src="http://media1.popsugar-assets.com/files/docs/Bloomingdales_Swimsuit_April2016_Email_05.jpg" alt="" style="font-size: 0; width: 100%; height: auto;" /> </a> <a href="https://api.shopstyle.com/action/apiVisitRetailer?url=http%3A%2F%2Fwww1.bloomingdales.com%2Fshop%2Fwomens-apparel%2Fswimsuits-cover-ups%2FTop_type_m%2CProductsperpage%2FUnderwire%2C180%3Fid%3D5609&utm_campaign=dedicated_Bloomingdales_20160430&utm_medium=email&utm_source=shopstyle_us" style="font-size: 0; line-height: 0; display: table-cell; width: 50.0%;"> <img src="http://media4.popsugar-assets.com/files/docs/Bloomingdales_Swimsuit_April2016_Email_06.jpg" alt="" style="font-size: 0; width: 100%; height: auto;" /> </a> </td> </tr> </tbody> </table> </td> </tr> </table> </td> </tr> <!--DO NOT DELETE THIS LINE--> <!--smarty--> <!--template:dedicated-640--> </table> </td> </tr> <tr> <td class="mobile-block hundred-width" style="width: 100%; margin: 0 auto; border-top: 1px solid #e6e6e6;"> <div style="margin: 0 auto; padding-bottom: 50px; text-align: center;"> <hr style="border-top: 4px solid #444; margin: 0px; padding: 0px; border-left: 0px;" width="100%"> <p class="small-large-size" style="font-family: AvenirNext-DemiBold, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; padding: 10px 0 0; text-align: center; letter-spacing: 3px; text-transform: uppercase; margin: 70px auto 20px;">get the shopstyle app</p> <table style="padding: 0; display: table !important; border-collapse: collapse; table-layout: fixed;" width="100%" cellpadding="0" cellspacing="0" border="0" align="center"> <tbody style="display: table-row-group !important;"> <tr style="display: table-row !important;"> <td width="50%" height="45" style="padding: 0 10px; text-align: right; display: table-cell; vertical-align: middle;"> <a href="https://itunes.apple.com/us/app/shopstyle-by-popsugar/id314673827?mt=8&uo=4&at=11lc9C&ct=ss_welcomeemail_us&ct=" style="text-decoration: none;"> <img alt="App Store" class="app-btns-small" hspace="5px" src="https://www.shopstyle.com/assets/images/en_apple_icon.png" width="151" height="45" /> </a> </td> <td width="50%" height="45" style="padding: 0 10px; text-align: left; display: table-cell; vertical-align: middle;"> <a href="https://play.google.com/store/apps/details?id=com.shopstyle&hl=en" style="text-decoration: none;"> <img alt="Play Store" class="app-btns-small" hspace="5px" src="https://www.shopstyle.com/assets/images/en_google_icon.png" width="151" height="45" /> </a> </td> </tr> </tbody> </table> <table id="footer-social" style="margin: 0 auto; padding: 0; text-align: center; width: 425px; display: table !important; border-collapse: collapse;" width="425" cellpadding="0" cellspacing="0" border="0" align="center"> <tbody style="display: table-row-group !important;"> <tr style="display: table-row !important;"> <td width="19%" style="vertical-align: middle; display: table-cell; padding: 70px 0 0;"> <a href="https://www.facebook.com/shopstyle" class="social-link" style="text-decoration: none;"> <img alt="fb" class="social-small" height="29" src="http://resources.shopstyle.com/im/email/welcomeseries/facebook-icon@2x.png" style="border: none;"> </a> </td> <td width="19%" style="vertical-align: middle; display: table-cell; padding: 70px 0 0;"> <a href="https://www.pinterest.com/ShopStyle" class="social-link" style="text-decoration: none;"> <img alt="pin" class="social-small" height="29" src="http://resources.shopstyle.com/im/email/welcomeseries/pinterest-icon@2x.png" style="border: none;"> </a> </td> <td width="19%" style="vertical-align: middle; display: table-cell; padding: 70px 0 0;"> <a href="https://twitter.com/shopstyle" class="social-link" style="text-decoration: none;"> <img alt="tw" class="social-small" height="29" src="http://resources.shopstyle.com/im/email/welcomeseries/twitter-icon@2x.png" style="border: none;"> </a> </td> <td width="19%" style="vertical-align: middle; display: table-cell; padding: 70px 0 0;"> <a href="https://www.instagram.com/shopstyle/" class="social-link" style="text-decoration: none;"> <img alt="inst" class="social-small" height="29" src="http://resources.shopstyle.com/im/email/welcomeseries/instagram-icon@2x.png" style="border: none;"> </a> </td> <td width="19%" style="vertical-align: middle; display: table-cell; padding: 70px 0 0;"> <a href="https://plus.google.com/+shopstyle" class="social-link" style="text-decoration: none;"> <img alt="gplus" class="social-small" height="29" src="http://resources.shopstyle.com/im/email/welcomeseries/gp-icon@2x.png" style="border: none;"> </a> </td> </tr> </tbody> </table> <p class="small-size-link" style="font-family: Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; color: #a6a6ac; padding: 50px 10px 10px; line-height: 18px;">You're receiving this email because you subscribed at <a href="http://www.shopstyle.com?utm_medium=email&utm_campaign=dedicated_Bloomingdales_20160430&utm_source=shopstyle_us&utm_content=email&em_recid=puid0&ym_mid=1233483&ym_rid=14727263" style="text-decoration: none; color: #666666; font-weight: bold;">shopstyle.com</a>. Help is available via email from <a href="mailto:hi@shopstyle.com" style="text-decoration: none; color: #666666; font-weight: bold;">hi@shopstyle.com</a>. <br/>This email was sent to <a style="text-decoration: none; color: #666666; font-weight: bold;">hello+test@matthewsmith.cc</a>from:  <br>POPSUGAR Inc., 111 Sutter Street, San Francisco, CA 94104.  <br>We may receive a fee if you click on or purchase through any affliate links contained in this email.</p> <a class="small-size-link" href="https://www.shopstyle.com/blog" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; color: #444444; text-decoration: none; font-weight: bold; font-size: 14px; padding: 0 5px 0 5px;">Settings</a>   <a class="small-size-link" href="#" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; color: #444444; text-decoration: none; font-weight: bold; font-size: 14px; padding: 0 5px 0 5px;">Unsubscribe</a>   <a class="small-size-link" href="http://corp.popsugar.com/#contact" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; color: #444444; text-decoration: none; font-weight: bold; font-size: 14px; padding: 0 5px 0 5px;">Contact Us</a>   <a class="small-size-link" href="http://www.popsugar.com/privacy" style="font-family: AvenirNext-DemiBold , Helvetica Neue , Helvetica , Arial ,sans-serif; color: #444444; text-decoration: none; font-weight: bold; font-size: 14px; padding: 0 5px 0 5px;">Privacy Policy</a> </div> </td> </tr> </table> </td> </tr> </table> <img src="http://link.popsugar.com/1x1.dyn?0nkGxvWOCQJPGh7weU3L1em_T=1" width=1 height=1 width="1" height="1" border="0"> <img src="https://pixel.mathtag.com/event/img?mt_id=&mt_adid=111283&v1=&v2=&v3=&s1=&s2=&s3=" width="1" height="1" /> <img width="0" height="0" src="https://log.dmtry.com/redir/1/2902/3971/803876/0/1/174/0/998/1.ver?at=i&d=EOpen&img=1"> </body> </html> </body></html>

Related: See More


Questions / Comments: