subscription promotion
| Copy the code below to use in a RAW HTML component on any Accounts & billing pages |
|---|
| <style> .newsletter__header {border: 2px solid #10a3c8; background-color: #FFFFFF; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-bottom: 1.5em; padding: 0; font-weight: bold; overflow: hidden; width: 216px;} .newsletter__header h3 {background-color: #10a3c8; color: #fff; font-family: 'brand-font-light', Arial, Helvetica, sans-serif; font-size: 32px; line-height: 1; font-weight: normal; padding: 12px 24px; margin: 0;} .newsletter__image img {width: 100%; vertical-align: middle;} .newsletter__text {margin: 20px 24px; font-weight: normal; overflow: hidden;} .newsletter__text p {margin: 0;} .newsletter__text p + p {margin: 1em 0 0 0;} .newsletter__text p a {color: #10a3c8;} </style> <section class="newsletter__header"> <h3>Energy-saving tips that work</h3> <div class="newsletter__image"><img src="/content/dam/BCHydro/email/images/email-promo/bedroom-420x210.jpg"></div> <div class="newsletter__text"> <p>Sign up for our monthly residential eNewsletter to get the best out of energy tracking, tips & offers.</p> <p><a href="#" onclick="myRef = window.open('https://www.bchydro.com/youraccount/subscribe/AppEntryExternalPage.do?nid=3','mywin', 'left=20,top=20,width=1028,height=768,toolbar=1,resizable=0,scrollbars=1'); myRef.focus()"><b>Subscribe now</b></a></p> </div> </section> |
| Copy the code below to use in a reference component on any story pages. |
|---|
Connected: Our top stories (reading corner)
|