Bootstrap Snippet layout using HTML CSS Bootstrap

"layout"
Bootstrap 3.0.0 Snippet by evarevirus

3.0.0

1.1K 0 Fav

Post to Facebook Tweet this

<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>  <html lang="en"> <head>   <meta charset="utf-8" /> <meta http-equiv="pragma" content="no-cache" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="canonical" href="https://www.adverator.com/shop/magazines" /> <link rel="icon" type="image/png" href="//d2ai543m1eawbf.cloudfront.net/assets/imgs/favicon_2x.png?v=20170608a"> <link rel="shortcut icon" type="image/x-icon" href="//d2ai543m1eawbf.cloudfront.net/assets/imgs/favicon.ico?v=20170608a"> <meta name="description" content="A great new way for small businesses to discover, purchase, and manage all kinds of local advertising." /> <meta name="keywords" content="" /> <script> ADVR = window.ADVR || {}; ADVR.page = { data : {} }; </script> <title>Adverator | Local ads made easy</title> <link href="//d2ai543m1eawbf.cloudfront.net/assets/css/vendor/bootstrap.min.css?v=20170608a" rel="stylesheet" /> <link href="//d2ai543m1eawbf.cloudfront.net/assets/dist/20170608a/app.min.css" rel="stylesheet" />  <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1009110715840101'); fbq('track', "PageView");</script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1009110715840101&ev=PageView&noscript=1" /></noscript>   <script type="text/javascript"> adroll_adv_id = "4ORLDGDL2JFJVK4POD4ZXH"; adroll_pix_id = "AREH5RFIFFD5PHSZ3NKQWJ"; /* OPTIONAL: provide email to improve user identification */ /* adroll_email = "username@example.com"; */ (function () { var _onload = function(){ if (document.readyState && !/loaded|complete/.test(document.readyState)){setTimeout(_onload, 10);return} if (!window.__adroll_loaded){__adroll_loaded=true;setTimeout(_onload, 50);return} var scr = document.createElement("script"); var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com"); scr.setAttribute('async', 'true'); scr.type = "text/javascript"; scr.src = host + "/j/roundtrip.js"; ((document.getElementsByTagName('head') || [null])[0] || document.getElementsByTagName('script')[0].parentNode).appendChild(scr); }; if (window.addEventListener) {window.addEventListener('load', _onload, false);} else {window.attachEvent('onload', _onload)} }()); </script>   <script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments, 0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" "); for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]); mixpanel.init("7bff4c78c7d64c8f7690f7635d690e94", { loaded: function(mixpanel) { ADVR.mixpanel_distinct_id = mixpanel.get_distinct_id(); } }); </script>   <script> window['_fs_debug'] = false; window['_fs_host'] = 'fullstory.com'; window['_fs_org'] = '4NJTR'; window['_fs_namespace'] = 'FS'; (function(m,n,e,t,l,o,g,y){ if (e in m && m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].'); return;} g=m[e]=function(a,b){g.q?g.q.push([a,b]):g._api(a,b);};g.q=[]; o=n.createElement(t);o.async=1;o.src='https://'+_fs_host+'/s/fs.js'; y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y); g.identify=function(i,v){g(l,{uid:i});if(v)g(l,v)};g.setUserVars=function(v){g(l,v)}; g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)}; g.clearUserCookie=function(c,d,i){if(!c || document.cookie.match('fs_uid=[`;`]*`[`;`]*`[`;`]*`')){ d=n.domain;while(1){n.cookie='fs_uid=;domain='+d+ ';path=/;expires='+new Date(0).toUTCString();i=d.indexOf('.');if(i<0)break;d=d.slice(i+1)}}}; })(window,document,window['_fs_namespace'],'script','user'); </script>     <script> var ADVR = window.ADVR || {}; </script> </head> <body id="" class="" data-page="shop"> <div class="head-container"> <header> <div class="container"> <div class="inner"> <div class="table-row"> <div class="nav-cont"> <nav role="navigation"> <ul class="nav nav-pills"> <li role="presentation" class="dropdown markets"> <a class="dropdown-toggle visible-xs" href="#" role="button" aria-haspopup="true" aria-expanded="false">Menu</a> <a class="dropdown-toggle hidden-xs" href="#" role="button" aria-haspopup="true" aria-expanded="false">Your Markets <span class="callout market-num">0</span></a> <div id="market-menu-placement"></div> <div class="persistent-menu nag-menu"> <h2>You're previewing media in:</h2> <ul class="list-unstyled markets-list selected no-remove"> <li><a href="#/ftue/start" title="Your Market: NY: Manhattan">NY: Manhattan</a></li> </ul> <p>Find your local market to see media available for you.</p> <a href="#/ftue/start" class="btn btn-secondary">Let's Go!</a> </div> </li> <li class="hidden-xs"><a href="/">Home</a></li> </ul> </nav> </div> <div class="logo-container"> <a href="/" class="logo"><span class="sr-only">Adverator</span></a> <div class="tagline">Local advertising made easy.</div> </div> <div class="user-cont"> <nav role="navigation" class="your-adverator pull-right"> <ul class="agency"> <li>Hi, Juliette</li> </ul> <ul class="nav nav-pills"> <li class="auth hidden-xs"> <a href="#/signin" class="signin">Sign In</a> / <a href="#/signup" class="signup">Sign Up</a> </li> <li class="favorites-link hidden-xs"><a href="/account/favorites"><span>View media saved to Your Favorites here</span></a></li> <li class="cart" data-expiry="" data-expiry-ttl="" > <a href="/checkout" class="checkout-button cart-qty" href="/checkout" role="button" aria-haspopup="true" aria-expanded="false" title="Your Cart"></a> <div class="dropdown-menu cart-contents"></div> </li> </ul> </nav> </div> </div> </div> </header> <nav class="minimize media-nav text-center" role="navigation"> <ul class="list-inline"> <li class="magazine" data-media-type="printmag"><a href="/shop/magazines" class="selected"><span>Magazine <span class="hidden-xs">Ads</span></span></a></li> <li class="web" data-media-type="digital"><a href="/shop/digital" ><span>Website <span class="hidden-xs">Ads</span></span></a></li> <li class="transit" data-media-type="printooh" ><a href="/shop/transit" ><span>Transit <span class="hidden-xs">Ads</span></span></a></li> <li class="direct-mail" data-media-type="eddm"><a href="/direct-mail" ><span>Direct Mail <span class="hidden-xs">Ads</span></span></a></li> </ul> </nav> </div> <div class="wrap "> <div class="ftue-skip-bar persistent-menu"> <div class="row"> <div class="col-xs-8"> Find your local market to see media available for you. </div> <div class="col-xs-4"> <a href="#/ftue/start" class="btn btn-secondary pull-right">Let's Go</a> </div> </div> </div> <section class="hero-banner landing"> <div class="image-wrap"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/x/printmag-header-mobile.png" alt="MAGAZINE ADVERTISING" class="img-responsive visible-xs"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/x/printmag-header.png" alt="MAGAZINE ADVERTISING" class="img-responsive hidden-xs"> </div> <div class="banner-text-overlay"> <div class="row"> <div class="col-m-6 col-m-offset-3"> <h1 class="text-uppercase">MAGAZINE ADVERTISING</h1> <p class="description hidden-xs"> Place ads in leading magazines, but only pay for exposure in the local areas you want. <a href="#" class="read-more-link">Learn More</a> </p> </div> </div> </div> </section> <div class="hero-more-content"> <div class="container"> <div class="heading-container"> <h2>Choose magazine advertising, when you want to…</h2> <a href="#" class="close-more-content hidden-xs" aria-label="Close More Content"></a> </div> <div class="inner"> <div class="row"> <div class="col-sm-6"> <div class="item"> <h3>…define your company's brand.</h3> <p>Being seen on the pages of a magazine with a strong identity or specific focus helps consumers better understand your identity and brand story.</p> </div> <div class="item"> <h3>…reach specific types of consumers.</h3> <p>Magazines put your message in front of select audiences who choose to read these titles for the specific content they provide.</p> </div> </div> <div class="col-sm-6"> <div class="item"> <h3>…have the room and time to tell a longer story.</h3> <p>If your marketing message requires more than a few seconds to convey, magazine ads give you the time and space to tell it. </p> </div> <div class="item"> <h3>…reach the same audience repeatedly.</h3> <p>Magazines have loyal readerships, so you can speak to the same readers month after month.</p> </div> </div> </div> <a href="#" class="close-more-content visible-xs">Close</a> </div> </div> </div><div class="container sort-wrap"> <div class="row"> <div class="col-xs-12"> <div class="pull-left"> <div class="avail-media"> <span class="avail-text"><b>54</b> magazines available in <b><a href="#!" class="js-markets-dropdown-toggle">Manhattan</a></b> </span>  </div> </div> <div class="pull-right"> <h3>Sort By:</h3> <div class="sort-inner"> <div class="sort-option-selected"> </div> <ul class="list-unstyled sort-options-list"> <li><a href="?a=title" class="selected">Title A-Z</a></li> <li><a href="?a=income" >Income Low to High</a></li> <li><a href="?a=income&d=d" >Income High to Low</a></li> <li><a href="?a=age" >Age Low to High</a></li> <li><a href="?a=age&d=d" >Age High to Low</a></li> <li><a href="?a=gender" >More Female</a></li> <li><a href="?a=gender&d=d" >More Male</a></li>  </ul> </div> </div> <div class="clearfix"></div> </div> </div> </div> <section class="media-card-grid"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="media-card-list clearfix"> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/all-recipes" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/alre.jpg" alt="All Recipes" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ALRE" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">All Recipes</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,160</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/allure" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/all.jpg" alt="Allure" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorites-link hidden-xs" data-mediacode="ALL" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Allure</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,460</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/architectural-digest" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/ad.jpg" alt="Architectural Digest" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorites-link hidden-xs" data-mediacode="AD" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Architectural Digest</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,630</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/art-in-america" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/aram.jpg" alt="Art In America" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorites-link hidden-xs " data-mediacode="ARAM" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Art In America</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,140</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/artnews" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/artn.jpg" alt="ARTnews" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ARTN" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">ARTnews</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,140</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/bloomberg-businessweek" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/bbbw.jpg" alt="Bloomberg Businessweek" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="BBBW" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Bloomberg Businessweek</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,090</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/bon-appetit" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/ba.jpg" alt="Bon Appetit" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="BA" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Bon Appetit</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,170</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/brides" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/brd.jpg" alt="Brides" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="BRD" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Brides</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,730</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/conde-nast-traveler" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/cnt.jpg" alt="Conde Nast Traveler" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="CNT" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Conde Nast Traveler</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,030</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/cooking-light" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/coli.jpg" alt="Cooking Light" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="COLI" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Cooking Light</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,000</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/cosmopolitan" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/csmp.jpg" alt="Cosmopolitan" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="CSMP" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Cosmopolitan</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>5,750</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/country-living" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/cliv.jpg" alt="Country Living" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="CLIV" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Country Living</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,450</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/elle" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/elle.jpg" alt="Elle" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ELLE" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Elle</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,980</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/elle-decor" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/elde.jpg" alt="Elle Decor" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ELDE" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Elle Decor</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,080</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/entertainment-weekly" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/enwk.jpg" alt="Entertainment Weekly" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ENWK" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Entertainment Weekly</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>6,490</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/entrepreneur" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/entr.jpg" alt="Entrepreneur" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ENTR" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Entrepreneur</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,770</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/esquire" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/esqu.jpg" alt="Esquire" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="ESQU" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Esquire</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,800</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/family-fun" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/fam.jpg" alt="Family Fun" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="FAM" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Family Fun</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,920</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/food-wine" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/fdwn.jpg" alt="Food & Wine" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="FDWN" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Food & Wine</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,430</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/food-network" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/fdnw.jpg" alt="Food Network" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="FDNW" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Food Network</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,750</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/forbes" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/forb.jpg" alt="Forbes" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="FORB" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Forbes</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,990</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/fortune" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/fort.jpg" alt="Fortune" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="FORT" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Fortune</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,120</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/glamour" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/gla.jpg" alt="Glamour" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="GLA" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Glamour</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,870</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/golf-digest" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/gd.jpg" alt="Golf Digest" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="GD" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Golf Digest</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,450</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/gq" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/gq.jpg" alt="GQ" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="GQ" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">GQ</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,640</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/hamptons-monthly" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/hamm.jpg" alt="Hamptons Monthly" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="HAMM" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Hamptons Monthly</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,240</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/harpers-bazaar" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/hbaz.jpg" alt="Harper's Bazaar" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="HBAZ" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Harper's Bazaar</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,570</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/health" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/hlth.jpg" alt="Health" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="HLTH" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Health</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,350</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/hgtv" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/hgtv.jpg" alt="HGTV" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="HGTV" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">HGTV</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,450</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/house-beautiful" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/hsbe.jpg" alt="House Beautiful" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="HSBE" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">House Beautiful</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,070</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/instyle" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/inst.jpg" alt="InStyle" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="INST" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">InStyle</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>5,390</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/marie-claire" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/mclr.jpg" alt="Marie Claire" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="MCLR" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Marie Claire</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,020</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/martha-stewart-living" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/mstl.jpg" alt="Martha Stewart Living" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="MSTL" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Martha Stewart Living</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>4,110</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/money" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/mony.jpg" alt="Money" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="MONY" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Money</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,700</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/new-york-city-monthly" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/nycm.jpg" alt="New York City Monthly" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="NYCM" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">New York City Monthly</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,240</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/o" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/opra.jpg" alt="O" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="OPRA" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">O</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>5,000</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/parents" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/par.jpg" alt="Parents" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="PAR" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Parents</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,740</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/people" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/peop.jpg" alt="People" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="PEOP" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">People</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>9,220</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/people-en-espanol" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/peopesp.jpg" alt="People en Español" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="PEOPESP" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">People en Español</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>4,670</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/rachael-ray-every-day" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/rred.jpg" alt="Rachael Ray Every Day" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="RRED" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Rachael Ray Every Day</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,480</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/real-simple" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/rsim.jpg" alt="Real Simple" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="RSIM" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Real Simple</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,860</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/shape" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/shpe.jpg" alt="Shape" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="SHPE" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Shape</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>5,820</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/smithsonian" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/smit.jpg" alt="Smithsonian" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="SMIT" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Smithsonian</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,480</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/sports-illustrated" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/sprt.jpg" alt="Sports Illustrated" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="SPRT" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Sports Illustrated</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>4,150</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/teen-vogue" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/tv.jpg" alt="Teen Vogue" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TV" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Teen Vogue</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,030</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/the-new-yorker" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/tny.jpg" alt="The New Yorker" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TNY" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">The New Yorker</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,970</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/this-old-house" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/tolh.jpg" alt="This Old House" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TOLH" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">This Old House</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,450</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/time" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/time.jpg" alt="TIME" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TIME" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">TIME</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>5,390</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/town-country" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/toco.jpg" alt="Town & Country" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TOCO" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Town & Country</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,200</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/traditional-home" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/trhm.jpg" alt="Traditional Home" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TRHM" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Traditional Home</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,020</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/travel-leisure" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/trvl.jpg" alt="Travel + Leisure" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="TRVL" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Travel + Leisure</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,420</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/vanity-fair" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/vf.jpg" alt="Vanity Fair" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="VF" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Vanity Fair</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,070</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/vogue" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/vog.jpg" alt="Vogue" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="VOG" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Vogue</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,830</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/wired" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/wrd.jpg" alt="Wired" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="WRD" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Wired</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,630</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> </div> </div> </div> </div> </a> </div> </div> <div class="media-card unavailable"> <div class="inner"> <img class="unavail-media-img" src="//d2ai543m1eawbf.cloudfront.net/assets/imgs/unavailable-media.png" alt="not available media"> <h3>The following media is available <strong>outside</strong> your markets</h3> <img class="arrow-img" src="//d2ai543m1eawbf.cloudfront.net/assets/imgs/unavailable-media-arrow.png" alt="arrow"> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/california-home-and-design" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/calihd.jpg" alt="California Home + Design" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="CALIHD" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">California Home + Design</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>5,050</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> <div class="spec"> <div class="spec-name"></div> <div class="spec-number"></div> </div> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/chicago-woman" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/chiwo.jpg" alt="Chicago Woman" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="CHIWO" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Chicago Woman</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>1,500</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> <div class="spec"> <div class="spec-name"></div> <div class="spec-number"></div> </div> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/eating-well" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/ewll.jpg" alt="Eating Well" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="EWLL" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Eating Well</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>2,350</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> <div class="spec"> <div class="spec-name"></div> <div class="spec-number"></div> </div> </div> </div> </div> </div> </a> </div> </div> <div class="media-card"> <div class="inner"> <a href="/ads/magazines/oakland-alameda" class="printmag"> <div class="image"> <img src="//d2ai543m1eawbf.cloudfront.net/assets/media/sq/oakala.jpg" alt="Oakland & Alameda Magazine" class="img-responsive" /> </div> <div class="right-col-wrap"> <div class="details"> <span class="favorite " data-mediacode="OAKALA" tabindex="0"></span> <div class="title-prepend hidden-xs">Magazine</div> <h3 class="visible-xs">Oakland & Alameda Magazine</h3> </div> <div class="availability"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5"> Full Pages Starting At <div class="price"><span>$</span>3,200</div>  </div> <div class="hidden-xs col-sm-6 col-md-6 col-lg-7 specs-col"> <div class="spec"> <div class="spec-name"></div> <div class="spec-number"></div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> </div> </section> </div> <footer> <div class="visible-xs text-center"> <a href="#" class="back-to-top">Back to Top</a> <h2>Adverator</h2> 483 Broadway, Suite 516<br> New York, NY 10013<br> <a href="mailto:Info@Adverator.com">Info@Adverator.com</a> <div class="copyright"> <a href="/assets/pdf/adverator-terms.pdf" target="_blank">Terms of Use</a> / <a href="/assets/pdf/adverator-privacy.pdf" target="_blank">Privacy Policy</a> <p>©2017 Adverator, All rights reserved.</p> </div> </div> <div class="container hidden-xs"> <div class="row"> <div class="col-sm-3"> <h2>Your Adverator</h2> <ul class="list-unstyled"> <li><a href="/signin?goto=https%3A%2F%2Fwww.adverator.com%2Fshop%2Fmagazines">Sign in</a></li> <li><a href="/signup?goto=https%3A%2F%2Fwww.adverator.com%2Fshop%2Fmagazines">Sign up</a></li> </ul> </div> <div class="col-sm-6"> <h2>Company</h2> <ul class="list-unstyled"> <li><a href="/">Home</a></li> <li><a href="/about-us">About Us</a></li> <li><a href="/how-it-works">How It Works</a></li> <li><a href="/faq">FAQ</a></li> <li><a href="/assets/pdf/adverator-terms.pdf" target="_blank">Terms of Use</a></li> <li><a href="/assets/pdf/adverator-privacy.pdf" target="_blank">Privacy Policy</a></li> </ul> </div> <div class="col-sm-3"> <h2>Contact</h2> <ul class="list-unstyled"> <li>Adverator</li> <li>483 Broadway Suite 516</li> <li>New York, NY 10013</li> <li>&nbsp</li> <li><a href="mailto:info@adverator.com">info@adverator.com</a></li> </ul> </div> </div> <div class="row"> <div class="col-sm-6 col-sm-offset-3 text-center"> <div class="copyright">©2017 Adverator, All rights reserved.</div> </div> <div class="col-sm-3"> <a href="mailto:support@adverator.com" class="intercom_widget">Need Help?<br>Contact Brittany</a> </div> </div> </div> </footer> <script src="https://js.stripe.com/v1/"></script> <script src="//d2ai543m1eawbf.cloudfront.net/assets/dist/20170608a/vendor.js"></script> <script src="//d2ai543m1eawbf.cloudfront.net/assets/dist/20170608a/templates.js"></script> <script src="//d2ai543m1eawbf.cloudfront.net/assets/dist/20170608a/markets.js"></script> <script> ADVR = window.ADVR || {}; ADVR.user = {"markets":["843"],"media_types":["printmag","printooh","digital","eddm"],"d_markets":[],"media":["FOOD"],"d_media":[],"b":[],"location":"New York","zip":"10013","name":"Juliette","uuid":"e3adeadd-5065-11e7-9052-06e4e4dae797","mcat":"","v":2,"ftue":"finish"}; ADVR.config = { cart_ttl: 1800, cart_ttl_warn: 120, cart_ttl_peek: 4, error_ttl: 5, cart_warned: false, cart_notify_add: true, favorites_notify: false, checking_copies_price: 2.50, eddm_base_price: 0.6, eddm_min_qty: 250, mapbox_access_token: 'pk.eyJ1IjoiYWR2ZXJhdG9yIiwiYSI6ImNpdjN5cDRtczAxd2Yydm5tdHR2OXc1aDgifQ.BQPrHyeW1jN19mWn6FRv2Q', cart_confirmation_token: '#confirmation:', session_timeout: '3600', http_ssl: 'https', host_www: 'www.adverator.com', host_cdn: 'd2ai543m1eawbf.cloudfront.net', client_ip: '72.43.110.178', member_data_v1: false, path_media_images_pdp: '//d2ai543m1eawbf.cloudfront.net/assets/media/pdp/{{replace}}.jpg', path_media_images_sq: '//d2ai543m1eawbf.cloudfront.net/assets/media/sq/{{replace}}.jpg', path_media_images_logos: '//d2ai543m1eawbf.cloudfront.net/assets/media/logos/{{replace}}.png', path_media_images_logos_2x: '//d2ai543m1eawbf.cloudfront.net/assets/media/logos/2x/{{replace}}.png', stripe_pub_key: 'pk_live_QjIkizUdDXHRQs9qRFNX3FS5', mediaradar_api_key: 'aa4cb2eed6b948b0ab68f52ceca5c569' }; if ( window.Stripe ) Stripe.setPublishableKey(ADVR.config.stripe_pub_key); </script> <script src="//d2ai543m1eawbf.cloudfront.net/assets/dist/20170608a/app.js"></script> <script type="text/javascript" src="//d2ai543m1eawbf.cloudfront.net/assets/js/shop.js?v=20170608a"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-61461855-1', {'userId': ADVR.config.session_uid}); ga('require', 'ecommerce'); ga('require', 'displayfeatures'); ga('set', 'dimension1', (ADVR.user.uuid != '' ? ADVR.user.uuid : 'anon')); ga('send', 'pageview'); ga(function(tracker){ var cid = tracker.get('clientId'); // console.log( 'GA ClientId = ' + cid ); }); if ( mixpanel ) { (function(jQuery) { $(function () { // base user data var mixpaneldata = { "url" : window.location.pathname, "ip" : ADVR.config.client_ip, "ip_address" : ADVR.config.client_ip, "uuid" : (ADVR.user.uuid != '' ? ADVR.user.uuid : 'anon') }; // if on pdp if ( ADVR.page.data ) { if ( ADVR.page.data.selected ) { mixpaneldata.prodcode = ADVR.page.data.selected.prodcode; mixpaneldata.mediacode = ADVR.page.data.selected.mediacode; mixpaneldata.media_type = ADVR.page.data.selected.media_type; mixpaneldata.sku = ADVR.page.data.selected.name; } } // if inbound via email var sfid = ADVR.util.qs_param('sfid'); var fn = ADVR.util.qs_param('fn'); var email = ADVR.util.qs_param('email'); if ( sfid ) mixpaneldata.sfid = sfid; if ( fn ) mixpaneldata.fn = fn; if ( email ) mixpaneldata.email = email; ADVR.util.debug( mixpaneldata ); // people: inbound email if ( email ) { var mixpaneluser = {}; mixpaneluser.$email = email; if ( fn ) mixpaneluser.$first_name = fn; if ( sfid ) mixpaneluser.sfid = sfid; if ( mixpaneldata.uuid && mixpaneldata.uuid != 'anon' ) { mixpaneluser.uuid = mixpaneldata.uuid; } mixpanel.identify( mixpaneluser.$email ); mixpanel.people.set( mixpaneluser ); } // people: auth'ed if ( ADVR.user.email ) { var mixpaneluser = {}; mixpaneluser.$email = ADVR.user.email; mixpaneluser.$first_name = ADVR.user.name; mixpaneluser.uuid = ADVR.user.uuid; mixpanel.identify( mixpaneluser.$email ); mixpanel.people.set( mixpaneluser ); } // first touch / last touch var campaignParams = function(){ var campaign_keywords = 'utm_source utm_medium utm_campaign utm_content utm_term'.split(' ') , kw = '' , params = {} , first_params = {}; var index; for (index = 0; index < campaign_keywords.length; ++index) { kw = ADVR.util.qs_param(campaign_keywords[index]); if (kw.length) { params[campaign_keywords[index] + ' [last touch]'] = kw; } } for (index = 0; index < campaign_keywords.length; ++index) { kw = ADVR.util.qs_param(campaign_keywords[index]); if (kw.length) { first_params[campaign_keywords[index] + ' [first touch]'] = kw; } } mixpanel.people.set(params); mixpanel.people.set_once(first_params); mixpanel.register(params); } campaignParams(); // optin popup var utmc = ADVR.util.qs_param('utm_campaign'); if ( utmc ) { if ( utmc.indexOf('prosp') !== -1 ) { var optin_candidate = $.cookie('advr_optin_candidate'); if (typeof optin_candidate === 'undefined') { $.cookie('advr_optin_candidate', true, {expires: 1}); } } } // register super properties and track mixpanel.register(mixpaneldata); mixpanel.track('pageview'); // optin form deploy $(document).on('OptinMonsterOnShow', function(event, data, object ){ mixpanel.track('optinPopup', {via: 'optinmonster'}); }); // optin success $(document).on('OptinMonsterOptinSuccess', function( event, data, object ){ var email = $('#om-' + data.optin).find('input[type="email"]').val(); var fn = $('#om-' + data.optin).find('input[placeholder="First Name"]').val(); // does this seem reasonable? is there a better way to reference that field? ADVR.util.debug( 'prospect:optin = ' + email ); if ( email ) mixpaneldata.email = email; // send optin event prior to updating email super property mixpanel.track('prospect:optin', {via: 'optinmonster'}, function() { setTimeout(mixpanel.register(mixpaneldata), 500); }); // alias if new email address if ( ADVR.mixpanel_distinct_id != email ) { mixpanel.alias( email ); } var mixpaneluser = mixpaneluser || {}; mixpaneluser.$email = email; mixpaneluser.$first_name = fn; mixpaneluser.optin_source = 'site'; mixpanel.people.set( mixpaneluser ); }); }); })(jQuery); } if ( ADVR.transactions ) { if ( console ) console.log( ADVR.transactions ); var grand_total = 0; var ga_tran, ga_item; var affiliation = ( $('body').hasClass('quickcheckout') ? 'quickpay' : 'cart' ); for (i=0; i<ADVR.transactions.length; i++) { ga_tran = { 'id': ADVR.transactions[i].tid, // Transaction ID. Required. 'affiliation': affiliation, // quickpay or cart 'revenue': ADVR.transactions[i].price, // Grand Total. 'shipping': '0', 'tax': '0' }; ga_item = { 'id': ADVR.transactions[i].tid, // Transaction ID. Required. 'name': ADVR.transactions[i].transaction_description, // Product name. Required. 'sku': ADVR.transactions[i].transaction_description, // alias for product name 'price': ADVR.transactions[i].price, // Unit price. 'quantity': ADVR.transactions[i].qty, // Quantity. 'brand' : ADVR.transactions[i].mediacode, 'category': ADVR.transactions[i].media_type, 'variant' : ADVR.transactions[i].prodcode, 'position' : ADVR.transactions[i].issue }; if ( console ) { console.log( ga_tran ); console.log( ga_item ); } if ( ga ) { ga('ecommerce:addTransaction', ga_tran); ga('ecommerce:addItem', ga_item); ga('ecommerce:send'); } grand_total += Number( ADVR.transactions[i].price ); } if ( fbq ) fbq('track', 'Purchase', {value: grand_total, currency: 'USD'}); if ( mixpanel ) { mixpanel.track('purchase', { 'uuid' : (ADVR.user.uuid != '' ? ADVR.user.uuid : 'anon'), 'cartid' : ADVR.transactions[0].cartid, 'value' : grand_total }); mixpanel.people.track_charge( grand_total ); } if ( adroll_adv_id ) { adroll_conversion_value = grand_total; adroll_currency = "USD"; adroll_custom_data = {"uuid":(ADVR.user.uuid != '' ? ADVR.user.uuid : 'anon')}; } } </script> <div class="modal fade" id="site-modal" tabindex="-1" role="dialog"></div>  <div id="om-ryn2apw5eng8gbeg-holder"></div><script>var ryn2apw5eng8gbeg,ryn2apw5eng8gbeg_poll=function(){var r=0;return function(n,l){clearInterval(r),r=setInterval(n,l)}}();!function(e,t,n){if(e.getElementById(n)){ryn2apw5eng8gbeg_poll(function(){if(window['om_loaded']){if(!ryn2apw5eng8gbeg){ryn2apw5eng8gbeg=new OptinMonsterApp();return ryn2apw5eng8gbeg.init({"u":"30323.543815","staging":0,"dev":0,"beta":0});}}},25);return;}var d=false,o=e.createElement(t);o.id=n,o.src="//a.optnmstr.com/app/js/api.min.js",o.async=true,o.onload=o.onreadystatechange=function(){if(!d){if(!this.readyState||this.readyState==="loaded"||this.readyState==="complete"){try{d=om_loaded=true;ryn2apw5eng8gbeg=new OptinMonsterApp();ryn2apw5eng8gbeg.init({"u":"30323.543815","staging":0,"dev":0,"beta":0});o.onload=o.onreadystatechange=null;}catch(t){}}}};(document.getElementsByTagName("head")[0]||document.documentElement).appendChild(o)}(document,"script","omapi-script");</script> </body> </html>

.media-card:hover{ transform: scale(1.03); transition-duration: $transition-time; box-shadow: 0 4px 8px 0 #ededed; } .magazine:hover, .web:hover, .transit:hover, .direct-mail:hover{ color: #317efc; font-weight: bold; } .favorite:hover{ transform: scale(1.3); fill:#ffffff fill-opacity="1.0" }

Related: See More

Argon Design System

Argon Design System

social network layout - bootstrap 4

social network layout - bootstrap 4

Zigzag Timeline Layout

Zigzag Timeline Layout

Multi Select Tiled Layout

Multi Select Tiled Layout

Questions / Comments:

Posting GuidelinesFormatting