ready vs onload

JavaScript performance comparison

Test case created by Carmine

Preparation code

  <head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=UTf-8" />
    <title>Monocle</title>
    <meta charset="utf-8" />
    <meta name="description" property="og:description" content="Monocle is a global briefing covering international affairs, business, culture and design." />
    <meta name="dcterms.publisher" content="Made with love by DADI+ (dadi.co) in London, England" />
    <meta name="dcterms.abstract" content="Monocle provides a globalist perspective on international affairs, business, culture, design and fashion." />
    <meta name="geo.placename" content="London, UK" />
    <meta name="dc.language" content="en" />
    <meta name="geo.country" content="gb" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2" />
    <meta name="google-site-verification" content="2pzgGVyeWQ2ZwUCqE9oINFM1T2IXKqwSgMy663niFJs" />
    <meta http-equiv="Cache-Control" content="max-age=3600" />
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <meta property="og:site_name" content="Monocle" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://monocle.com/" />
    <meta property="og:title" content="Monocle" />
    <meta property="og:image" content="https://img.monocle.com/issue/coverus_monocle_issue-10124-58aeaff86e2a3.png?w=1000&amp;resize=aspectfit" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@monocle24" />
    <meta name="twitter:title" content="&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Monocle&#10;&#9;&#9;&#9;&#9;&#9;&#9;" />
    <meta name="twitter:description" content="&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Monocle is a global briefing covering international affairs, business, culture and design.&#10;&#9;&#9;&#9;&#9;&#9;&#9;" />
    <meta property="twitter:image" content="https://img.monocle.com/issue/coverus_monocle_issue-10124-58aeaff86e2a3.png?w=1000&amp;resize=aspectfit" />
    <link rel="shortcut icon" href="//static.monocle.com/img/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon-precomposed" href="//static.monocle.com/img/icon.png" />
   
    <script>
				var _prum = [['id', '521488a0abe53d240e000000'],
				['mark', 'firstbyte', (new Date()).getTime()]];
				(function() {
					var s = document.getElementsByTagName('script')[0]
					, p = document.createElement('script');
					p.async = 'async';
					p.src = '//rum-static.pingdom.net/prum.min.js';
					s.parentNode.insertBefore(p, s);
				})();
		</script>
    <noscript>
      <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NG76LM" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?' l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NG76LM');</script>
  </head>
  <body>
    <div id="content" class="home" data-title="Monocle">
      <header class="site-header bg-black">
        <div class="gd mast-head js-mast-head-scroll">
          <div class="mast-head-inner">
            <nav class="mast-head__nav">
              <ul class="navbar navbar--mast-head " style="background-color: #fcbe0b;">
                <li class="mast-head__item">
                  <a href="/subscribe/" class="mast-head__a action subscribe" onclick="ga('send', 'event', 'Header', 'click', 'Subscribe now');">Subscribe</a>
                </li>
                <li class="mast-head__item">
                  <a href="/sign-in/" class="mast-head__a action" onclick="ga('send', 'event', 'Header', 'click', 'Sign in');">Sign in</a>
                </li>
                <li class="mast-head__item u-hide--phablet u-hide--phone" data-id="site-header">
                  <a href="/subscribe/newsletters/" class="mast-head__a" onclick="ga('send', 'event', 'Header', 'click', 'Newsletters');"><span class="u-show--tablet u-show--tabletxl">Sign up to our</span> Newsletters
							</a>
                </li>
                <li class="mast-head__item u-hide--phablet u-hide--phone">
                  <a href="/about/contacts/" class="mast-head__a" onclick="ga('send', 'event', 'Header', 'click', 'Contacts');">Contacts</a>
                </li>
                <li class="mast-head__item u-hide--phablet u-hide--phone">
                  <a onClick="ga('send', 'event', 'Header', 'click', 'Your bag');" href="/shop/bag/" class="mast-head__a">
                    <span class="font-icon icon--basket"></span>
                    <span class="u-show--phablet">Basket: </span>
                    <span class="fs--sans">0</span>
                  </a>
                </li>
                <li class="mast-head__item u-hide--phablet u-hide--phone">
                  <form method="POST" class="mast-head__a mast-head__form mast-head__form--search js-mast-head-form js-search-form">
                    <div class="mast-head__form-expand">
                      <span class="mast-head__form-icon">Q</span>
                      <label for="search-mast-head" class="sr-only">Search</label>
                      <input id="search-mast-head" class="mast-head__input enable-return" tabindex="-1" value="" />
                    </div>
                    <p class="font-icon mast-head__close js-hide-mast-head-form">/</p>
                    <input type="submit" class="mast-head__input mast-head__form-submit" value="Search" tabindex="-1" />
                  </form>
                  <a href="#" class="mast-head__a js-show-mast-head-form">
                    <span class="font-icon icon--search">Q</span>
                    <span class="mast-head__search-text u-show--medium u-show--large">Search</span>
                  </a>
                </li>
              </ul>
            </nav>
            <a href="/" class="site-logo">
              <img class="site-logo__img" src="https://monocle.com/workspace/assets/img/logos/monocle_logo.svg" onerror="this.onerror=null; this.src='https://monocle.com/workspace/assets/img/logos/monocle_logo.png'" alt="Monocle logo" />
            </a>
          </div>
        </div>
        <div class="print-logo">
          <div class="h1--plantin"><i class="font-icon">L</i> MONOCLE</div>
        </div>
        <div xmlns:exsl="http://exslt.org/common" class="site-navigation">
          <nav class="gd mobile-nav u-show--phablet u-show--phone">
            <ul class="gd_cols gd_cols--flush">
              <li class="gd_col fw-2-5 clickable">
                <div class="drop-menu drop-menu--all nav_link--mob js-drop-menu">Menu</div>
              </li>
              <li class="gd_col fw-2-5">
                <a href="/radio/listen/" class="drop-menu drop-menu--radio nav_link--mob">Live</a>
              </li>
              <li class="gd_col fw-1-5 clickable">
                <div class="drop-menu drop-menu--search nav_link--mob js-drop-search"></div>
              </li>
            </ul>
          </nav>
          <div class="site-navs">
            <div class="tm-dark tm-dark--er site-nav__container site-nav__container--primary">
              <div class="gd">
                <nav class="site-nav__nav">
                  <ul class="navbar navbar--main">
                    <li class="navbar__item">
                      <a title="Home" href="/" class="navbar__a navbar__a--l1 is-active">
                        <span class="font-icon">L</span>
                        <span class="u-show--phablet u-show--phone">Home</span>
                      </a>
                    </li>
                    <li class="navbar__item">
                      <a id="radio-tab" title="Radio" href="/radio/" class="navbar__a navbar__a--l1"><span class="font-icon">L</span><span class="font-icon">R</span>Radio</a>
                    </li>
                    <li class="navbar__item">
                      <a title="Film" href="/film/" class="navbar__a navbar__a--l1"><span class="font-icon">F</span>Film</a>
                    </li>
                    <li class="navbar__item">
                      <a title="Magazine" href="/magazine/" class="navbar__a navbar__a--l1"><span class="font-icon">M</span>Magazine</a>
                    </li>
                    <li class="navbar__item">
                      <a title="Shop" href="/shop/" class="navbar__a navbar__a--l1"><span class="font-icon">S</span>Shop</a>
                    </li>
                    <li class="navbar__item">
                      <a title="More" href="#" class="navbar__a navbar__a--l1 js-nav-more"><span class="font-icon">m</span>More <span class="font-icon font-icon--down">3</span><span class="font-icon font-icon--up">1</span></a>
                    </li>
                  </ul>
                </nav>
                <div title="Listen Live to Monocle 24" class="site-header__ticker u-hide--phablet u-hide--phone">
                  <div class="site-header__listen js-play-m24" data-event-id="Header ticker play button"></div>
                  <div class="radio-display js-ticker js-ticker--live">
                    <div class="ticker ticker--live clickable js-play-m24" data-event-id="Header ticker">
                      <ul class="ticker__items js-ticker-items">
                        <li class="ticker__item js-ticker-item"><b class="is-active-when-paused">Listen Live: </b><b class="is-active-when-playing">Now Playing: </b><span class="js-ticker__title">The Atlantic Shift</span> <span class="js-ticker__episode"></span><span class="radio-display__upnext">  |  <b>Up next: </b><span class="js-ticker__upnext"></span></span></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="gd site-nav__container site-nav__container--more">
              <div class="tm--sub site-nav__more js-more-nav-content">
                <nav class="gd_cols gd_cols--flush">
                  <ul class="gd_col fw-1-2 navbar__group">
                    <li class="navbar__item navbar__item--col">
                      <a href="/about/" class="navbar__a">About Us</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/events/" class="navbar__a">Events</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/restaurant-awards/" class="navbar__a">Restaurant Awards</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/travel/" class="navbar__a">Travel</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/minute/" class="navbar__a">The Monocle Minute</a>
                    </li>
                  </ul>
                  <ul class="gd_col fw-1-2 navbar__group">
                    <li class="navbar__item navbar__item--col">
                      <a href="/affairs/" class="navbar__a">Affairs</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/business/" class="navbar__a">Business</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/culture/" class="navbar__a">Culture</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/design/" class="navbar__a">Design</a>
                    </li>
                    <li class="navbar__item navbar__item--col">
                      <a href="/edits/" class="navbar__a">Edits</a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
          <div class="search-container search-container--header fw-1-1 u-show--phablet u-show--phone">
            <form class="search-form mobile-search js-search-form">
              <input type="text" class="search enable-return no-clear" placeholder="Search place, topic or person" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search place, topic or person'" />
              <input type="submit" value="Q" class="bottom-corners" />
            </form>
          </div>
        </div>
      </header>
      <div class="content__wrapper">
        <div class="u-inner">
          <p class="alert will-fadein js-form-response-default u-mar"></p>
        </div>
        <div class="super-leaderboard js-super-leaderboard">
          <div class="gd">
            <div class="egg-container">
              <a href="/shop/books/travel-guides/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Super-Leaderboard');">
                <picture style="display: block">
                  <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-1-58b7f270eaf9d.png" media="(min-width: 990px)"></source>
                  <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-2-58b7f270eb803.png" media="(min-width: 748px)"></source>
                  <img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/tg-3-58b7f270ebb6d.png" />
                </picture>
              </a>
            </div>
            <div class="egg-container">
              <a href="/shop/books/travel-guides/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Super-Leaderboard');">
                <picture style="display: block">
                  <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-1-58b7f270eaf9d.png" media="(min-width: 990px)"></source>
                  <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-2-58b7f270eb803.png" media="(min-width: 748px)"></source>
                  <img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/tg-3-58b7f270ebb6d.png" />
                </picture>
              </a>
            </div>
          </div>
        </div>
        <section class="content__block u-inner">
          <div class="cb__content mtoday tm-base">
            <div class="gd_cols gd_cols--dblpad gd_cols--flush">
              <div class="gd_col fw-3-4 nd-1-1 u-eq mtoday__promos">
                <div class="gd_cols gd_cols--dblpad">
                  <div class="content__block--mobile content__block--mobile--first-child gd_col fw-2-3 md-1-1 container u-eq u-mar--b15">
                    <header class="mtoday__header u-pad--b u-breakUp">
                      <h1 class="header3">Monocle Today.</h1>
                      <h2 class="fs-emphasis">Our top stories</h2>
                    </header>
                    <section class="mtoday__hero mtoday__hero--radio u-eq">
                      <div xmlns:exsl="http://exslt.org/common" class="card card--hero card--radio">
                        <a class="card__content" href="https://monocle.com/radio/shows/section-d/283/play/" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Are Antwerp’s best days ahead of it?', undefined, undefined, 'A-flow');" title="Are Antwerp’s best days ahead of it?">
                          <div class="card__img">
                            <span class="u-ratio u-ratio--16-9">
                              <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/c_alamy-1-_crop-58c8321b4e1d3.jpg?w=549&amp;h=309&amp;g=center&amp;q=60" alt="Are Antwerp’s best days still ahead of it?" />--></div>
                            </span>
                          </div>
                          <h4 class="card__h fs-impact fs-impact--lrg">Are Antwerp’s best days ahead of it?</h4>
                          <div class="card__copy fs-sell">
                            <div class="card__copy-clamp">
                              <p>
                                <span class="fs-emphasis fs-emphasis--hero">Section D</span>
                                <span class="fs-title fs-title--hero">on</span>
                                <span class="fs-emphasis fs-emphasis--hero fc-salmon">Monocle 24:</span>
                                <span class="fs-sell fs-sell--hero u-show--phablet u-show--phone">We meet some of Antwerp’s brightest design talent.</span>
                                <span class="fs-sell fs-sell--hero u-hide--phablet u-hide--phone">Nestled in the heart of Flanders – Belgium’s Dutch-speaking northern region – Antwerp has garnered a reputation in recent years as a regional city with a global reach. We meet some of its brightest design talent.</span>
                              </p>
                            </div>
                          </div>
                          <div class="card__meta">
                            <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--subtitle">Monocle 24 Radio</span><br /> <b class="meta--title">Section D</b> <span class="meta--duration">30 min listen</span> </p>
                          </div>
                        </a>
                      </div>
                      <footer class="mtoday__hero-footer u__exclude">
                        <hr class="hr--small" />
                        <p class="fs-meta u-mar--b">More on design:</p>
                        <div class="btngroup mtoday__more">
                          <a class="btn btn--related corners fw-1-2 md-1-1" href="https://monocle.com/radio/shows/section-d/282/play/" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Related: Design at the Rio Carnival');">
                            <p class="fs-title-sf fs-title-sf--sml fc-mid-grey">Design at the Rio Carnival</p>
                            <p xmlns:exsl="http://exslt.org/common" class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">Section D</b> <span class="meta--id">282</span> <span class="meta--duration">30 min listen</span> </p>
                          </a>
                          <a class="btn btn--related corners fw-1-2 md-1-1" href="https://monocle.com/radio/shows/section-d/281/play/" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Related: Fixing Madrid Fashion Week');">
                            <p class="fs-title-sf fs-title-sf--sml fc-mid-grey">Fixing Madrid Fashion Week</p>
                            <p xmlns:exsl="http://exslt.org/common" class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">Section D</b> <span class="meta--id">281</span> <span class="meta--duration">30 min listen</span> </p>
                          </a>
                        </div>
                      </footer>
                    </section>
                  </div>
                  <div class="gd_col no-md-pad fw-1-3 md-1-1 cardsx1 u-eq">
                    <a href="/magazine/issues/101/politics-briefing/" class="content__block--mobile mtoday__top u-mar--b15" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Article', 'Top: Jesse Klaver, leader of Dutch party GroenLinks');">
                      <div class="mtoday__quote" style="background-color: #F07060; color: #F07060">
                        <blockquote class="fs-emphasis fs-emphasis--quote" style="color: #222222">
					‘I think this is still a tolerant country but the upcoming election is very, very important. We’re at a turning point’
				</blockquote>
                        <p class="fs-sell fs-sell--today" style="color: #FFFFFF">
					– Jesse Klaver, leader of Dutch party GroenLinks</p>
                        <div class="mtoday__quote-img">
                          <img src="//img.monocle.com/_dsc9081-copy-58b566138e80a.jpg?w=260&amp;h=260&amp;g=center&amp;q=60" class="u-fit" alt="Jesse Klaver, leader of Dutch party GroenLinks" />
                        </div>
                        <svg viewBox="0 0 61.4 17.4">
                          <path class="a" d="M53.1,136.2c11.3-14.5,23.4-17.3,30.7-17.4H22.4C29.7,118.9,41.8,121.7,53.1,136.2Z" transform="translate(-22.4 -118.8)"></path>
                        </svg>
                      </div>
                      <div class="mtoday__quote-meta">
                        <p xmlns:exsl="http://exslt.org/common" class="fs-meta u-breakUp"><b class="meta--title">Magazine</b> <span class="meta--duration">3 min read</span> </p>
                      </div>
                    </a>
                    <div class="content__block--mobile mtoday__bottom u-eq">
                      <div xmlns:exsl="http://exslt.org/common" class="card card--promo card--radio">
                        <a class="card__content" href="/radio/shows/the-foreign-desk/166/play" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Bottom: Why the Dutch election matters', undefined, undefined, 'A-flow');" title="Why the Dutch election matters">
                          <div class="card__img">
                            <span class="u-ratio u-ratio--16-9">
                              <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/c_alamy-58c2f499b1f09.jpg?w=550&amp;h=306&amp;g=center&amp;q=60" alt="Why the Dutch election matters" />--></div>
                            </span>
                          </div>
                          <h4 class="card__h fs-title-sf">Why the Dutch election matters</h4>
                          <div class="card__copy fs-sell">
                            <div class="card__copy-clamp">
                              <p>The Netherlands election will test liberal democracy. What will the result mean?</p>
                            </div>
                          </div>
                          <div class="card__meta">
                            <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--subtitle">Monocle 24 Radio</span><br /> <b class="meta--title">The Foreign Desk</b> <span class="meta--duration">30 min listen</span> </p>
                          </div>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="gd_col fw-1-4 nd-1-1 cardsx1 mtoday__sponsored">
                <div class="gd_cols gd_cols--dblpad">
                  <div class="content__block--mobile gd_col fw-1-1 mtoday__minute">
                    <header class="cards__h align-center">
                      <a class="cards__h-link" href="/minute/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Minute');">
                        <h2 class="fs-impact">The Monocle Minute</h2>
                      </a>
                    </header>
                    <div xmlns:exsl="http://exslt.org/common" class="card card--minute">
                      <a class="card__content" href="/minute/#4" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Minute', undefined, undefined, 'A-flow');" title="Revised route">
                        <div class="card__img">
                          <span class="u-ratio u-ratio--16-9">
                            <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/minute/c_lta-58c8388619e81.jpg?w=550&amp;h=306&amp;g=center&amp;q=60" alt="Revised route" />--></div>
                          </span>
                        </div>
                        <h4 class="card__h fs-title-sans fs-title-sans--lrg fc-salmon">Revised route</h4>
                        <div class="card__copy fs-inform">
                          <div class="card__copy-clamp">
                            <p>Singapore continues to experiment with ways to make its buses, used by 3.9 million passengers daily, more appealing and efficient. The city-state has just launched a six-month trial of three-door double-decker buses, complete with USB ports. The Land Transport Authority (LTA) hopes the more accessible buses will reduce time spent at stops, while the new ports will mean added convenience. The LTA is also trialling quirkier measures with new advertisements in Singlish, the English-based creole common in Singapore, drawing attention to the buses’ new features. The green signs boast slogans such as “Here cannot go in!” and “Here can charge phone!”; the rest of the posters’ text is in standard English.</p>
                          </div>
                        </div>
                        <div class="card__meta">
                          <p class="fs-meta u-breakUp"><span class="meta--duration">1 min read</span> </p>
                        </div>
                      </a>
                    </div>
                    <div xmlns:exsl="http://exslt.org/common" class="card card--minute">
                      <a class="card__content" href="/minute/#2" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Minute', undefined, undefined, 'A-flow');" title="Sky’s the limit">
                        <div class="card__img">
                          <span class="u-ratio u-ratio--16-9">
                            <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/minute/c_paimages-58c838cb8d5f3.jpg?w=550&amp;h=306&amp;g=center&amp;q=60" alt="Sky’s the limit" />--></div>
                          </span>
                        </div>
                        <h4 class="card__h fs-title-sans fs-title-sans--lrg fc-salmon">Sky’s the limit</h4>
                        <div class="card__copy fs-inform">
                          <div class="card__copy-clamp">
                            <p>“Who is really doing it right? That’s the question we’re asking,” says award-winning US architect Curtis W Fentress when asked why he’s attending this year’s Passenger Terminal Expo in Amsterdam. Fentress is one of numerous high-profile speakers discussing airport design, security and innovation at the three-day airport terminal conference, regarded as the most important of its kind. “The paradigm is constant change and that is the reason everyone is here, because they are trying to figure out what is happening next.” From Caiba, the cute robot concierge currently being trialled at Japan’s Haneda Airport, to sturdy new airport furniture from German company Kusch+Co, there is plenty of innovation for visitors to admire. Another highlight was yesterday’s Skytrax World Airport Awards ceremony, which recognised Singapore Changi Airport as the world’s best for the fifth year in a row, followed by Tokyo’s Haneda Airport in second and South Korea’s Incheon International Airport in third place.</p>
                          </div>
                        </div>
                        <div class="card__meta">
                          <p class="fs-meta u-breakUp"><span class="meta--duration">1 min read</span> </p>
                        </div>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="content__block tm-base u-inner">
          <header class="cb__header u-mar--b15">
            <h1 class="header2 align-center"><span class="font-icon">L</span> Monocle events and promotions</h1>
          </header>
          <div class="cb__content colsx4">
            <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4">
              <div class="scroller scroller--cards">
                <div class="card card--promo">
                  <a class="card__content" href="https://monocle.com/subscribe/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: Monocle annual subscription', undefined, undefined, 'A-flow');" title="Monocle annual subscription">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/mx10mag-58aeb87e8f476.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Monocle annual subscription" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h fs-title-sf" style="color: #">Monocle annual subscription</h4>
                    <div class="card__copy fs-sell fs-sell--sml">
                      <div class="card__copy-clamp">
                        <p>For £100 subscribe and never miss a copy: includes 10 issues of Monocle, The Escapist, The Forecast and a Voyage tote</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><strong class="meta--cta">Subscribe now</strong> </p>
                    </div>
                  </a>
                </div>
                <div class="card card--promo">
                  <a class="card__content" href="http://cafe.monocle.com" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: The Monocle Café', undefined, undefined, 'A-flow');" title="The Monocle Café">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/_on_5865-583d6ee479b25.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="The Monocle Café" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h fs-title-sf" style="color: #">The Monocle Café</h4>
                    <div class="card__copy fs-sell fs-sell--sml">
                      <div class="card__copy-clamp">
                        <p>As the temperature cools head to The Monocle Café for mulled wine, hot drinks and other warming treats.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><strong class="meta--cta">Visit the website</strong> </p>
                    </div>
                  </a>
                </div>
                <section class="cards__stack cards__stack--in4">
                  <div class="card card--promo" style="color: #888888; background-color: #;">
                    <a class="card__content" href="/shop/books-and-music/other/pump-up-the-volume-s/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: Pump Up The Volume(s)', undefined, undefined, 'A-flow');" title="Pump Up The Volume(s)">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--4-3">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/pump-up-5719fa5f7ea0f.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Pump Up The Volume(s)" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h fs-title-sf" style="color: #222222">Pump Up The Volume(s)</h4>
                      <div class="card__copy fs-sell fs-sell--sml">
                        <div class="card__copy-clamp">
                          <p>Purchase your pick of four of Monocle’s five guides and make a handsome saving.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp"><strong class="meta--cta">Shop now</strong> </p>
                      </div>
                    </a>
                  </div>
                  <div class="card card--promo" style="color: #524200; background-color: #ffcc00;">
                    <a class="card__content" href="/shop/10th-anniversary/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: 10th Anniversary', undefined, undefined, 'A-flow');" title="10th Anniversary">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--4-3">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/event-promo-tile-58aef706a6161.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="10th Anniversary" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h fs-title-sf" style="color: #222222">10th Anniversary</h4>
                      <div class="card__copy fs-sell fs-sell--sml">
                        <div class="card__copy-clamp">
                          <p>Celebrate 10 years of Monocle by picking up these exclusive pieces.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp"><strong class="meta--cta">Shop now</strong> </p>
                      </div>
                    </a>
                  </div>
                </section>
              </div>
            </div>
          </div>
        </section>
        <div class="hp-billboard hp-billboard--1">
          <div class="gd">
            <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="Home-Page-Billboard-1" data-dimensions="728x90" data-size-mapping="billboard"><a href="/subscribe/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Home-Page-Billboard-1');"><picture style="display: none"><source srcset="https://monocle.com/workspace/uploads/image/eggs/sub-banner-970-x-250-copy-2-58bd83cea6452.jpg" media="(min-width: 990px)"></source><source srcset="https://monocle.com/workspace/uploads/image/eggs/sub-superleaderboard-728-x-90-58bd820449f60.png" media="(min-width: 748px)"></source><img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/sub-mpu-300-x-250-alt-copy-2-58bd83cea699a.jpg" /></picture></a></div></div>--></div>
          </div>
        </div>
        <section class="content__block tm-dark u-inner">
          <header class="cb__header">
            <h1 class="header2 align-center"><span class="font-icon">L</span> <span class="font-icon">R</span> Monocle 24 radio</h1>
            <div class="gd_col fw-2-9 cb__sponsorship">
              <div class="egg-lazyload"><!----></div>
            </div>
          </header>
          <div class="cb__content colsx4">
            <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4">
              <h3 class="cards__h header3">Featured podcasts and chapters</h3>
              <div class="scroller scroller--cards">
                <div class="card card--radio">
                  <a class="card__content" href="/radio/shows/the-monocle-weekly/400/steven-cantor-and-gabrielle-tana/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Steven Cantor and Gabrielle Tana">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/chapters/weekly-dancer_crop-58bd2f3307fe2.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Steven Cantor and Gabrielle Tana" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Steven Cantor and Gabrielle Tana</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>Ukrainian ballet prodigy Sergei Polunin is the subject of new documentary ‘Dancer’. The film’s director Steven Cantor and producer Gabrielle Tana sit down with Monocle’s Tomos Lewis and Chris Lord to explain the draw of ballet in today’s contemporary-arts scene.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Monocle Weekly</b> 400</span>  <span class="meta--duration">14 min listen</span> </p>
                    </div>
                  </a>
                </div>
                <div class="card card--radio">
                  <a class="card__content" href="/radio/shows/the-menu/food-neighbourhoods-23/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Food Neighbourhoods 23: Lisbon, Alcantara">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/episodes/c_francesca-savoldi_crop-58b59a7e85078.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Food Neighbourhoods 23: Lisbon, Alcantara" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Food Neighbourhoods 23: Lisbon, Alcantara</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>Monocle’s Syma Tariq and urban researcher and travel guide Francesca Savoldi tour the Lisbon neighbourhood of Alcantara.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Menu</b> </span>  <span class="meta--duration"> 7 min listen</span> </p>
                    </div>
                  </a>
                </div>
                <section class="cards__stack cards__stack--in4">
                  <div class="card card--radio">
                    <a class="card__content" href="/radio/shows/the-stack/233/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Entertainment Weekly">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--4-3">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/episodes/_on_8391_crop-58a18e42b99b0.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Entertainment Weekly" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">Entertainment Weekly</h4>
                      <div class="card__copy fs-sell">
                        <div class="card__copy-clamp">
                          <p>We speak with Henry Goldblatt, editor of ‘Entertainment Weekly’ magazine, plus a chat with Gail Bichler, design director of ‘The New York Times Magazine’.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Stack</b> 233</span>  <span class="meta--duration"> 23 min listen</span> </p>
                      </div>
                    </a>
                  </div>
                  <div class="card card--radio">
                    <a class="card__content" href="/radio/shows/the-urbanist/277/sanctuary-cities-us/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Sanctuary cities: US">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--4-3">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/chapters/chooser_hm1dn0_w-58937d62b2eb2.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Sanctuary cities: US" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">Sanctuary cities: US</h4>
                      <div class="card__copy fs-sell">
                        <div class="card__copy-clamp">
                          <p>We speak to Tanvi Misra, a staff writer at CityLab, to learn about the history of sanctuary cities in America.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Urbanist</b> 277</span>  <span class="meta--duration">7 min listen</span> </p>
                      </div>
                    </a>
                  </div>
                </section>
              </div>
            </div>
          </div>
          <div class="cb__content cb__content--scroller colsx5 js-horizontal-scroll">
            <div class="card card--hilight card--of5 card--m24 js-play-m24 clickable">
              <h3 class="card__h card__h--top fs-impact">On air now</h3>
              <a class="card__content" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'On air now', undefined, undefined, 'A-flow');" title="Listen to live radio">
                <div class="card__img">
                  <span class="u-ratio u-ratio--1-1">
                    <img src="//img.monocle.com/radio/shows/m24_music_atlantic-50fe774b34a24.jpg?w=400&amp;h=400&amp;&amp;g=center&amp;q=60" class="u-fit js-radio-data__img" alt="The Atlantic Shift" />
                  </span>
                </div>
                <h4 class="card__h header4 js-radio-data__show">The Atlantic Shift</h4>
                <div class="card__copy fs-sell fs-sell--sml">
                  <div class="card__copy-clamp">
                    <p class="js-radio-data__desc">The Atlantic Shift plays a selection of the finest music from all over the world, handpicked for you by Monocle's editorial team. From Williamsburg to São Paulo, spend your day tuned to Monocle 24.</p>
                  </div>
                </div>
                <div class="card__meta">
                  <p class="fs-meta u-breakUp fs-meta--radio">
                    <b class="meta--title">Up next:</b>
                    <strong class="meta--cta js-radio-data__next">The Monocle Arts Review</strong>
                  </p>
                </div>
              </a>
            </div>
            <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4">
              <h3 class="cards__h header3 js-horizontal-fixed">Latest Podcasts</h3>
              <div class="scroller scroller--cards">
                <div class="card card--radio">
                  <a class="card__content" href="/radio/shows/the-briefing/1395/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Wednesday 15 March">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--1-1">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/briefing-large-5725a0037039d.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Wednesday 15 March" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Wednesday 15 March</h4>
                    <div class="card__copy fs-sell fs-sell--sml">
                      <div class="card__copy-clamp">
                        <p>Donald Trump’s tax returns from 2005 have been made public, eliciting an angry response from the White House, and François Fillon has become the first candidate to run for the French presidency while under investigation for corruption. We've got the latest.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">The Briefing</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-15T12:00:00+00:00"></span><span class="meta--duration"> 30 min listen</span></span>  </p>
                    </div>
                  </a>
                </div>
                <div class="card card--radio">
                  <a class="card__content" href="/radio/shows/the-globalist/1403/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Wednesday 15 March">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--1-1">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/the-globalist_ubs-5718aa192f716.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Wednesday 15 March" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Wednesday 15 March</h4>
                    <div class="card__copy fs-sell fs-sell--sml">
                      <div class="card__copy-clamp">
                        <p>We discuss the Dutch election, the US’s foreign policy in Asia and politics in Hungary. Plus: business news from the Balkans and the publisher of Liberation on the role of refugees in French media​.​</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">The Globalist</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-15T07:00:00+00:00"></span><span class="meta--duration">1 hour listen</span></span>  </p>
                    </div>
                  </a>
                </div>
                <section class="cards__stack cards__stack--in4">
                  <div class="card card--radio">
                    <a class="card__content" href="/radio/shows/the-monocle-daily/1392/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Tuesday 14 March">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--1-1">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/the-monocle-daily-final-5718a9f2a6db9.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Tuesday 14 March" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">Tuesday 14 March</h4>
                      <div class="card__copy fs-sell fs-sell--sml">
                        <div class="card__copy-clamp">
                          <p>We ask why Russia has reportedly sent special forces to the Egyptian-Libyan border and whether New York’s governor is preparing for a tilt at the 2020 presidency. Plus: we speak to an author who has been investigating the criminal underbelly of some of the world’s most dynamic cities.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">The Monocle Daily</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-14T22:00:00+00:00"></span><span class="meta--duration">1 hour listen</span></span>  </p>
                      </div>
                    </a>
                  </div>
                  <div class="card card--radio">
                    <a class="card__content" href="/radio/shows/section-d/283/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Are Antwerp’s best days still ahead of it?">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--1-1">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/section-d-final-no-sponsor-5718a9c42ae68.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Are Antwerp’s best days still ahead of it?" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">Are Antwerp’s best days still ahead of it?</h4>
                      <div class="card__copy fs-sell fs-sell--sml">
                        <div class="card__copy-clamp">
                          <p>Nestled in the heart of Flanders – Belgium’s Dutch-speaking northern region – Antwerp has garnered a reputation in recent years as a regional city with a global reach. Today we bring you interviews with some of its brightest design talents.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">Section D</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-14T19:02:00+00:00"></span><span class="meta--duration"> 30 min listen</span></span>  </p>
                      </div>
                    </a>
                  </div>
                </section>
              </div>
            </div>
          </div>
          <footer class="cb__footer">
            <a class="btn btn--nofrills fc-salmon" href="/radio/">More Monocle 24 radio</a>
          </footer>
        </section>
        <section class="content__block tm-dark tm-dark--er u-inner">
          <header class="cb__header">
            <h1 class="header2 align-center"><span class="font-icon">L</span> <span class="font-icon">F</span> Monocle Films</h1>
            <div class="gd_col fw-2-9 cb__sponsorship">
              <div class="egg-lazyload"><!----></div>
            </div>
          </header>
          <div class="cb__content colsx4">
            <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4">
              <h3 class="cards__h header3">Latest Films</h3>
              <div class="scroller scroller--cards">
                <div class="card card--film">
                  <a class="card__content" href="https://monocle.com/film/culture/monocle-media-summit/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="Monocle Media Summit">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/mediasummitchooser-58c04c791b9cd.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Monocle Media Summit" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Monocle Media Summit</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>Monocle's first media summit looked at the most influential brands shaping the media landscape and asked whether there is still money to be made from print. Here's our pick of the evening's highlights.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-08T18:30:00+00:00"></span><span class="meta--duration"> 2 min video</span></span>  </p>
                    </div>
                  </a>
                </div>
                <div class="card card--film">
                  <a class="card__content" href="https://monocle.com/film/entertaining/the-monocle-travel-guide-series-rome/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="The Monocle Travel Guide Series: Rome">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/020317_rometgchooser-58b971e43e05a.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="The Monocle Travel Guide Series: Rome" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">The Monocle Travel Guide Series: Rome</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>From ancient architecture and charming trattorias to unbeatable boutiques, Rome has always been one of Europe’s most popular destinations. Our guide will take you down the city’s lesser-known thoroughfares full of freshly ground coffee and culinary surprises. Published by Gestalten, The Monocle Travel Guide to Rome is available now at The Monocle Shop.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-06T16:00:00+00:00"></span><span class="meta--duration"> 3 min video</span></span>  </p>
                    </div>
                  </a>
                </div>
                <section class="cards__stack cards__stack--in4">
                  <div class="card card--film">
                    <a class="card__content" href="https://monocle.com/film/business/making-it-in-jakarta/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="Making it in Jakarta">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--4-3">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/jakartachooser1-58b6a5b9d4116.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Making it in Jakarta" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">Making it in Jakarta</h4>
                      <div class="card__copy fs-sell">
                        <div class="card__copy-clamp">
                          <p>Indonesia’s bounteous resources make it the perfect place for entrepreneurs to set up camp. We meet four enterprising Jakarta residents, who tell us how they are taking advantage of the opportunities in this chaotic city.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-02T05:00:00+00:00"></span><span class="meta--duration"> 6 min video</span></span>  </p>
                      </div>
                    </a>
                  </div>
                  <div class="card card--film">
                    <a class="card__content" href="https://monocle.com/film/culture/the-monocle-travel-guide-series-berlin/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="The Monocle Travel Guide Series: Berlin">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--4-3">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/berlinchooser-58b4632a72bd7.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="The Monocle Travel Guide Series: Berlin" />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">The Monocle Travel Guide Series: Berlin</h4>
                      <div class="card__copy fs-sell">
                        <div class="card__copy-clamp">
                          <p>For a long time Berlin lacked the wealth and stability of other capital cities so ingenuity prevailed. It's now known as a place where creativity is fostered, resourcefulness encouraged and originality embraced. Published by Gestalten, The Monocle Travel Guide to Berlin is available now at The Monocle Shop.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-02-28T15:00:00+00:00"></span><span class="meta--duration"> 3 min video</span></span>  </p>
                      </div>
                    </a>
                  </div>
                </section>
              </div>
            </div>
          </div>
          <div class="cb__footer">
            <a class="btn btn--nofrills fc-salmon" href="/film/">More Monocle Films</a>
          </div>
        </section>
        <div class="hp-billboard hp-billboard--2">
          <div class="gd">
            <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="Home-Page-Billboard-2" data-dimensions="728x90" data-size-mapping="billboard"><a href="/minute/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Home-Page-Billboard-2');"><picture style="display: none"><source srcset="https://monocle.com/workspace/uploads/image/eggs/mm-banner-970-x-250-58aefdbceed72.png" media="(min-width: 990px)"></source><source srcset="https://monocle.com/workspace/uploads/image/eggs/mm-superleaderboard-728-x-90-58aefdbcef174.png" media="(min-width: 748px)"></source><img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/mm-mpu-300-x-250-58aefdbcef4de.png" /></picture></a></div></div>--></div>
          </div>
        </div>
        <section class="content__block u-inner">
          <section class="cb__section tm-dark tm-dark--er">
            <header class="cb__header">
              <h1 class="header2 align-center"><span class="font-icon">L</span> Monocle magazine</h1>
            </header>
            <div class="cb__content colsx3">
              <div xmlns:exsl="http://exslt.org/common" class="card card--issue card--hilight card--of3">
                <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-impact">Latest issue</h3>
                <a class="card__content" href="/magazine/issues/101/" title="Issue 101 ∙ March 2017">
                  <div class="card__img">
                    <span class="u-ratio u-ratio--mag">
                      <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/issue/coverus_monocle_issue-10124-58aeaff86e2a3.png?w=446&amp;h=582&amp;g=center&amp;q=50" alt="Issue 101 cover" />--></div>
                    </span>
                  </div>
                  <h4 class="card__h header4">Issue 101 ∙ March 2017</h4>
                  <div class="card__copy fs-sell fs-sell--sml">
                    <div class="card__copy-clamp">
                      <p>A new breed of global security. Plus: We sit down with Emmanuel Macron, Lufthansa’s Carsten Spohr, the president of Portugal and CNN’s Hala Gorani – and an Expo on PBS in Washington – a renaissance moment for US public broadcasting?</p>
                    </div>
                  </div>
                </a>
                <a class="btn u-pad meta--link" href="/shop/magazine/other/issue-101/">Buy this issue</a>
              </div>
              <div class="cards cardsx2">
                <h3 class="cards__h header3 fw-1-1">Previous issues</h3>
                <div xmlns:exsl="http://exslt.org/common" class="card card--issue">
                  <a class="card__content" href="/magazine/issues/100/" title="Issue 100 ∙ February 2017">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--mag">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/issue/yaya2-5880e5f65b942.png?w=446&amp;h=582&amp;g=center&amp;q=50" alt="Issue 100 cover" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Issue 100 ∙ February 2017</h4>
                    <div class="card__copy fs-sell fs-sell--sml">
                      <div class="card__copy-clamp">
                        <p>Plot and plan: an issue full of tone-setters for 2017. For our 100th issue we do a world tour of 'best in class' – in urbanism, education, media – and even get limber in Switzerland's finest gyms.</p>
                      </div>
                    </div>
                  </a>
                  <a class="btn u-pad meta--link" href="/shop/magazine/other/issue-100/">Buy this issue</a>
                </div>
                <div xmlns:exsl="http://exslt.org/common" class="card card--issue">
                  <a class="card__content" href="/magazine/the-forecast/2017/" title="The Forecast 2017">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--mag">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/issue/cover-forecast-58493afdd4af9.jpg?w=446&amp;h=582&amp;g=center&amp;q=50" alt="The Forecast cover" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">The Forecast 2017</h4>
                    <div class="card__copy fs-sell fs-sell--sml">
                      <div class="card__copy-clamp">
                        <p>From the editorial team at Monocle, our annual survey of the forces set to shape your year ahead.</p>
                      </div>
                    </div>
                  </a>
                  <a class="btn u-pad meta--link" href="/shop/magazine/other/the-forecast-2017/">Buy this issue</a>
                </div>
              </div>
            </div>
            <div class="cb__footer">
              <a class="btn btn--nofrills fc-onDark" href="/sign-in/">Sign in to read</a>
              <a class="btn btn--nofrills fc-onDark" href="/subscribe/">Subscribe <span class="fs-inform fc-soft">from £55</span></a>
            </div>
          </section>
          <section class="cb__section tm-base">
            <h3 class="cards__h header3">Free to read in this issue</h3>
            <div class="cb__sponsorship">
              <div class="egg-lazyload"><!----></div>
            </div>
            <div class="cb__content colsx3">
              <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx3 cards--with-mpu">
                <div class="scroller scroller--cards">
                  <div class="card card--open-article">
                    <a class="card__content" href="https://monocle.com/magazine/issues/101/eyes-on-the-elysee/" onclick="Monocle.ga_event('send', 'event', 'Magazine', 'Click Article', 'Home page open article', undefined, undefined, 'A-flow');" title="Eyes on the Élysée ">
                      <div class="card__img">
                        <span class="u-ratio u-ratio--16-9">
                          <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/article/untitled2-58a48b9fa5fbb.jpg?w=549&amp;h=309&amp;crop=402,0,3019,4655&amp;resize=crop&amp;q=60" alt="Eyes on the Élysée " />--></div>
                        </span>
                      </div>
                      <h4 class="card__h header4">Eyes on the Élysée </h4>
                      <div class="card__copy fs-sell">
                        <div class="card__copy-clamp">
                          <p>Emmanuel Macron is a politician on a mission. We speak to the man who could be France’s next president.</p>
                        </div>
                      </div>
                      <div class="card__meta">
                        <p class="fs-meta u-breakUp"><span class="meta--duration">12 min read</span> </p>
                      </div>
                    </a>
                  </div>
                  <section class="cards__stack cards__stack--in3">
                    <div class="card card--open-article">
                      <a class="card__content" href="https://monocle.com/magazine/issues/101/remote-control/" onclick="Monocle.ga_event('send', 'event', 'Magazine', 'Click Article', 'Home page open article', undefined, undefined, 'A-flow');" title="Remote control">
                        <div class="card__img">
                          <span class="u-ratio u-ratio--16-9">
                            <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/article/te_lostintime_mg_0122_hi-res-58a5c07beb31b.jpg?w=549&amp;h=309&amp;crop=260,0,1667,2500&amp;resize=crop&amp;q=60" alt="Remote control" />--></div>
                          </span>
                        </div>
                        <h4 class="card__h header4">Remote control</h4>
                        <div class="card__copy fs-sell">
                          <div class="card__copy-clamp">
                            <p>Norwegian game show ‘Lost in Time’ could be the future of TV – if they can persuade you to go interactive.</p>
                          </div>
                        </div>
                        <div class="card__meta">
                          <p class="fs-meta u-breakUp"><span class="meta--duration">7 min read</span> </p>
                        </div>
                      </a>
                    </div>
                    <div class="card card--open-article">
                      <a class="card__content" href="https://monocle.com/magazine/issues/101/net-gain/" onclick="Monocle.ga_event('send', 'event', 'Magazine', 'Click Article', 'Home page open article', undefined, undefined, 'A-flow');" title="Net gain">
                        <div class="card__img">
                          <span class="u-ratio u-ratio--16-9">
                            <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/article/_20a0328-58ac1f70784b4.jpg?w=549&amp;h=309&amp;crop=69,0,3311,5760&amp;resize=crop&amp;q=60" alt="Net gain" />--></div>
                          </span>
                        </div>
                        <h4 class="card__h header4">Net gain</h4>
                        <div class="card__copy fs-sell">
                          <div class="card__copy-clamp">
                            <p>Sustainable fishing keeps family firms afloat – not least the Harveys, who ply their trade in the Bay of Plenty.</p>
                          </div>
                        </div>
                        <div class="card__meta">
                          <p class="fs-meta u-breakUp"><span class="meta--duration">4 min read</span> </p>
                        </div>
                      </a>
                    </div>
                  </section>
                </div>
              </div>
              <div class="card card--mpu card--of3">
                <div class="mpu mpu--open-articles">
                  <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="MPU-Open-Articles" data-dimensions="300x250" data-size-mapping=""></div></div>--></div>
                </div>
              </div>
            </div>
            <div class="cb__footer">
              <a class="btn btn--nofrills fc-salmon" href="/magazine/">More Monocle magazine</a>
            </div>
          </section>
        </section>
        <section class="content__block tm-base tm-base--shop u-inner">
          <header class="cb__header">
            <h1 class="header2 align-center"><span class="font-icon">L</span> <span class="font-icon">S</span> Monocle Shop</h1>
          </header>
          <div class="cb__content colsx4">
            <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4">
              <h3 class="cards__h header3">Featured products</h3>
              <div class="scroller scroller--cards">
                <div class="card card--product">
                  <a class="card__content" href="/shop/bags-and-travel/other/porter-10th-anniversary-travel-tote/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Porter 10th-anniversary travel tote [1]', undefined, undefined, 'A-flow');" title="Porter 10th-anniversary travel tote">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/201701107-monocle-web-merch-20-58aefb28b1f2a.jpg?w=508&amp;h=380&amp;crop=45,7,1466,1901&amp;resize=crop&amp;q=60" alt="10th-anniversary travel tote" />--></div>
                      </span>
                    </div>
                    <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p>
                    <h4 class="card__h"> <span class="fs-impact">Porter</span> <span class="fs-sell">10th-anniversary travel tote</span></h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><strong class="meta--cta">£295</strong> </p>
                    </div>
                  </a>
                </div>
                <div class="card card--product">
                  <a class="card__content" href="/shop/home-and-office/music/10th-anniversary-revo-monocle-24-superconnect-radio/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Revo Monocle 24 SuperConnect Radio [2]', undefined, undefined, 'A-flow');" title="Revo Monocle 24 SuperConnect Radio">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/revo-58c02ed730755.jpg?w=508&amp;h=380&amp;crop=11,23,561,756&amp;resize=crop&amp;q=60" alt="Monocle 24 SuperConnect Radio" />--></div>
                      </span>
                    </div>
                    <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p>
                    <h4 class="card__h"> <span class="fs-impact">Revo</span> <span class="fs-sell">Monocle 24 SuperConnect Radio</span></h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><strong class="meta--cta">£350</strong> </p>
                    </div>
                  </a>
                </div>
                <div class="card card--product">
                  <a class="card__content" href="/shop/prints/limited-editions/10th-anniversary-poster/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Monocle 10th-Anniversary poster [3]', undefined, undefined, 'A-flow');" title="Monocle 10th-Anniversary poster">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/anniversary-poster-58ac6a60250-58af148b000ac.jpg?w=508&amp;h=380&amp;crop=83,95,2155,2859&amp;resize=crop&amp;q=60" alt="10th-Anniversary poster" />--></div>
                      </span>
                    </div>
                    <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p>
                    <h4 class="card__h"> <span class="fs-impact">Monocle</span> <span class="fs-sell">10th-Anniversary poster</span></h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><strong class="meta--cta">£100</strong> </p>
                    </div>
                  </a>
                </div>
                <div class="card card--product">
                  <a class="card__content" href="/shop/books/travel-guides/the-monocle-travel-guide-rome/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Monocle Rome Travel Guide [4]', undefined, undefined, 'A-flow');" title="Monocle Rome Travel Guide">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/rome-58c029431c593.jpg?w=508&amp;h=380&amp;crop=41,57,536,717&amp;resize=crop&amp;q=60" alt="Rome Travel Guide" />--></div>
                      </span>
                    </div>
                    <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p>
                    <h4 class="card__h"> <span class="fs-impact">Monocle</span> <span class="fs-sell">Rome Travel Guide</span></h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><strong class="meta--cta">£12</strong> </p>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="cb__content colsx4">
            <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4">
              <h3 class="cards__h header3">Featured categories and collections</h3>
              <div class="scroller scroller--cards">
                <div class="card card--btn">
                  <a class="card__content" href="/shop/books-and-music/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Books [1]', undefined, undefined, 'A-flow');" title="Books">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/books-5873b52cb0fbb.jpg?w=508&amp;h=380&amp;crop=742,0,2690,2596&amp;resize=crop&amp;q=60" alt="Books" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h">Books</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                  </a>
                </div>
                <div class="card card--btn">
                  <a class="card__content" href="/shop/bags-and-travel/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Bags &amp; Travel [2]', undefined, undefined, 'A-flow');" title="Bags &amp; Travel">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/porter-58c132bbd51fc.jpg?w=508&amp;h=380&amp;crop=0,0,570,760&amp;resize=crop&amp;q=60" alt="Bags &amp; Travel" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h">Bags & Travel</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                  </a>
                </div>
                <div class="card card--btn">
                  <a class="card__content" href="/shop/stationery/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Monocle Stationery [3]', undefined, undefined, 'A-flow');" title="Monocle Stationery">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/aaaa5-softcover4-58503fa715ab3-587f7ced0b37b.jpg?w=508&amp;h=380&amp;crop=100,183,1731,2360&amp;resize=crop&amp;q=60" alt="Monocle Stationery" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h">Monocle Stationery</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                  </a>
                </div>
                <div class="card card--btn">
                  <a class="card__content" href="/shop/clothing" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Clothing [4]', undefined, undefined, 'A-flow');" title="Clothing">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--4-3">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/merz-58c1339584d9e.jpg?w=508&amp;h=380&amp;crop=0,0,570,760&amp;resize=crop&amp;q=60" alt="Clothing" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h">Clothing</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p></p>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="cb__footer">
            <a class="btn btn--nofrills fc-salmon" href="/shop/">Browse the Monocle Shop</a>
          </div>
        </section>
        <section class="content__block tm-base tm-base--beige u-inner">
          <div class="u-pad--plus align-center">
            <h1 class="fw-1-1 header3">Subscribe to the Monocle newsletters</h1>
            <div data-id="home-page-panel" class="sign-up-container sign-up-container--home-page-panel">
              <p class="u-stack">Sign up to Monocle's email newsletters to stay on top of news and opinion, plus the latest from the magazine, radio, film and shop.</p>
              <form class="subform--api js-ajax-form" method="post" action="" enctype="multipart/form-data">
                <div class="input-group input-wrapper hide-if-successful">
                  <label for="email-address-home-page-panel" class="sr-only">Email</label>
                  <span class="input-icon">
                    <span class="font-icon">e</span>
                    <input type="email" id="email-address-home-page-panel" name="email-address" class="validate-email outline left-corners" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your email address'" />
                  </span>
                  <input type="hidden" name="cm-api-action" value="signUp" />
                  <input class="js-daily-segment" name="segments[daily-segment]" value="true" type="hidden" />
                  <input class="js-weekly-segment" name="segments[weekly-segment]" value="true" type="hidden" />
                  <input class="js-shop-segment" name="segments[shop-segment]" value="true" type="hidden" />
                  <input class="js-source" name="source" type="hidden" value="Sign up form on home-page-panel" />
                  <span class="input-group-btn">
                    <button type="submit" class="right-corners">Sign up</button>
                  </span>
                </div>
                <p class="input-error invalid" role="alert">Invalid email</p>
                <p class="alert alert-minute form-success js-form-response" role="alert">Thank you, you are now signed up.</p>
              </form>
            </div>
          </div>
        </section>
        <section class="content__block tm-base tm-base--beige-ish u-inner">
          <header class="cb__header u-mar--b15">
            <h1 class="header2 align-center"><span class="font-icon">L</span> Monocle recommends</h1>
          </header>
          <div class="cb__content colsx3">
            <div class="cards cards--with-scroller cardsx3 cards--promo">
              <div class="scroller scroller--cards">
                <div xmlns:exsl="http://exslt.org/common" class="card">
                  <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-title-sf">The Fast Lane</h3>
                  <a class="card__content" href="http://www.ft.com/cms/s/0/dd5d4f7c-04bb-11e7-aa5b-6bb07f5c8e12.html?ftcamp=published_links%2Frss%2Farts_columnists_tylerbrule%2Ffeed%2F%2Fproduct" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'FT Column', undefined, undefined, 'A-flow');" title="Where to live in Europe — Lisbon, Antwerp, Munich">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--16-9">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/assets/img/brule.jpg?w=549&amp;h=309&amp;&amp;g=center&amp;q=60" alt="Photograph of Tyler Brûlé" />--></div>
                      </span>
                    </div>
                    <h4 class="card__h header4">Where to live in Europe — Lisbon, Antwerp, Munich</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>On the edgier side of things there’s Turin, with nearby skiing and the Med in easy striking distance</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><span class="meta--subtitle">*Subscription to FT required</span><br /> <b class="meta--title">Financial Times</b> <span class="meta--age js-relative-time" data-age="2017-03-15T11:07:06+00:00"></span> </p>
                    </div>
                  </a>
                </div>
                <div xmlns:exsl="http://exslt.org/common" class="card">
                  <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-title-sf">The Bulletin with UBS</h3>
                  <a class="card__content" href="/radio/shows/the-bulletin-with-ubs/127/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'Click Radio', 'Bulletin UBS Tile', undefined, undefined, 'A-flow');">
                    <div class="card__img">
                      <span class="u-ratio u-ratio--16-9">
                        <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/episodes/generic_w-58c2bd5899c93.jpeg?resize=aspectfit&amp;h=309" alt="The Bulletin with UBS" />--></div>
                      </span>
                    </div>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>We’ll look at what it means and why it works with experts from UBS and Rethink Impact, the largest US-based firm investing in social-impact companies with a gender lens. And, following International Women’s Day and during Women’s History Month in the US, we’ll also hear from a pioneering woman leading a company in the Rethink Impact fund.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><b class="meta--title">Monocle 24 Radio</b> <span class="meta--age js-relative-time" data-age="2017-03-12T16:00:00+00:00"></span> </p>
                    </div>
                  </a>
                </div>
                <div xmlns:exsl="http://exslt.org/common" class="card card--nikkei">
                  <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-title-sf">Nikkei Asian Review</h3>
                  <a class="card__content" href="http://asia.nikkei.com/?n_cid=NARAN1082" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Nikkei Tile', undefined, undefined, 'A-flow');" title="MAR. 13-19 ISSUE">
                    <div class="card__img">
                      <div class="nikkei__ratio">
                        <div class="nikkei__images">
                          <div class="nikkei__img current">
                            <img src="//img.monocle.com/nikkei/20170309_cover-58c0bc297d701.jpg?h=412&amp;resize=aspectfit&amp;g=center&amp;q=50" alt="Nikkei Asian Review cover" />
                          </div>
                          <div class="nikkei__img left">
                            <img src="//img.monocle.com/nikkei/20170302_cover-58b822dd7c1cb.jpg?h=412&amp;resize=aspectfit&amp;g=center&amp;q=50" alt="Nikkei Asian Review cover" />
                          </div>
                          <div class="nikkei__img right">
                            <img src="//img.monocle.com/nikkei/20170223_cover-58af6c4160f7c.jpg?h=412&amp;resize=aspectfit&amp;g=center&amp;q=50" alt="Nikkei Asian Review cover" />
                          </div>
                        </div>
                      </div>
                    </div>
                    <h4 class="card__h header4">MAR. 13-19 ISSUE</h4>
                    <div class="card__copy fs-sell">
                      <div class="card__copy-clamp">
                        <p>Asia Inc. sees its first back-to-back profit drop in 20 years, astronomers hunt for Planet No. 9, and a Chicago restaurant keeps Macau cuisine alive - in this week's Nikkei Asian Review.</p>
                      </div>
                    </div>
                    <div class="card__meta">
                      <p class="fs-meta u-breakUp"><b class="meta--title">NIKKEI</b> <span class="meta--age js-relative-time" data-age="2017-03-09T03:00:00+00:00"></span> </p>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </section>
        <div class="leaderboard">
          <div class="gd">
            <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="Leaderboard-Run-Of-Site" data-dimensions="728x90" data-size-mapping="leaderboard"></div></div>--></div>
          </div>
        </div>
      </div>
    </div>
    <div id="jplayer"></div>
    <section class="radio-player live">
      <div class="m24-errors constrain centered"></div>
      <div class="m24-meta">
        <div class="m24-meta-inner">
          <div class="footer-controls">
            <a class="font-icon footer-m24" href="/radio/">L R</a>
            <ul class="controls controls--footer live">
              <li class="m24-listen">
                <a class="radio-player_control m24-play js-play-audio" href="#play">
                  <strong>Play</strong>
                  <span class="status">LIVE</span>
                </a>
                <a class="radio-player_control m24-pause js-pause-audio" href="#pause">
                  <strong>Pause</strong>
                  <span class="status">LIVE</span>
                </a>
                <a class="radio-player_control m24-stop js-stop-audio" href="#stop">
                  <strong>Stop</strong>
                  <span class="status">LIVE</span>
                </a>
              </li>
              <li class="m24-volume js-volume-adjust">
                <a class="js-volume-show">
                  <strong>Volume</strong>
                  <span class="js-volume-controller">
                    <i class="js-volume-scale">0</i>
                  </span>
                </a>
              </li>
            </ul>
          </div>
          <div class="m24-onair">
            <div class="show js-ticker js-ticker--main">
              <h2>
                <a href="#" class="archive-stop" title="Stop archive clip">×</a>
                <strong class="title js-ticker__title">The Atlantic Shift</strong>
                <span class="episode js-ticker__episode"></span>
              </h2>
              <div class="m24-desc unselectable">
                <div class="ticker ticker--archive">
                  <ul class="ticker__items js-ticker-items">
                    <li class="ticker__item js-ticker-item js-ticker__info"></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="m24-links">
            <a href="/radio/schedule/" class="btn corners">Schedule</a>
          </div>
        </div>
      </div>
      <div class="m24-seek">
        <div class="m24-seek_content">
          <p class="m24-seek_times">
            <span class="time current">0:00:00</span>
            <span class="time duration">0:01:00</span>
          </p>
          <div class="bar">
            <div class="seek" style="width:0">
              <div class="seeker">
                <b>Drag me</b>
              </div>
            </div>
            <div class="downloading" style="width:0"></div>
          </div>
        </div>
      </div>
      <noscript>
        <div class="alert alert-fatal">
          <p>It looks like your browser has JavaScript turned off. JavaScript is required for this feature to work.</p>
        </div>
      </noscript>
    </section>
    <footer class="site-footer">
      <div class="site-footer__row site-footer__row--main">
        <div class="gd">
          <div class="gd_cols gd_cols--stack">
            <ul class="gd_col fw-1-5 md-1-1">
              <li>
                <a href="/">Home</a>
              </li>
              <li>
                <a href="/magazine/">Magazine</a>
              </li>
              <li>
                <a href="/film/">Film</a>
              </li>
              <li>
                <a href="/radio/">Radio</a>
              </li>
              <li>
                <a href="/shop/">Shop</a>
              </li>
              <li>
                <a href="/events/">Events</a>
              </li>
              <li>
                <a href="/travel/">Travel</a>
              </li>
              <li>
                <a href="/minute/">The Monocle Minute</a>
              </li>
              <li>
                <a href="http://cafe.monocle.com/">The Monocle Café – London</a>
              </li>
              <li>
                <a href="/restaurant-awards/">Restaurant Awards</a>
              </li>
            </ul>
            <ul class="gd_col fw-1-5 md-1-1">
              <li>
                <a href="/affairs/">Affairs</a>
              </li>
              <li>
                <a href="/business/">Business</a>
              </li>
              <li>
                <a href="/culture/">Culture</a>
              </li>
              <li>
                <a href="/design/">Design</a>
              </li>
              <li>
                <a href="/edits/">Edits</a>
              </li>
            </ul>
            <ul class="gd_col fw-1-5 md-1-1">
              <li>
                <a class="no-ajax ssl-radio-keepalive" href="/sign-in/">Sign in</a>
              </li>
              <li>
                <a class="no-ajax ssl-radio-keepalive" href="/subscribe/">Subscribe</a>
              </li>
              <li>
                <a href="/about/contacts/">Contacts &amp; Locations</a>
              </li>
              <li>
                <a href="/about/jobs/">Jobs</a>
              </li>
              <li>
                <a href="/about/">About Us</a>
              </li>
              <li>
                <a href="/about/faq/">FAQs</a>
              </li>
              <li>
                <a href="/contributors/">Contributors</a>
              </li>
              <li>
                <a href="/about/cookie-policy/">Cookie Policy</a>
              </li>
              <li>
                <a href="/about/terms-and-conditions/">Terms &amp; Conditions</a>
              </li>
              <li>
                <a href="/site-map/">Site Map</a>
              </li>
            </ul>
            <div data-id="site-footer">
              <header class="fc-onDark u-pad--y">
                <p>Monocle email newsletters</p>
              </header>
              <div data-id="footer" class="sign-up-container sign-up-container--footer on-dark">
                <form class="subform--api js-ajax-form" method="post" action="" enctype="multipart/form-data">
                  <div class="input-group input-wrapper hide-if-successful">
                    <label for="email-address-footer" class="sr-only">Email</label>
                    <span class="input-icon">
                      <span class="font-icon">e</span>
                      <input type="email" id="email-address-footer" name="email-address" class="validate-email outline left-corners" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your email address'" />
                    </span>
                    <input type="hidden" name="cm-api-action" value="signUp" />
                    <input class="js-daily-segment" name="segments[daily-segment]" value="true" type="hidden" />
                    <input class="js-weekly-segment" name="segments[weekly-segment]" value="true" type="hidden" />
                    <input class="js-shop-segment" name="segments[shop-segment]" value="true" type="hidden" />
                    <input class="js-source" name="source" type="hidden" value="Sign up form on footer" />
                    <span class="input-group-btn">
                      <button type="submit" class="right-corners">Sign up</button>
                    </span>
                  </div>
                  <p class="input-error invalid" role="alert">Invalid email</p>
                  <p class="alert alert-minute form-success js-form-response" role="alert">Thank you, you are now signed up.</p>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="site-footer__row site-footer__row--sub bg-dark-grey clearfix">
        <div class="constrain centered gd-pad">
          <p class="monocle-copyright">
            <a href="/" title="Go to home">© 2017 <strong>Monocle</strong></a>
          </p>
          <a href="#" class="back-to-top">Back to top</a>
        </div>
      </div>
    </footer>
    <div class="site-overlay js-site-overlay">
      <div class="control site-overlay__loading"></div>
    </div>
    <div class="tool-tip js-tool-tip"></div>
    <div class="modal js-login-modal">
      <div class="modal-content modal-content--login fw-1-1">
        <div class="content__block content__block--popout">
          <div class="cb__content tm-base">
            <span class="font-icon font-icon--close js-close-modal">/</span>
            <div class="gd_col fw-1-1 u-pad--dbl">
              <h3 class="sub-heading fs-title">Sign in to your account</h3>
              <form class="gd_cols u-mar--b clearfix" method="POST">
                <label class="gd_col fw-1-1">
                  <span class="sr-only">Your email address</span>
                  <input name="email" type="text" class="validate-email" placeholder="Your email address" />
                  <p class="input-error">Please enter a valid email</p>
                </label>
                <label class="gd_col fw-1-1">
                  <span class="sr-only">Your Monocle password</span>
                  <input name="password" type="password" class="validate-password" placeholder="Your Monocle password" />
                  <p class="input-error">Please enter a valid password</p>
                </label>
                <div class="gd_col fw-1-2">
                  <p class="fs-inform u-pad--t20">
                    <a href="/reset-password/">Forgotten password?</a>
                  </p>
                </div>
                <div class="gd_col fw-1-2">
                  <input class="button" name="action[authenticate_login]" type="submit" value="Sign in" />
                </div>
                <input type="hidden" name="action[authenticate_login]" value="true" />
                <input type="hidden" name="forward" class="js-modal-forward" value="" />
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="https://monocle.com/workspace/assets/js/min/monocle.min.js?v=20170314"></script>
    <script type="text/javascript">
	(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-1345914-1', 'auto');
	ga('require', 'displayfeatures');
	ga('require', 'ec');

	

	ga('send', 'pageview');
	</script>
<!--Signifyd instance-->
  </body>
</html>

    

Preparation code output

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTf-8" /> <title>Monocle</title> <meta charset="utf-8" /> <meta name="description" property="og:description" content="Monocle is a global briefing covering international affairs, business, culture and design." /> <meta name="dcterms.publisher" content="Made with love by DADI+ (dadi.co) in London, England" /> <meta name="dcterms.abstract" content="Monocle provides a globalist perspective on international affairs, business, culture, design and fashion." /> <meta name="geo.placename" content="London, UK" /> <meta name="dc.language" content="en" /> <meta name="geo.country" content="gb" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2" /> <meta name="google-site-verification" content="2pzgGVyeWQ2ZwUCqE9oINFM1T2IXKqwSgMy663niFJs" /> <meta http-equiv="Cache-Control" content="max-age=3600" /> <meta http-equiv="x-dns-prefetch-control" content="on" /> <meta property="og:site_name" content="Monocle" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://monocle.com/" /> <meta property="og:title" content="Monocle" /> <meta property="og:image" content="https://img.monocle.com/issue/coverus_monocle_issue-10124-58aeaff86e2a3.png?w=1000&amp;resize=aspectfit" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@monocle24" /> <meta name="twitter:title" content="&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Monocle&#10;&#9;&#9;&#9;&#9;&#9;&#9;" /> <meta name="twitter:description" content="&#10;&#9;&#9;&#9;&#9;&#9;&#9;&#9;Monocle is a global briefing covering international affairs, business, culture and design.&#10;&#9;&#9;&#9;&#9;&#9;&#9;" /> <meta property="twitter:image" content="https://img.monocle.com/issue/coverus_monocle_issue-10124-58aeaff86e2a3.png?w=1000&amp;resize=aspectfit" /> <link rel="shortcut icon" href="//static.monocle.com/img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon-precomposed" href="//static.monocle.com/img/icon.png" /> <script> var _prum = [['id', '521488a0abe53d240e000000'], ['mark', 'firstbyte', (new Date()).getTime()]]; (function() { var s = document.getElementsByTagName('script')[0] , p = document.createElement('script'); p.async = 'async'; p.src = '//rum-static.pingdom.net/prum.min.js'; s.parentNode.insertBefore(p, s); })(); </script> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-NG76LM" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?' l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NG76LM');</script> </head> <body> <div id="content" class="home" data-title="Monocle"> <header class="site-header bg-black"> <div class="gd mast-head js-mast-head-scroll"> <div class="mast-head-inner"> <nav class="mast-head__nav"> <ul class="navbar navbar--mast-head " style="background-color: #fcbe0b;"> <li class="mast-head__item"> <a href="/subscribe/" class="mast-head__a action subscribe" onclick="ga('send', 'event', 'Header', 'click', 'Subscribe now');">Subscribe</a> </li> <li class="mast-head__item"> <a href="/sign-in/" class="mast-head__a action" onclick="ga('send', 'event', 'Header', 'click', 'Sign in');">Sign in</a> </li> <li class="mast-head__item u-hide--phablet u-hide--phone" data-id="site-header"> <a href="/subscribe/newsletters/" class="mast-head__a" onclick="ga('send', 'event', 'Header', 'click', 'Newsletters');"><span class="u-show--tablet u-show--tabletxl">Sign up to our</span> Newsletters </a> </li> <li class="mast-head__item u-hide--phablet u-hide--phone"> <a href="/about/contacts/" class="mast-head__a" onclick="ga('send', 'event', 'Header', 'click', 'Contacts');">Contacts</a> </li> <li class="mast-head__item u-hide--phablet u-hide--phone"> <a onClick="ga('send', 'event', 'Header', 'click', 'Your bag');" href="/shop/bag/" class="mast-head__a"> <span class="font-icon icon--basket"></span> <span class="u-show--phablet">Basket: </span> <span class="fs--sans">0</span> </a> </li> <li class="mast-head__item u-hide--phablet u-hide--phone"> <form method="POST" class="mast-head__a mast-head__form mast-head__form--search js-mast-head-form js-search-form"> <div class="mast-head__form-expand"> <span class="mast-head__form-icon">Q</span> <label for="search-mast-head" class="sr-only">Search</label> <input id="search-mast-head" class="mast-head__input enable-return" tabindex="-1" value="" /> </div> <p class="font-icon mast-head__close js-hide-mast-head-form">/</p> <input type="submit" class="mast-head__input mast-head__form-submit" value="Search" tabindex="-1" /> </form> <a href="#" class="mast-head__a js-show-mast-head-form"> <span class="font-icon icon--search">Q</span> <span class="mast-head__search-text u-show--medium u-show--large">Search</span> </a> </li> </ul> </nav> <a href="/" class="site-logo"> <img class="site-logo__img" src="https://monocle.com/workspace/assets/img/logos/monocle_logo.svg" onerror="this.onerror=null; this.src='https://monocle.com/workspace/assets/img/logos/monocle_logo.png'" alt="Monocle logo" /> </a> </div> </div> <div class="print-logo"> <div class="h1--plantin"><i class="font-icon">L</i> MONOCLE</div> </div> <div xmlns:exsl="http://exslt.org/common" class="site-navigation"> <nav class="gd mobile-nav u-show--phablet u-show--phone"> <ul class="gd_cols gd_cols--flush"> <li class="gd_col fw-2-5 clickable"> <div class="drop-menu drop-menu--all nav_link--mob js-drop-menu">Menu</div> </li> <li class="gd_col fw-2-5"> <a href="/radio/listen/" class="drop-menu drop-menu--radio nav_link--mob">Live</a> </li> <li class="gd_col fw-1-5 clickable"> <div class="drop-menu drop-menu--search nav_link--mob js-drop-search"></div> </li> </ul> </nav> <div class="site-navs"> <div class="tm-dark tm-dark--er site-nav__container site-nav__container--primary"> <div class="gd"> <nav class="site-nav__nav"> <ul class="navbar navbar--main"> <li class="navbar__item"> <a title="Home" href="/" class="navbar__a navbar__a--l1 is-active"> <span class="font-icon">L</span> <span class="u-show--phablet u-show--phone">Home</span> </a> </li> <li class="navbar__item"> <a id="radio-tab" title="Radio" href="/radio/" class="navbar__a navbar__a--l1"><span class="font-icon">L</span><span class="font-icon">R</span>Radio</a> </li> <li class="navbar__item"> <a title="Film" href="/film/" class="navbar__a navbar__a--l1"><span class="font-icon">F</span>Film</a> </li> <li class="navbar__item"> <a title="Magazine" href="/magazine/" class="navbar__a navbar__a--l1"><span class="font-icon">M</span>Magazine</a> </li> <li class="navbar__item"> <a title="Shop" href="/shop/" class="navbar__a navbar__a--l1"><span class="font-icon">S</span>Shop</a> </li> <li class="navbar__item"> <a title="More" href="#" class="navbar__a navbar__a--l1 js-nav-more"><span class="font-icon">m</span>More <span class="font-icon font-icon--down">3</span><span class="font-icon font-icon--up">1</span></a> </li> </ul> </nav> <div title="Listen Live to Monocle 24" class="site-header__ticker u-hide--phablet u-hide--phone"> <div class="site-header__listen js-play-m24" data-event-id="Header ticker play button"></div> <div class="radio-display js-ticker js-ticker--live"> <div class="ticker ticker--live clickable js-play-m24" data-event-id="Header ticker"> <ul class="ticker__items js-ticker-items"> <li class="ticker__item js-ticker-item"><b class="is-active-when-paused">Listen Live: </b><b class="is-active-when-playing">Now Playing: </b><span class="js-ticker__title">The Atlantic Shift</span> <span class="js-ticker__episode"></span><span class="radio-display__upnext"> | <b>Up next: </b><span class="js-ticker__upnext"></span></span></li> </ul> </div> </div> </div> </div> </div> <div class="gd site-nav__container site-nav__container--more"> <div class="tm--sub site-nav__more js-more-nav-content"> <nav class="gd_cols gd_cols--flush"> <ul class="gd_col fw-1-2 navbar__group"> <li class="navbar__item navbar__item--col"> <a href="/about/" class="navbar__a">About Us</a> </li> <li class="navbar__item navbar__item--col"> <a href="/events/" class="navbar__a">Events</a> </li> <li class="navbar__item navbar__item--col"> <a href="/restaurant-awards/" class="navbar__a">Restaurant Awards</a> </li> <li class="navbar__item navbar__item--col"> <a href="/travel/" class="navbar__a">Travel</a> </li> <li class="navbar__item navbar__item--col"> <a href="/minute/" class="navbar__a">The Monocle Minute</a> </li> </ul> <ul class="gd_col fw-1-2 navbar__group"> <li class="navbar__item navbar__item--col"> <a href="/affairs/" class="navbar__a">Affairs</a> </li> <li class="navbar__item navbar__item--col"> <a href="/business/" class="navbar__a">Business</a> </li> <li class="navbar__item navbar__item--col"> <a href="/culture/" class="navbar__a">Culture</a> </li> <li class="navbar__item navbar__item--col"> <a href="/design/" class="navbar__a">Design</a> </li> <li class="navbar__item navbar__item--col"> <a href="/edits/" class="navbar__a">Edits</a> </li> </ul> </nav> </div> </div> </div> <div class="search-container search-container--header fw-1-1 u-show--phablet u-show--phone"> <form class="search-form mobile-search js-search-form"> <input type="text" class="search enable-return no-clear" placeholder="Search place, topic or person" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search place, topic or person'" /> <input type="submit" value="Q" class="bottom-corners" /> </form> </div> </div> </header> <div class="content__wrapper"> <div class="u-inner"> <p class="alert will-fadein js-form-response-default u-mar"></p> </div> <div class="super-leaderboard js-super-leaderboard"> <div class="gd"> <div class="egg-container"> <a href="/shop/books/travel-guides/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Super-Leaderboard');"> <picture style="display: block"> <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-1-58b7f270eaf9d.png" media="(min-width: 990px)"></source> <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-2-58b7f270eb803.png" media="(min-width: 748px)"></source> <img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/tg-3-58b7f270ebb6d.png" /> </picture> </a> </div> <div class="egg-container"> <a href="/shop/books/travel-guides/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Super-Leaderboard');"> <picture style="display: block"> <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-1-58b7f270eaf9d.png" media="(min-width: 990px)"></source> <source srcset="https://monocle.com/workspace/uploads/image/eggs/tg-2-58b7f270eb803.png" media="(min-width: 748px)"></source> <img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/tg-3-58b7f270ebb6d.png" /> </picture> </a> </div> </div> </div> <section class="content__block u-inner"> <div class="cb__content mtoday tm-base"> <div class="gd_cols gd_cols--dblpad gd_cols--flush"> <div class="gd_col fw-3-4 nd-1-1 u-eq mtoday__promos"> <div class="gd_cols gd_cols--dblpad"> <div class="content__block--mobile content__block--mobile--first-child gd_col fw-2-3 md-1-1 container u-eq u-mar--b15"> <header class="mtoday__header u-pad--b u-breakUp"> <h1 class="header3">Monocle Today.</h1> <h2 class="fs-emphasis">Our top stories</h2> </header> <section class="mtoday__hero mtoday__hero--radio u-eq"> <div xmlns:exsl="http://exslt.org/common" class="card card--hero card--radio"> <a class="card__content" href="https://monocle.com/radio/shows/section-d/283/play/" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Are Antwerp’s best days ahead of it?', undefined, undefined, 'A-flow');" title="Are Antwerp’s best days ahead of it?"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/c_alamy-1-_crop-58c8321b4e1d3.jpg?w=549&amp;h=309&amp;g=center&amp;q=60" alt="Are Antwerp’s best days still ahead of it?" />--></div> </span> </div> <h4 class="card__h fs-impact fs-impact--lrg">Are Antwerp’s best days ahead of it?</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p> <span class="fs-emphasis fs-emphasis--hero">Section D</span> <span class="fs-title fs-title--hero">on</span> <span class="fs-emphasis fs-emphasis--hero fc-salmon">Monocle 24:</span> <span class="fs-sell fs-sell--hero u-show--phablet u-show--phone">We meet some of Antwerp’s brightest design talent.</span> <span class="fs-sell fs-sell--hero u-hide--phablet u-hide--phone">Nestled in the heart of Flanders – Belgium’s Dutch-speaking northern region – Antwerp has garnered a reputation in recent years as a regional city with a global reach. We meet some of its brightest design talent.</span> </p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--subtitle">Monocle 24 Radio</span><br /> <b class="meta--title">Section D</b> <span class="meta--duration">30 min listen</span> </p> </div> </a> </div> <footer class="mtoday__hero-footer u__exclude"> <hr class="hr--small" /> <p class="fs-meta u-mar--b">More on design:</p> <div class="btngroup mtoday__more"> <a class="btn btn--related corners fw-1-2 md-1-1" href="https://monocle.com/radio/shows/section-d/282/play/" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Related: Design at the Rio Carnival');"> <p class="fs-title-sf fs-title-sf--sml fc-mid-grey">Design at the Rio Carnival</p> <p xmlns:exsl="http://exslt.org/common" class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">Section D</b> <span class="meta--id">282</span> <span class="meta--duration">30 min listen</span> </p> </a> <a class="btn btn--related corners fw-1-2 md-1-1" href="https://monocle.com/radio/shows/section-d/281/play/" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Related: Fixing Madrid Fashion Week');"> <p class="fs-title-sf fs-title-sf--sml fc-mid-grey">Fixing Madrid Fashion Week</p> <p xmlns:exsl="http://exslt.org/common" class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">Section D</b> <span class="meta--id">281</span> <span class="meta--duration">30 min listen</span> </p> </a> </div> </footer> </section> </div> <div class="gd_col no-md-pad fw-1-3 md-1-1 cardsx1 u-eq"> <a href="/magazine/issues/101/politics-briefing/" class="content__block--mobile mtoday__top u-mar--b15" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Article', 'Top: Jesse Klaver, leader of Dutch party GroenLinks');"> <div class="mtoday__quote" style="background-color: #F07060; color: #F07060"> <blockquote class="fs-emphasis fs-emphasis--quote" style="color: #222222"> ‘I think this is still a tolerant country but the upcoming election is very, very important. We’re at a turning point’ </blockquote> <p class="fs-sell fs-sell--today" style="color: #FFFFFF"> – Jesse Klaver, leader of Dutch party GroenLinks</p> <div class="mtoday__quote-img"> <img src="//img.monocle.com/_dsc9081-copy-58b566138e80a.jpg?w=260&amp;h=260&amp;g=center&amp;q=60" class="u-fit" alt="Jesse Klaver, leader of Dutch party GroenLinks" /> </div> <svg viewBox="0 0 61.4 17.4"> <path class="a" d="M53.1,136.2c11.3-14.5,23.4-17.3,30.7-17.4H22.4C29.7,118.9,41.8,121.7,53.1,136.2Z" transform="translate(-22.4 -118.8)"></path> </svg> </div> <div class="mtoday__quote-meta"> <p xmlns:exsl="http://exslt.org/common" class="fs-meta u-breakUp"><b class="meta--title">Magazine</b> <span class="meta--duration">3 min read</span> </p> </div> </a> <div class="content__block--mobile mtoday__bottom u-eq"> <div xmlns:exsl="http://exslt.org/common" class="card card--promo card--radio"> <a class="card__content" href="/radio/shows/the-foreign-desk/166/play" onclick="Monocle.ga_event('send', 'event', 'Monocle Today', 'Click Radio', 'Bottom: Why the Dutch election matters', undefined, undefined, 'A-flow');" title="Why the Dutch election matters"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/c_alamy-58c2f499b1f09.jpg?w=550&amp;h=306&amp;g=center&amp;q=60" alt="Why the Dutch election matters" />--></div> </span> </div> <h4 class="card__h fs-title-sf">Why the Dutch election matters</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>The Netherlands election will test liberal democracy. What will the result mean?</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--subtitle">Monocle 24 Radio</span><br /> <b class="meta--title">The Foreign Desk</b> <span class="meta--duration">30 min listen</span> </p> </div> </a> </div> </div> </div> </div> </div> <div class="gd_col fw-1-4 nd-1-1 cardsx1 mtoday__sponsored"> <div class="gd_cols gd_cols--dblpad"> <div class="content__block--mobile gd_col fw-1-1 mtoday__minute"> <header class="cards__h align-center"> <a class="cards__h-link" href="/minute/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Minute');"> <h2 class="fs-impact">The Monocle Minute</h2> </a> </header> <div xmlns:exsl="http://exslt.org/common" class="card card--minute"> <a class="card__content" href="/minute/#4" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Minute', undefined, undefined, 'A-flow');" title="Revised route"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/minute/c_lta-58c8388619e81.jpg?w=550&amp;h=306&amp;g=center&amp;q=60" alt="Revised route" />--></div> </span> </div> <h4 class="card__h fs-title-sans fs-title-sans--lrg fc-salmon">Revised route</h4> <div class="card__copy fs-inform"> <div class="card__copy-clamp"> <p>Singapore continues to experiment with ways to make its buses, used by 3.9 million passengers daily, more appealing and efficient. The city-state has just launched a six-month trial of three-door double-decker buses, complete with USB ports. The Land Transport Authority (LTA) hopes the more accessible buses will reduce time spent at stops, while the new ports will mean added convenience. The LTA is also trialling quirkier measures with new advertisements in Singlish, the English-based creole common in Singapore, drawing attention to the buses’ new features. The green signs boast slogans such as “Here cannot go in!” and “Here can charge phone!”; the rest of the posters’ text is in standard English.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><span class="meta--duration">1 min read</span> </p> </div> </a> </div> <div xmlns:exsl="http://exslt.org/common" class="card card--minute"> <a class="card__content" href="/minute/#2" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Minute', undefined, undefined, 'A-flow');" title="Sky’s the limit"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/minute/c_paimages-58c838cb8d5f3.jpg?w=550&amp;h=306&amp;g=center&amp;q=60" alt="Sky’s the limit" />--></div> </span> </div> <h4 class="card__h fs-title-sans fs-title-sans--lrg fc-salmon">Sky’s the limit</h4> <div class="card__copy fs-inform"> <div class="card__copy-clamp"> <p>“Who is really doing it right? That’s the question we’re asking,” says award-winning US architect Curtis W Fentress when asked why he’s attending this year’s Passenger Terminal Expo in Amsterdam. Fentress is one of numerous high-profile speakers discussing airport design, security and innovation at the three-day airport terminal conference, regarded as the most important of its kind. “The paradigm is constant change and that is the reason everyone is here, because they are trying to figure out what is happening next.” From Caiba, the cute robot concierge currently being trialled at Japan’s Haneda Airport, to sturdy new airport furniture from German company Kusch+Co, there is plenty of innovation for visitors to admire. Another highlight was yesterday’s Skytrax World Airport Awards ceremony, which recognised Singapore Changi Airport as the world’s best for the fifth year in a row, followed by Tokyo’s Haneda Airport in second and South Korea’s Incheon International Airport in third place.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><span class="meta--duration">1 min read</span> </p> </div> </a> </div> </div> </div> </div> </div> </div> </section> <section class="content__block tm-base u-inner"> <header class="cb__header u-mar--b15"> <h1 class="header2 align-center"><span class="font-icon">L</span> Monocle events and promotions</h1> </header> <div class="cb__content colsx4"> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4"> <div class="scroller scroller--cards"> <div class="card card--promo"> <a class="card__content" href="https://monocle.com/subscribe/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: Monocle annual subscription', undefined, undefined, 'A-flow');" title="Monocle annual subscription"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/mx10mag-58aeb87e8f476.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Monocle annual subscription" />--></div> </span> </div> <h4 class="card__h fs-title-sf" style="color: #">Monocle annual subscription</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>For £100 subscribe and never miss a copy: includes 10 issues of Monocle, The Escapist, The Forecast and a Voyage tote</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">Subscribe now</strong> </p> </div> </a> </div> <div class="card card--promo"> <a class="card__content" href="http://cafe.monocle.com" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: The Monocle Café', undefined, undefined, 'A-flow');" title="The Monocle Café"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/_on_5865-583d6ee479b25.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="The Monocle Café" />--></div> </span> </div> <h4 class="card__h fs-title-sf" style="color: #">The Monocle Café</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>As the temperature cools head to The Monocle Café for mulled wine, hot drinks and other warming treats.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">Visit the website</strong> </p> </div> </a> </div> <section class="cards__stack cards__stack--in4"> <div class="card card--promo" style="color: #888888; background-color: #;"> <a class="card__content" href="/shop/books-and-music/other/pump-up-the-volume-s/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: Pump Up The Volume(s)', undefined, undefined, 'A-flow');" title="Pump Up The Volume(s)"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/pump-up-5719fa5f7ea0f.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Pump Up The Volume(s)" />--></div> </span> </div> <h4 class="card__h fs-title-sf" style="color: #222222">Pump Up The Volume(s)</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>Purchase your pick of four of Monocle’s five guides and make a handsome saving.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">Shop now</strong> </p> </div> </a> </div> <div class="card card--promo" style="color: #524200; background-color: #ffcc00;"> <a class="card__content" href="/shop/10th-anniversary/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Events + Promotions: 10th Anniversary', undefined, undefined, 'A-flow');" title="10th Anniversary"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/promotional/event-promo-tile-58aef706a6161.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="10th Anniversary" />--></div> </span> </div> <h4 class="card__h fs-title-sf" style="color: #222222">10th Anniversary</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>Celebrate 10 years of Monocle by picking up these exclusive pieces.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">Shop now</strong> </p> </div> </a> </div> </section> </div> </div> </div> </section> <div class="hp-billboard hp-billboard--1"> <div class="gd"> <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="Home-Page-Billboard-1" data-dimensions="728x90" data-size-mapping="billboard"><a href="/subscribe/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Home-Page-Billboard-1');"><picture style="display: none"><source srcset="https://monocle.com/workspace/uploads/image/eggs/sub-banner-970-x-250-copy-2-58bd83cea6452.jpg" media="(min-width: 990px)"></source><source srcset="https://monocle.com/workspace/uploads/image/eggs/sub-superleaderboard-728-x-90-58bd820449f60.png" media="(min-width: 748px)"></source><img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/sub-mpu-300-x-250-alt-copy-2-58bd83cea699a.jpg" /></picture></a></div></div>--></div> </div> </div> <section class="content__block tm-dark u-inner"> <header class="cb__header"> <h1 class="header2 align-center"><span class="font-icon">L</span> <span class="font-icon">R</span> Monocle 24 radio</h1> <div class="gd_col fw-2-9 cb__sponsorship"> <div class="egg-lazyload"><!----></div> </div> </header> <div class="cb__content colsx4"> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4"> <h3 class="cards__h header3">Featured podcasts and chapters</h3> <div class="scroller scroller--cards"> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-monocle-weekly/400/steven-cantor-and-gabrielle-tana/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Steven Cantor and Gabrielle Tana"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/chapters/weekly-dancer_crop-58bd2f3307fe2.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Steven Cantor and Gabrielle Tana" />--></div> </span> </div> <h4 class="card__h header4">Steven Cantor and Gabrielle Tana</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Ukrainian ballet prodigy Sergei Polunin is the subject of new documentary ‘Dancer’. The film’s director Steven Cantor and producer Gabrielle Tana sit down with Monocle’s Tomos Lewis and Chris Lord to explain the draw of ballet in today’s contemporary-arts scene.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Monocle Weekly</b> 400</span> <span class="meta--duration">14 min listen</span> </p> </div> </a> </div> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-menu/food-neighbourhoods-23/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Food Neighbourhoods 23: Lisbon, Alcantara"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/episodes/c_francesca-savoldi_crop-58b59a7e85078.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Food Neighbourhoods 23: Lisbon, Alcantara" />--></div> </span> </div> <h4 class="card__h header4">Food Neighbourhoods 23: Lisbon, Alcantara</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Monocle’s Syma Tariq and urban researcher and travel guide Francesca Savoldi tour the Lisbon neighbourhood of Alcantara.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Menu</b> </span> <span class="meta--duration"> 7 min listen</span> </p> </div> </a> </div> <section class="cards__stack cards__stack--in4"> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-stack/233/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Entertainment Weekly"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/episodes/_on_8391_crop-58a18e42b99b0.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Entertainment Weekly" />--></div> </span> </div> <h4 class="card__h header4">Entertainment Weekly</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>We speak with Henry Goldblatt, editor of ‘Entertainment Weekly’ magazine, plus a chat with Gail Bichler, design director of ‘The New York Times Magazine’.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Stack</b> 233</span> <span class="meta--duration"> 23 min listen</span> </p> </div> </a> </div> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-urbanist/277/sanctuary-cities-us/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Featured podcasts and chapters', undefined, undefined, 'A-flow');" title="Sanctuary cities: US"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/chapters/chooser_hm1dn0_w-58937d62b2eb2.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Sanctuary cities: US" />--></div> </span> </div> <h4 class="card__h header4">Sanctuary cities: US</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>We speak to Tanvi Misra, a staff writer at CityLab, to learn about the history of sanctuary cities in America.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><span class="meta--title"><b>The Urbanist</b> 277</span> <span class="meta--duration">7 min listen</span> </p> </div> </a> </div> </section> </div> </div> </div> <div class="cb__content cb__content--scroller colsx5 js-horizontal-scroll"> <div class="card card--hilight card--of5 card--m24 js-play-m24 clickable"> <h3 class="card__h card__h--top fs-impact">On air now</h3> <a class="card__content" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'On air now', undefined, undefined, 'A-flow');" title="Listen to live radio"> <div class="card__img"> <span class="u-ratio u-ratio--1-1"> <img src="//img.monocle.com/radio/shows/m24_music_atlantic-50fe774b34a24.jpg?w=400&amp;h=400&amp;&amp;g=center&amp;q=60" class="u-fit js-radio-data__img" alt="The Atlantic Shift" /> </span> </div> <h4 class="card__h header4 js-radio-data__show">The Atlantic Shift</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p class="js-radio-data__desc">The Atlantic Shift plays a selection of the finest music from all over the world, handpicked for you by Monocle's editorial team. From Williamsburg to São Paulo, spend your day tuned to Monocle 24.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"> <b class="meta--title">Up next:</b> <strong class="meta--cta js-radio-data__next">The Monocle Arts Review</strong> </p> </div> </a> </div> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4"> <h3 class="cards__h header3 js-horizontal-fixed">Latest Podcasts</h3> <div class="scroller scroller--cards"> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-briefing/1395/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Wednesday 15 March"> <div class="card__img"> <span class="u-ratio u-ratio--1-1"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/briefing-large-5725a0037039d.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Wednesday 15 March" />--></div> </span> </div> <h4 class="card__h header4">Wednesday 15 March</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>Donald Trump’s tax returns from 2005 have been made public, eliciting an angry response from the White House, and François Fillon has become the first candidate to run for the French presidency while under investigation for corruption. We've got the latest.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">The Briefing</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-15T12:00:00+00:00"></span><span class="meta--duration"> 30 min listen</span></span> </p> </div> </a> </div> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-globalist/1403/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Wednesday 15 March"> <div class="card__img"> <span class="u-ratio u-ratio--1-1"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/the-globalist_ubs-5718aa192f716.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Wednesday 15 March" />--></div> </span> </div> <h4 class="card__h header4">Wednesday 15 March</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>We discuss the Dutch election, the US’s foreign policy in Asia and politics in Hungary. Plus: business news from the Balkans and the publisher of Liberation on the role of refugees in French media​.​</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">The Globalist</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-15T07:00:00+00:00"></span><span class="meta--duration">1 hour listen</span></span> </p> </div> </a> </div> <section class="cards__stack cards__stack--in4"> <div class="card card--radio"> <a class="card__content" href="/radio/shows/the-monocle-daily/1392/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Tuesday 14 March"> <div class="card__img"> <span class="u-ratio u-ratio--1-1"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/the-monocle-daily-final-5718a9f2a6db9.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Tuesday 14 March" />--></div> </span> </div> <h4 class="card__h header4">Tuesday 14 March</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>We ask why Russia has reportedly sent special forces to the Egyptian-Libyan border and whether New York’s governor is preparing for a tilt at the 2020 presidency. Plus: we speak to an author who has been investigating the criminal underbelly of some of the world’s most dynamic cities.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">The Monocle Daily</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-14T22:00:00+00:00"></span><span class="meta--duration">1 hour listen</span></span> </p> </div> </a> </div> <div class="card card--radio"> <a class="card__content" href="/radio/shows/section-d/283/play/" onclick="Monocle.ga_event('send', 'event', 'Radio', 'Click Radio', 'Latest podcasts', undefined, undefined, 'A-flow');" title="Are Antwerp’s best days still ahead of it?"> <div class="card__img"> <span class="u-ratio u-ratio--1-1"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/shows/section-d-final-no-sponsor-5718a9c42ae68.jpg?w=400&amp;h=400&amp;g=center&amp;q=60" alt="Are Antwerp’s best days still ahead of it?" />--></div> </span> </div> <h4 class="card__h header4">Are Antwerp’s best days still ahead of it?</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>Nestled in the heart of Flanders – Belgium’s Dutch-speaking northern region – Antwerp has garnered a reputation in recent years as a regional city with a global reach. Today we bring you interviews with some of its brightest design talents.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--radio"><b class="meta--title">Section D</b> <span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-14T19:02:00+00:00"></span><span class="meta--duration"> 30 min listen</span></span> </p> </div> </a> </div> </section> </div> </div> </div> <footer class="cb__footer"> <a class="btn btn--nofrills fc-salmon" href="/radio/">More Monocle 24 radio</a> </footer> </section> <section class="content__block tm-dark tm-dark--er u-inner"> <header class="cb__header"> <h1 class="header2 align-center"><span class="font-icon">L</span> <span class="font-icon">F</span> Monocle Films</h1> <div class="gd_col fw-2-9 cb__sponsorship"> <div class="egg-lazyload"><!----></div> </div> </header> <div class="cb__content colsx4"> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4"> <h3 class="cards__h header3">Latest Films</h3> <div class="scroller scroller--cards"> <div class="card card--film"> <a class="card__content" href="https://monocle.com/film/culture/monocle-media-summit/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="Monocle Media Summit"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/mediasummitchooser-58c04c791b9cd.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Monocle Media Summit" />--></div> </span> </div> <h4 class="card__h header4">Monocle Media Summit</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Monocle's first media summit looked at the most influential brands shaping the media landscape and asked whether there is still money to be made from print. Here's our pick of the evening's highlights.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-08T18:30:00+00:00"></span><span class="meta--duration"> 2 min video</span></span> </p> </div> </a> </div> <div class="card card--film"> <a class="card__content" href="https://monocle.com/film/entertaining/the-monocle-travel-guide-series-rome/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="The Monocle Travel Guide Series: Rome"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/020317_rometgchooser-58b971e43e05a.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="The Monocle Travel Guide Series: Rome" />--></div> </span> </div> <h4 class="card__h header4">The Monocle Travel Guide Series: Rome</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>From ancient architecture and charming trattorias to unbeatable boutiques, Rome has always been one of Europe’s most popular destinations. Our guide will take you down the city’s lesser-known thoroughfares full of freshly ground coffee and culinary surprises. Published by Gestalten, The Monocle Travel Guide to Rome is available now at The Monocle Shop.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-06T16:00:00+00:00"></span><span class="meta--duration"> 3 min video</span></span> </p> </div> </a> </div> <section class="cards__stack cards__stack--in4"> <div class="card card--film"> <a class="card__content" href="https://monocle.com/film/business/making-it-in-jakarta/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="Making it in Jakarta"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/jakartachooser1-58b6a5b9d4116.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="Making it in Jakarta" />--></div> </span> </div> <h4 class="card__h header4">Making it in Jakarta</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Indonesia’s bounteous resources make it the perfect place for entrepreneurs to set up camp. We meet four enterprising Jakarta residents, who tell us how they are taking advantage of the opportunities in this chaotic city.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-03-02T05:00:00+00:00"></span><span class="meta--duration"> 6 min video</span></span> </p> </div> </a> </div> <div class="card card--film"> <a class="card__content" href="https://monocle.com/film/culture/the-monocle-travel-guide-series-berlin/" onclick="Monocle.ga_event('send', 'event', 'Film', 'Click Film', 'Latest films', undefined, undefined, 'A-flow');" title="The Monocle Travel Guide Series: Berlin"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/film/berlinchooser-58b4632a72bd7.jpg?w=508&amp;h=380&amp;g=center&amp;q=60" alt="The Monocle Travel Guide Series: Berlin" />--></div> </span> </div> <h4 class="card__h header4">The Monocle Travel Guide Series: Berlin</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>For a long time Berlin lacked the wealth and stability of other capital cities so ingenuity prevailed. It's now known as a place where creativity is fostered, resourcefulness encouraged and originality embraced. Published by Gestalten, The Monocle Travel Guide to Berlin is available now at The Monocle Shop.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp fs-meta--film"><span class="meta--times"><span class="meta--age js-relative-time" data-age="2017-02-28T15:00:00+00:00"></span><span class="meta--duration"> 3 min video</span></span> </p> </div> </a> </div> </section> </div> </div> </div> <div class="cb__footer"> <a class="btn btn--nofrills fc-salmon" href="/film/">More Monocle Films</a> </div> </section> <div class="hp-billboard hp-billboard--2"> <div class="gd"> <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="Home-Page-Billboard-2" data-dimensions="728x90" data-size-mapping="billboard"><a href="/minute/" onclick="Monocle.ga_event('send', 'event', 'Native ad', 'Click', 'Home-Page-Billboard-2');"><picture style="display: none"><source srcset="https://monocle.com/workspace/uploads/image/eggs/mm-banner-970-x-250-58aefdbceed72.png" media="(min-width: 990px)"></source><source srcset="https://monocle.com/workspace/uploads/image/eggs/mm-superleaderboard-728-x-90-58aefdbcef174.png" media="(min-width: 748px)"></source><img class="egg-unit egg-unit--native" src="https://monocle.com/workspace/uploads/image/eggs/mm-mpu-300-x-250-58aefdbcef4de.png" /></picture></a></div></div>--></div> </div> </div> <section class="content__block u-inner"> <section class="cb__section tm-dark tm-dark--er"> <header class="cb__header"> <h1 class="header2 align-center"><span class="font-icon">L</span> Monocle magazine</h1> </header> <div class="cb__content colsx3"> <div xmlns:exsl="http://exslt.org/common" class="card card--issue card--hilight card--of3"> <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-impact">Latest issue</h3> <a class="card__content" href="/magazine/issues/101/" title="Issue 101 ∙ March 2017"> <div class="card__img"> <span class="u-ratio u-ratio--mag"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/issue/coverus_monocle_issue-10124-58aeaff86e2a3.png?w=446&amp;h=582&amp;g=center&amp;q=50" alt="Issue 101 cover" />--></div> </span> </div> <h4 class="card__h header4">Issue 101 ∙ March 2017</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>A new breed of global security. Plus: We sit down with Emmanuel Macron, Lufthansa’s Carsten Spohr, the president of Portugal and CNN’s Hala Gorani – and an Expo on PBS in Washington – a renaissance moment for US public broadcasting?</p> </div> </div> </a> <a class="btn u-pad meta--link" href="/shop/magazine/other/issue-101/">Buy this issue</a> </div> <div class="cards cardsx2"> <h3 class="cards__h header3 fw-1-1">Previous issues</h3> <div xmlns:exsl="http://exslt.org/common" class="card card--issue"> <a class="card__content" href="/magazine/issues/100/" title="Issue 100 ∙ February 2017"> <div class="card__img"> <span class="u-ratio u-ratio--mag"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/issue/yaya2-5880e5f65b942.png?w=446&amp;h=582&amp;g=center&amp;q=50" alt="Issue 100 cover" />--></div> </span> </div> <h4 class="card__h header4">Issue 100 ∙ February 2017</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>Plot and plan: an issue full of tone-setters for 2017. For our 100th issue we do a world tour of 'best in class' – in urbanism, education, media – and even get limber in Switzerland's finest gyms.</p> </div> </div> </a> <a class="btn u-pad meta--link" href="/shop/magazine/other/issue-100/">Buy this issue</a> </div> <div xmlns:exsl="http://exslt.org/common" class="card card--issue"> <a class="card__content" href="/magazine/the-forecast/2017/" title="The Forecast 2017"> <div class="card__img"> <span class="u-ratio u-ratio--mag"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/issue/cover-forecast-58493afdd4af9.jpg?w=446&amp;h=582&amp;g=center&amp;q=50" alt="The Forecast cover" />--></div> </span> </div> <h4 class="card__h header4">The Forecast 2017</h4> <div class="card__copy fs-sell fs-sell--sml"> <div class="card__copy-clamp"> <p>From the editorial team at Monocle, our annual survey of the forces set to shape your year ahead.</p> </div> </div> </a> <a class="btn u-pad meta--link" href="/shop/magazine/other/the-forecast-2017/">Buy this issue</a> </div> </div> </div> <div class="cb__footer"> <a class="btn btn--nofrills fc-onDark" href="/sign-in/">Sign in to read</a> <a class="btn btn--nofrills fc-onDark" href="/subscribe/">Subscribe <span class="fs-inform fc-soft">from £55</span></a> </div> </section> <section class="cb__section tm-base"> <h3 class="cards__h header3">Free to read in this issue</h3> <div class="cb__sponsorship"> <div class="egg-lazyload"><!----></div> </div> <div class="cb__content colsx3"> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx3 cards--with-mpu"> <div class="scroller scroller--cards"> <div class="card card--open-article"> <a class="card__content" href="https://monocle.com/magazine/issues/101/eyes-on-the-elysee/" onclick="Monocle.ga_event('send', 'event', 'Magazine', 'Click Article', 'Home page open article', undefined, undefined, 'A-flow');" title="Eyes on the Élysée "> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/article/untitled2-58a48b9fa5fbb.jpg?w=549&amp;h=309&amp;crop=402,0,3019,4655&amp;resize=crop&amp;q=60" alt="Eyes on the Élysée " />--></div> </span> </div> <h4 class="card__h header4">Eyes on the Élysée </h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Emmanuel Macron is a politician on a mission. We speak to the man who could be France’s next president.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><span class="meta--duration">12 min read</span> </p> </div> </a> </div> <section class="cards__stack cards__stack--in3"> <div class="card card--open-article"> <a class="card__content" href="https://monocle.com/magazine/issues/101/remote-control/" onclick="Monocle.ga_event('send', 'event', 'Magazine', 'Click Article', 'Home page open article', undefined, undefined, 'A-flow');" title="Remote control"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/article/te_lostintime_mg_0122_hi-res-58a5c07beb31b.jpg?w=549&amp;h=309&amp;crop=260,0,1667,2500&amp;resize=crop&amp;q=60" alt="Remote control" />--></div> </span> </div> <h4 class="card__h header4">Remote control</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Norwegian game show ‘Lost in Time’ could be the future of TV – if they can persuade you to go interactive.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><span class="meta--duration">7 min read</span> </p> </div> </a> </div> <div class="card card--open-article"> <a class="card__content" href="https://monocle.com/magazine/issues/101/net-gain/" onclick="Monocle.ga_event('send', 'event', 'Magazine', 'Click Article', 'Home page open article', undefined, undefined, 'A-flow');" title="Net gain"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/article/_20a0328-58ac1f70784b4.jpg?w=549&amp;h=309&amp;crop=69,0,3311,5760&amp;resize=crop&amp;q=60" alt="Net gain" />--></div> </span> </div> <h4 class="card__h header4">Net gain</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Sustainable fishing keeps family firms afloat – not least the Harveys, who ply their trade in the Bay of Plenty.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><span class="meta--duration">4 min read</span> </p> </div> </a> </div> </section> </div> </div> <div class="card card--mpu card--of3"> <div class="mpu mpu--open-articles"> <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="MPU-Open-Articles" data-dimensions="300x250" data-size-mapping=""></div></div>--></div> </div> </div> </div> <div class="cb__footer"> <a class="btn btn--nofrills fc-salmon" href="/magazine/">More Monocle magazine</a> </div> </section> </section> <section class="content__block tm-base tm-base--shop u-inner"> <header class="cb__header"> <h1 class="header2 align-center"><span class="font-icon">L</span> <span class="font-icon">S</span> Monocle Shop</h1> </header> <div class="cb__content colsx4"> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4"> <h3 class="cards__h header3">Featured products</h3> <div class="scroller scroller--cards"> <div class="card card--product"> <a class="card__content" href="/shop/bags-and-travel/other/porter-10th-anniversary-travel-tote/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Porter 10th-anniversary travel tote [1]', undefined, undefined, 'A-flow');" title="Porter 10th-anniversary travel tote"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/201701107-monocle-web-merch-20-58aefb28b1f2a.jpg?w=508&amp;h=380&amp;crop=45,7,1466,1901&amp;resize=crop&amp;q=60" alt="10th-anniversary travel tote" />--></div> </span> </div> <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p> <h4 class="card__h"> <span class="fs-impact">Porter</span> <span class="fs-sell">10th-anniversary travel tote</span></h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">£295</strong> </p> </div> </a> </div> <div class="card card--product"> <a class="card__content" href="/shop/home-and-office/music/10th-anniversary-revo-monocle-24-superconnect-radio/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Revo Monocle 24 SuperConnect Radio [2]', undefined, undefined, 'A-flow');" title="Revo Monocle 24 SuperConnect Radio"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/revo-58c02ed730755.jpg?w=508&amp;h=380&amp;crop=11,23,561,756&amp;resize=crop&amp;q=60" alt="Monocle 24 SuperConnect Radio" />--></div> </span> </div> <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p> <h4 class="card__h"> <span class="fs-impact">Revo</span> <span class="fs-sell">Monocle 24 SuperConnect Radio</span></h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">£350</strong> </p> </div> </a> </div> <div class="card card--product"> <a class="card__content" href="/shop/prints/limited-editions/10th-anniversary-poster/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Monocle 10th-Anniversary poster [3]', undefined, undefined, 'A-flow');" title="Monocle 10th-Anniversary poster"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/anniversary-poster-58ac6a60250-58af148b000ac.jpg?w=508&amp;h=380&amp;crop=83,95,2155,2859&amp;resize=crop&amp;q=60" alt="10th-Anniversary poster" />--></div> </span> </div> <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p> <h4 class="card__h"> <span class="fs-impact">Monocle</span> <span class="fs-sell">10th-Anniversary poster</span></h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">£100</strong> </p> </div> </a> </div> <div class="card card--product"> <a class="card__content" href="/shop/books/travel-guides/the-monocle-travel-guide-rome/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page products - Monocle Rome Travel Guide [4]', undefined, undefined, 'A-flow');" title="Monocle Rome Travel Guide"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/rome-58c029431c593.jpg?w=508&amp;h=380&amp;crop=41,57,536,717&amp;resize=crop&amp;q=60" alt="Rome Travel Guide" />--></div> </span> </div> <p class="fs-inform fs-inform--sml"><strong class="flag flag--new">New</strong></p> <h4 class="card__h"> <span class="fs-impact">Monocle</span> <span class="fs-sell">Rome Travel Guide</span></h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><strong class="meta--cta">£12</strong> </p> </div> </a> </div> </div> </div> </div> <div class="cb__content colsx4"> <div xmlns:exsl="http://exslt.org/common" class="cards cards--with-scroller cardsx4"> <h3 class="cards__h header3">Featured categories and collections</h3> <div class="scroller scroller--cards"> <div class="card card--btn"> <a class="card__content" href="/shop/books-and-music/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Books [1]', undefined, undefined, 'A-flow');" title="Books"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/books-5873b52cb0fbb.jpg?w=508&amp;h=380&amp;crop=742,0,2690,2596&amp;resize=crop&amp;q=60" alt="Books" />--></div> </span> </div> <h4 class="card__h">Books</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> </a> </div> <div class="card card--btn"> <a class="card__content" href="/shop/bags-and-travel/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Bags &amp; Travel [2]', undefined, undefined, 'A-flow');" title="Bags &amp; Travel"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/porter-58c132bbd51fc.jpg?w=508&amp;h=380&amp;crop=0,0,570,760&amp;resize=crop&amp;q=60" alt="Bags &amp; Travel" />--></div> </span> </div> <h4 class="card__h">Bags & Travel</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> </a> </div> <div class="card card--btn"> <a class="card__content" href="/shop/stationery/" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Monocle Stationery [3]', undefined, undefined, 'A-flow');" title="Monocle Stationery"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/aaaa5-softcover4-58503fa715ab3-587f7ced0b37b.jpg?w=508&amp;h=380&amp;crop=100,183,1731,2360&amp;resize=crop&amp;q=60" alt="Monocle Stationery" />--></div> </span> </div> <h4 class="card__h">Monocle Stationery</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> </a> </div> <div class="card card--btn"> <a class="card__content" href="/shop/clothing" onclick="Monocle.ga_event('send', 'event', 'Shop', 'Click Shop', 'Home page collections - Clothing [4]', undefined, undefined, 'A-flow');" title="Clothing"> <div class="card__img"> <span class="u-ratio u-ratio--4-3"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/product/promotions/merz-58c1339584d9e.jpg?w=508&amp;h=380&amp;crop=0,0,570,760&amp;resize=crop&amp;q=60" alt="Clothing" />--></div> </span> </div> <h4 class="card__h">Clothing</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p></p> </div> </div> </a> </div> </div> </div> </div> <div class="cb__footer"> <a class="btn btn--nofrills fc-salmon" href="/shop/">Browse the Monocle Shop</a> </div> </section> <section class="content__block tm-base tm-base--beige u-inner"> <div class="u-pad--plus align-center"> <h1 class="fw-1-1 header3">Subscribe to the Monocle newsletters</h1> <div data-id="home-page-panel" class="sign-up-container sign-up-container--home-page-panel"> <p class="u-stack">Sign up to Monocle's email newsletters to stay on top of news and opinion, plus the latest from the magazine, radio, film and shop.</p> <form class="subform--api js-ajax-form" method="post" action="" enctype="multipart/form-data"> <div class="input-group input-wrapper hide-if-successful"> <label for="email-address-home-page-panel" class="sr-only">Email</label> <span class="input-icon"> <span class="font-icon">e</span> <input type="email" id="email-address-home-page-panel" name="email-address" class="validate-email outline left-corners" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your email address'" /> </span> <input type="hidden" name="cm-api-action" value="signUp" /> <input class="js-daily-segment" name="segments[daily-segment]" value="true" type="hidden" /> <input class="js-weekly-segment" name="segments[weekly-segment]" value="true" type="hidden" /> <input class="js-shop-segment" name="segments[shop-segment]" value="true" type="hidden" /> <input class="js-source" name="source" type="hidden" value="Sign up form on home-page-panel" /> <span class="input-group-btn"> <button type="submit" class="right-corners">Sign up</button> </span> </div> <p class="input-error invalid" role="alert">Invalid email</p> <p class="alert alert-minute form-success js-form-response" role="alert">Thank you, you are now signed up.</p> </form> </div> </div> </section> <section class="content__block tm-base tm-base--beige-ish u-inner"> <header class="cb__header u-mar--b15"> <h1 class="header2 align-center"><span class="font-icon">L</span> Monocle recommends</h1> </header> <div class="cb__content colsx3"> <div class="cards cards--with-scroller cardsx3 cards--promo"> <div class="scroller scroller--cards"> <div xmlns:exsl="http://exslt.org/common" class="card"> <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-title-sf">The Fast Lane</h3> <a class="card__content" href="http://www.ft.com/cms/s/0/dd5d4f7c-04bb-11e7-aa5b-6bb07f5c8e12.html?ftcamp=published_links%2Frss%2Farts_columnists_tylerbrule%2Ffeed%2F%2Fproduct" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'FT Column', undefined, undefined, 'A-flow');" title="Where to live in Europe — Lisbon, Antwerp, Munich"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/assets/img/brule.jpg?w=549&amp;h=309&amp;&amp;g=center&amp;q=60" alt="Photograph of Tyler Brûlé" />--></div> </span> </div> <h4 class="card__h header4">Where to live in Europe — Lisbon, Antwerp, Munich</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>On the edgier side of things there’s Turin, with nearby skiing and the Med in easy striking distance</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><span class="meta--subtitle">*Subscription to FT required</span><br /> <b class="meta--title">Financial Times</b> <span class="meta--age js-relative-time" data-age="2017-03-15T11:07:06+00:00"></span> </p> </div> </a> </div> <div xmlns:exsl="http://exslt.org/common" class="card"> <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-title-sf">The Bulletin with UBS</h3> <a class="card__content" href="/radio/shows/the-bulletin-with-ubs/127/" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'Click Radio', 'Bulletin UBS Tile', undefined, undefined, 'A-flow');"> <div class="card__img"> <span class="u-ratio u-ratio--16-9"> <div class="js-lazyload-img"><!--<img class="u-fit" src="//img.monocle.com/radio/episodes/generic_w-58c2bd5899c93.jpeg?resize=aspectfit&amp;h=309" alt="The Bulletin with UBS" />--></div> </span> </div> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>We’ll look at what it means and why it works with experts from UBS and Rethink Impact, the largest US-based firm investing in social-impact companies with a gender lens. And, following International Women’s Day and during Women’s History Month in the US, we’ll also hear from a pioneering woman leading a company in the Rethink Impact fund.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><b class="meta--title">Monocle 24 Radio</b> <span class="meta--age js-relative-time" data-age="2017-03-12T16:00:00+00:00"></span> </p> </div> </a> </div> <div xmlns:exsl="http://exslt.org/common" class="card card--nikkei"> <h3 class="card__h card__h--top&#10;&#9;&#9;&#9;&#9;&#9;&#9;fs-title-sf">Nikkei Asian Review</h3> <a class="card__content" href="http://asia.nikkei.com/?n_cid=NARAN1082" onclick="Monocle.ga_event('send', 'event', 'Homepage promo', 'click', 'Nikkei Tile', undefined, undefined, 'A-flow');" title="MAR. 13-19 ISSUE"> <div class="card__img"> <div class="nikkei__ratio"> <div class="nikkei__images"> <div class="nikkei__img current"> <img src="//img.monocle.com/nikkei/20170309_cover-58c0bc297d701.jpg?h=412&amp;resize=aspectfit&amp;g=center&amp;q=50" alt="Nikkei Asian Review cover" /> </div> <div class="nikkei__img left"> <img src="//img.monocle.com/nikkei/20170302_cover-58b822dd7c1cb.jpg?h=412&amp;resize=aspectfit&amp;g=center&amp;q=50" alt="Nikkei Asian Review cover" /> </div> <div class="nikkei__img right"> <img src="//img.monocle.com/nikkei/20170223_cover-58af6c4160f7c.jpg?h=412&amp;resize=aspectfit&amp;g=center&amp;q=50" alt="Nikkei Asian Review cover" /> </div> </div> </div> </div> <h4 class="card__h header4">MAR. 13-19 ISSUE</h4> <div class="card__copy fs-sell"> <div class="card__copy-clamp"> <p>Asia Inc. sees its first back-to-back profit drop in 20 years, astronomers hunt for Planet No. 9, and a Chicago restaurant keeps Macau cuisine alive - in this week's Nikkei Asian Review.</p> </div> </div> <div class="card__meta"> <p class="fs-meta u-breakUp"><b class="meta--title">NIKKEI</b> <span class="meta--age js-relative-time" data-age="2017-03-09T03:00:00+00:00"></span> </p> </div> </a> </div> </div> </div> </div> </section> <div class="leaderboard"> <div class="gd"> <div class="egg-lazyload"><!--<div class="egg-container"><div class="egg-unit egg" data-adunit="Leaderboard-Run-Of-Site" data-dimensions="728x90" data-size-mapping="leaderboard"></div></div>--></div> </div> </div> </div> </div> <div id="jplayer"></div> <section class="radio-player live"> <div class="m24-errors constrain centered"></div> <div class="m24-meta"> <div class="m24-meta-inner"> <div class="footer-controls"> <a class="font-icon footer-m24" href="/radio/">L R</a> <ul class="controls controls--footer live"> <li class="m24-listen"> <a class="radio-player_control m24-play js-play-audio" href="#play"> <strong>Play</strong> <span class="status">LIVE</span> </a> <a class="radio-player_control m24-pause js-pause-audio" href="#pause"> <strong>Pause</strong> <span class="status">LIVE</span> </a> <a class="radio-player_control m24-stop js-stop-audio" href="#stop"> <strong>Stop</strong> <span class="status">LIVE</span> </a> </li> <li class="m24-volume js-volume-adjust"> <a class="js-volume-show"> <strong>Volume</strong> <span class="js-volume-controller"> <i class="js-volume-scale">0</i> </span> </a> </li> </ul> </div> <div class="m24-onair"> <div class="show js-ticker js-ticker--main"> <h2> <a href="#" class="archive-stop" title="Stop archive clip">×</a> <strong class="title js-ticker__title">The Atlantic Shift</strong> <span class="episode js-ticker__episode"></span> </h2> <div class="m24-desc unselectable"> <div class="ticker ticker--archive"> <ul class="ticker__items js-ticker-items"> <li class="ticker__item js-ticker-item js-ticker__info"></li> </ul> </div> </div> </div> </div> <div class="m24-links"> <a href="/radio/schedule/" class="btn corners">Schedule</a> </div> </div> </div> <div class="m24-seek"> <div class="m24-seek_content"> <p class="m24-seek_times"> <span class="time current">0:00:00</span> <span class="time duration">0:01:00</span> </p> <div class="bar"> <div class="seek" style="width:0"> <div class="seeker"> <b>Drag me</b> </div> </div> <div class="downloading" style="width:0"></div> </div> </div> </div> <noscript> <div class="alert alert-fatal"> <p>It looks like your browser has JavaScript turned off. JavaScript is required for this feature to work.</p> </div> </noscript> </section> <footer class="site-footer"> <div class="site-footer__row site-footer__row--main"> <div class="gd"> <div class="gd_cols gd_cols--stack"> <ul class="gd_col fw-1-5 md-1-1"> <li> <a href="/">Home</a> </li> <li> <a href="/magazine/">Magazine</a> </li> <li> <a href="/film/">Film</a> </li> <li> <a href="/radio/">Radio</a> </li> <li> <a href="/shop/">Shop</a> </li> <li> <a href="/events/">Events</a> </li> <li> <a href="/travel/">Travel</a> </li> <li> <a href="/minute/">The Monocle Minute</a> </li> <li> <a href="http://cafe.monocle.com/">The Monocle Café – London</a> </li> <li> <a href="/restaurant-awards/">Restaurant Awards</a> </li> </ul> <ul class="gd_col fw-1-5 md-1-1"> <li> <a href="/affairs/">Affairs</a> </li> <li> <a href="/business/">Business</a> </li> <li> <a href="/culture/">Culture</a> </li> <li> <a href="/design/">Design</a> </li> <li> <a href="/edits/">Edits</a> </li> </ul> <ul class="gd_col fw-1-5 md-1-1"> <li> <a class="no-ajax ssl-radio-keepalive" href="/sign-in/">Sign in</a> </li> <li> <a class="no-ajax ssl-radio-keepalive" href="/subscribe/">Subscribe</a> </li> <li> <a href="/about/contacts/">Contacts &amp; Locations</a> </li> <li> <a href="/about/jobs/">Jobs</a> </li> <li> <a href="/about/">About Us</a> </li> <li> <a href="/about/faq/">FAQs</a> </li> <li> <a href="/contributors/">Contributors</a> </li> <li> <a href="/about/cookie-policy/">Cookie Policy</a> </li> <li> <a href="/about/terms-and-conditions/">Terms &amp; Conditions</a> </li> <li> <a href="/site-map/">Site Map</a> </li> </ul> <div data-id="site-footer"> <header class="fc-onDark u-pad--y"> <p>Monocle email newsletters</p> </header> <div data-id="footer" class="sign-up-container sign-up-container--footer on-dark"> <form class="subform--api js-ajax-form" method="post" action="" enctype="multipart/form-data"> <div class="input-group input-wrapper hide-if-successful"> <label for="email-address-footer" class="sr-only">Email</label> <span class="input-icon"> <span class="font-icon">e</span> <input type="email" id="email-address-footer" name="email-address" class="validate-email outline left-corners" placeholder="Your email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your email address'" /> </span> <input type="hidden" name="cm-api-action" value="signUp" /> <input class="js-daily-segment" name="segments[daily-segment]" value="true" type="hidden" /> <input class="js-weekly-segment" name="segments[weekly-segment]" value="true" type="hidden" /> <input class="js-shop-segment" name="segments[shop-segment]" value="true" type="hidden" /> <input class="js-source" name="source" type="hidden" value="Sign up form on footer" /> <span class="input-group-btn"> <button type="submit" class="right-corners">Sign up</button> </span> </div> <p class="input-error invalid" role="alert">Invalid email</p> <p class="alert alert-minute form-success js-form-response" role="alert">Thank you, you are now signed up.</p> </form> </div> </div> </div> </div> </div> <div class="site-footer__row site-footer__row--sub bg-dark-grey clearfix"> <div class="constrain centered gd-pad"> <p class="monocle-copyright"> <a href="/" title="Go to home">© 2017 <strong>Monocle</strong></a> </p> <a href="#" class="back-to-top">Back to top</a> </div> </div> </footer> <div class="site-overlay js-site-overlay"> <div class="control site-overlay__loading"></div> </div> <div class="tool-tip js-tool-tip"></div> <div class="modal js-login-modal"> <div class="modal-content modal-content--login fw-1-1"> <div class="content__block content__block--popout"> <div class="cb__content tm-base"> <span class="font-icon font-icon--close js-close-modal">/</span> <div class="gd_col fw-1-1 u-pad--dbl"> <h3 class="sub-heading fs-title">Sign in to your account</h3> <form class="gd_cols u-mar--b clearfix" method="POST"> <label class="gd_col fw-1-1"> <span class="sr-only">Your email address</span> <input name="email" type="text" class="validate-email" placeholder="Your email address" /> <p class="input-error">Please enter a valid email</p> </label> <label class="gd_col fw-1-1"> <span class="sr-only">Your Monocle password</span> <input name="password" type="password" class="validate-password" placeholder="Your Monocle password" /> <p class="input-error">Please enter a valid password</p> </label> <div class="gd_col fw-1-2"> <p class="fs-inform u-pad--t20"> <a href="/reset-password/">Forgotten password?</a> </p> </div> <div class="gd_col fw-1-2"> <input class="button" name="action[authenticate_login]" type="submit" value="Sign in" /> </div> <input type="hidden" name="action[authenticate_login]" value="true" /> <input type="hidden" name="forward" class="js-modal-forward" value="" /> </form> </div> </div> </div> </div> </div> <script src="https://monocle.com/workspace/assets/js/min/monocle.min.js?v=20170314"></script> <script type="text/javascript"> (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-1345914-1', 'auto'); ga('require', 'displayfeatures'); ga('require', 'ec'); ga('send', 'pageview'); </script> <!--Signifyd instance--> </body> </html>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
document.ready
$(document).ready(function () {
console.log("finish");
});
pending…
window.onload
window.onload = function() {
console.log("finish");
};
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments

Monocle

The Monocle Minute

L Monocle events and promotions

L R Monocle 24 radio

L F Monocle Films

L Monocle magazine

Free to read in this issue

L S Monocle Shop

Subscribe to the Monocle newsletters

L Monocle recommends

0:00:00 0:01:00

Drag me