Embed

<!DOCTYPE html> <html data-widget-id="e9e9e546-8a49-420f-9d8a-909d2060c2e3" lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://cf-particle-html.eip.telegraph.co.uk/e9e9e546-8a49-420f-9d8a-909d2060c2e3.html","20200319040025","https://web.archive.org/","web","/_static/", "1584590425"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Embed</title> <base target="_top"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <link rel="stylesheet" href="https://web.archive.org/web/20200319040025cs_/https://cf.eip.telegraph.co.uk/particle-CMS/particles/embed/public-assets/css/0.0.1.css" type="text/css"> </head> <body> <section id="particle" data-widget-title="Markets Hub - Promotional embed" data-widget-type="embed" data-widget-version="0.0.1"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="Author"> <link rel="stylesheet" href="https://web.archive.org/web/20200319040025cs_/https://cf.eip.telegraph.co.uk/assets/_css/fontsv02.css">  <title>Markets Hub</title> </head> <body> <a href="https://web.archive.org/web/20200319040025/https://telegraph.co.uk/markets-hub"> <div class="embed--container"> <div class="embed--left"> <div class="embed--logo"> <img src="https://web.archive.org/web/20200319040025im_/https://www.telegraph.co.uk/content/dam/markets-hub/logo.svg"/> </div> <div class="embed--title">Real-time data & <span style="white-space: nowrap;">portfolio tracker</span></div> <div class="embed--text">Build your own portfolio, explore the latest market data and compare prices of FTSE 350 shares, commodities and currencies with our interactive investment tool.</div> <div class="embed--url">Visit <span>telegraph.co.uk/markets-hub</span> to get started</div> </div> <div class="embed--right"> </div> </div> </a> </body> <style> html, body { padding: 0px; margin: 0px; -webkit-font-smoothing: antialiased; color: #FFF; } a { text-decoration: none; color: #FFF; } .embed--container { background-color: #072A3A; display: flex; justify-content: space-between; padding: 16px; cursor: pointer; background-image: url('https://web.archive.org/web/20200319040025im_/https://www.telegraph.co.uk/content/dam/markets-hub/large-2.png'); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; } .embed--logo { max-width: 300px; } .embed--logo img{ width: 100%; } .embed--left { flex: 0 0 50%; } .embed--right { flex: 0 0 470px; align-self: flex-end; } .embed--title { font-family: "Austin News Deck Semibold", Georgia, Times, serif; font-size: 26px; line-height: 28px; margin: 16px 0px; } .embed--text { font-family: "Telesans Text Regular", Arial, sans-serif; font-size: 14px; line-height: 18px; } .embed--url { font-family: "Austin News Deck Semibold", Georgia, Times, serif; font-size: 19px; line-height: 22px; margin: 24px 0px 0px 0px; } .embed--url span { color: #02C3AA; } .embed--image {} .embed--image img { width: 100%; vertical-align: bottom; } @media only screen and (max-width:900px) { .embed--container { background-image: url('https://web.archive.org/web/20200319040025im_/https://www.telegraph.co.uk/content/dam/markets-hub/medium.png'); } .embed--left { flex: 0 0 65%; } .embed--title { font-size: 26px; } .embed--text { font-size: 14px; } .embed--url { font-size: 18px; } } @media only screen and (max-width:730px) { .embed--left { flex: 0 0 65%; } .embed--container { background-size: auto 80%; background-position: right bottom; } } @media only screen and (max-width:630px) { .embed--container { background-image: url('https://web.archive.org/web/20200319040025im_/https://www.telegraph.co.uk/content/dam/markets-hub/small.png'); background-size: auto 100%; background-position: 95% center; } .embed--left { flex: 0 0 70%; } .embed--title { font-size: 19px; line-height: 22px; } .embed--text { font-size: 12px; line-height: 15px; } .embed--url { font-size: 14px; line-height: 17px; } } @media only screen and (max-width:420px) { .embed--container { background-image: url('https://web.archive.org/web/20200319040025im_/https://www.telegraph.co.uk/content/dam/markets-hub/extrasmall.png'); background-size: auto 50%; background-position: 95% calc(100% - 16px); } .embed--left { flex: 0 0 100%; } .embed--title { font-size: 19px; } .embed--text { font-size: 12px; line-height: 15px; width: 70%; } .embed--url { width: 70%; font-size: 14px; line-height: 17px; } } </style> </html> </section> </body> <script src="https://web.archive.org/web/20200319040025js_/https://code.jquery.com/jquery-2.2.0.min.js"></script> <script src="https://web.archive.org/web/20200319040025js_/https://cf.eip.telegraph.co.uk/particle-CMS/particles/embed/public-assets/js/0.0.1.js"></script> <script src="https://web.archive.org/web/20200319040025js_/https://cf.eip.telegraph.co.uk/particle-CMS/particles/helpers.js"></script> <script src="https://web.archive.org/web/20200319040025js_/https://cf.eip.telegraph.co.uk/particle-CMS/particles/analytics.js"></script> </html>

CINXE.COM

Embed