Embed

<!DOCTYPE html> <html data-widget-id="aa363512-6411-4aca-a3cf-4b4743277bce" 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/aa363512-6411-4aca-a3cf-4b4743277bce.html","20210424040608","https://web.archive.org/","web","/_static/", "1619237168"); </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/20210424040608cs_/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="Newsletter Promotion - Family - right hand side" data-widget-type="embed" data-widget-version="0.0.1"> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://web.archive.org/web/20210424040608cs_/https://cf.eip.telegraph.co.uk/assets/_css/fontsv02.css"> <link href="/web/20210424040608cs_/https://cf-particle-html.eip.telegraph.co.uk/aa363512-6411-4aca-a3cf-4b4743277bce.html" rel="stylesheet"> </head> <body> <div class="embed--newsletter--container embed--newsletter--global__group"> <a href="https://web.archive.org/web/20210424040608/https://secure.telegraph.co.uk/secure/newsletter/family/?icid=family_newsletter-family_generic_index_rhs" style="text-decoration:none"><div class="embed--newsletter--left"> <div class="embed--newsletter--title">Family newsletter</div> <div class="embed--newsletter--text">Telegraph Family – your weekly dose of expert advice, exclusive content and family secrets.</div> </div></a> <div class="embed--newsletter--right"> <a href="https://web.archive.org/web/20210424040608/https://secure.telegraph.co.uk/secure/newsletter/family/?icid=family_newsletter-family_generic_index_rhs" style="text-decoration:none"> <div class="embed--newsletter--cta">Sign up</div> </a> <a class="embed--newsletter--link" target="_blank" href="https://web.archive.org/web/20210424040608/http://www.telegraph.co.uk/emailing-samples/front-bench">View newsletter</a> </div> </div> <style type="text/css"> html, body{ padding: 0px; margin: 0px; } .embed--newsletter--global__group { zoom: 1 } .embed--newsletter--global__group:before, .embed--newsletter--global__group:after { content: ""; display: table } .embed--newsletter--global__group:after { clear: both } .embed--newsletter--container{ border: 1px solid #efefef; padding: 10px 10px; display: flex; /*align-items: center;*/ justify-content: space-between; flex-direction: column; background: url('https://web.archive.org/web/20210424040608im_/https://www.telegraph.co.uk/content/dam/subscriptions/premium-product/misc/family-embed.png') no-repeat; background-position: center right; background-size: contain; min-height: 148px; background-color: #F8F8F8; } .embed--newsletter--container:after{ content: ' '; display: block; clear: none; background-color: #7dcdf2; } .embed--newsletter--left{ /*float: left;*/ width: 100%; padding-bottom: 16px; } .embed--newsletter--title{ font-family: "Austin News Deck Semibold",Georgia,Times,serif; font-size: 30px; line-height: 32px; color:#522260; } .embed--newsletter--text{ font-family: "Telesans Text Regular",Arial,sans-serif; padding-top: 12px; font-size: 14px; line-height: 18px; color:#000050; width: 50%; } .embed--newsletter--right{ vertical-align: middle; display: flex; flex-direction: row; /*justify-content: space-between;*/ align-items: flex-start; width: 100%; height: 100%; min-width: 120px; } .embed--newsletter--cta{ font-size: 14px; line-height: 16px; font-family: "Telesans Text Regular",Arial,sans-serif; padding: 9px 16px; text-decoration: none; opacity: 1; text-align: center; background-color: #522260; color: #fff; margin: 0 auto; } .embed--newsletter--link{ font-family: "Telesans Text Regular",Arial,sans-serif; color:#666; display: block; margin: 0px auto 0 15px; text-align: right; padding: 0; height: 14px; font-size: 14px; line-height: 14px; border-bottom-color: #DE0000; text-decoration: none; align-self: center; padding-bottom: 2px; border-bottom-width: 2px; border-bottom-style: solid; display: none; } @media only screen and (max-width: 480px) { .embed--newsletter--container{ background: url('https://web.archive.org/web/20210424040608im_/https://www.telegraph.co.uk/content/dam/subscriptions/premium-product/misc/family-embed-small.png') no-repeat; background-position: center right; background-size: contain; background-color: #F8F8F8; } } @media only screen and (max-width: 480px) { .embed--newsletter--title{ font-size: 24px; line-height: 26px; } .embed--newsletter--text{ width: 70%; } } </style> </body> </html> </section> </body> <script src="https://web.archive.org/web/20210424040608js_/https://code.jquery.com/jquery-2.2.0.min.js"></script> <script src="https://web.archive.org/web/20210424040608js_/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/20210424040608js_/https://cf.eip.telegraph.co.uk/particle-CMS/particles/helpers.js"></script> <script src="https://web.archive.org/web/20210424040608js_/https://cf.eip.telegraph.co.uk/particle-CMS/particles/analytics.js"></script> </html>

CINXE.COM

Embed