Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head background="https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=separator&separator=A"><META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

<!-- Modified from @ericlepetitsf's original email to remove identifying info -->


<!--[if source]>- 
 , _
/|/_)      o |\_|_    |)
 |  \|  |  | |/ |     |/\_|  |
 |(_/ \/|_/|/|_/|_/    \/  \/|/...
                            (|

              RebelmailReb
          RebelmailRebelmailR
        RebelmailRebelmailRebel
      Rebelma             Rebelma
     Rebelm                 Rebelm
    Rebel    RebelmailRebe    Rebel
   Rebel     RebelmailRebelm   Rebel
   Rebe      RebelmailRebelma   Rebe
  Rebel     Rebel        Rebe    Rebe
  Rebe      Rebe         Rebe    Rebe
  Rebe      RebelmailRebelmai    Rebel
  Rebe      RebelmailRebelma     Rebel
  Rebe     Rebe       Rebe       Rebel
  Rebe     Rebe       Rebe       Rebe
  Rebel    Rebe       Rebel     Rebel
   Rebel  Rebel        Rebel  Rebelm
    Rebel               RebelmailRe
     Rebel               Rebelmail
      Rebelm
       Rebelmail       Rebelmail
         RebelmailRebelmailRebe
            RebelmailRebelma

              __         __                _ __
   ________  / /_  ___  / /___ ___  ____ _(_) /
  / ___/ _ \/ __ \/ _ \/ / __ `__ \/ __ `/ / /
 / /  /  __/ /_/ /  __/ / / / / / / /_/ / / /
/_/   \___/_.___/\___/_/_/ /_/ /_/\__,_/_/_/

-<![endif]-->
<meta name="author" content="Rebelmail.com">
<!--[if source]>- 
  This interactive email was built by Rebelmail.com
-<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no">
<meta http-equiv="X-UA-Compatible" 
content="IE=edge">
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<title>
See the world&#x27;s first curved All-in-One
</title>
<style>
#xz:checked+* .wk,* [lang=x-interactive]:checked+* [lang~=x-gallery]{display:block!important;max-height:none!important;overflow:visible!important}#xz:checked+* .wkFallback,* [lang=x-interactive]:checked+* [lang~=x-galleryFallback]{display:none!important}.moz-text-html #xz:checked+* .wk{display:none!important}.moz-text-html #xz:checked+* .wkFallback{display:block!important}#km:checked+* #dj+.wkImg,* [lang=x-gallery-default]:checked+* [lang=x-img0]+[lang=x-galleryImg],* [type=radio]:checked+[lang=x-galleryImg],input:checked+.wkImg{display:inline-block!important;max-height:none!important}#km:checked+* #dj+*+*+.qr,* [lang=x-gallery-default]:checked+* [lang=x-img0]+*+*+[lang=x-thumb],*
 [type=radio]:checked+*+*+[lang=x-thumb],input:checked+*+*+.qr{border-color:#0096d5!important}#km:checked+* .lb,* [lang=x-gallery-default]:checked+* [lang=x-tooltip]{display:block!important;overflow:visible!important}* [lang=x-gallery-default]:not(:checked)+* [lang=x-tooltip]{display:none!important}
</style>
<style>@media yahoo (max-width:480px){#xz:checked+* .wk{display:none!important}#xz:checked+* .wkFallback{display:block!important}}</style>
<style>
#xz:checked+* .wkhp1,* [lang=x-interactive]:checked+* [lang=x-galleryhp1]{background-image:url("https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=variant&variant=limited||gallery&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064")!important}* [lang*=galleryhp1] [lang*=img0]:checked+*,.wkhp1 #dj:checked+*{background-image:url("https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=interaction&interaction=slideshow||galleryhp1||img0&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064")!important}* [lang*=galleryhp1] [lang*=img1]:checked+*,.wkhp1 #nd:checked+*{background-image:url("https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=interaction&interaction=slideshow||galleryhp1||img1&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064")!important}* [lang*=galleryhp1] [lang*=img2]:checked+*,.wkhp1
 #bm:checked+*{background-image:url("https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=interaction&interaction=slideshow||galleryhp1||img2&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064")!important}* [lang*=galleryhp1] [lang*=img3]:checked+*,.wkhp1 #ja:checked+*{background-image:url("https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=interaction&interaction=slideshow||galleryhp1||img3&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064")!important}
</style>
<style>@media screen and (-webkit-device-pixel-ratio){#xz:checked+* .wkhp1{background-image:url("https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=variant&variant=interactive||gallery&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064")!important}}</style>
<style></style>
<style>
body{margin:0!important;padding:0!important;-webkit-transform:scale(1)!important;background:#e6e6e6;min-width:100%!important}body#MessageViewBody{min-width:100vw}#MessageWebViewDiv,#MessageWebViewDiv .rj{width:100%!important}*{text-size-adjust:none!important;-ms-text-size-adjust:none!important;-webkit-text-size-adjust:none!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-tap-highlight-color:transparent}.ExternalClass *{line-height:100%;font-family:Arial}p{margin:0;padding:0}table{table-layout:fixed;margin:0 auto}table table
 table{table-layout:auto;border-collapse:collapse}table,td{mso-table-lspace:0;mso-table-rspace:0}img{-ms-interpolation-mode:bicubic;display:block}:focus{outline:0}a,button{opacity:1!important}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}:root [style*=font-size],_:-ms-input-placeholder{font-size:16px!important}* [type=radio],.oe{display:none!important}a,a *,button,label,label+*+*{cursor:pointer!important}del{color:inherit}a{color:inherit;text-decoration:none}a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important}
</style>
<style>.ExternalClass input[type=checkbox]+label,.ExternalClass input[type=radio]+label{background:0 0;padding:0;height:auto}@media screen and (max-width:600px){.gd{width:100%}.mg{width:100%;height:auto}.ae{display:none!important}}</style>
<style>
* [lang=x-track2]{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=outlook2011)!important}.xdz[onload]{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=gmail-webmail)!important}:root .xdz[onload],_::-webkit-full-page-media,_:future,body.wkk _:-webkit-full-screen{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=outlook2016)!important}@media screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:2),screen and (device-height:320px) and (device-width:480px) and
 (-webkit-device-pixel-ratio:2){.xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=device&device=iPhone4)!important}}@media screen and (max-device-width:320px) and (width:320px) and (device-height:568px) and (-webkit-min-device-pixel-ratio:2),screen and (max-device-height:320px) and (height:320px) and (device-width:568px) and (-webkit-min-device-pixel-ratio:2){.xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=device&device=iPhone5)!important}}@media screen and (device-width:320px) and (width:375px) and (device-height:568px) and (-webkit-min-device-pixel-ratio:2),screen and
 (device-height:320px) and (height:375px) and (device-width:568px) and (-webkit-min-device-pixel-ratio:2){.xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=device&device=iPhone6)!important}}@media screen and (device-width:320px) and (width:414px) and (device-height:568px) and (-webkit-min-device-pixel-ratio:2),screen and (device-height:320px) and (height:414px) and (device-width:568px) and (-webkit-min-device-pixel-ratio:2){.xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=device&device=iPhone6plus)!important}}#mb-email-wrapper
 .xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=MailboxiOS)!important}#message-content .xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=MailboxAndroid)!important}#secdiv .xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=SamsungS4)!important}.mail-message-content
 .xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=SamsungS5)!important}.eln.xdz{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=client&client=LotusNotes)!important}.kkm{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=A)!important}* [lang=x-forward2],.kkm2{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=C)!important}#qyr .kkm,* [style="FONT: 10pt arial"],* [style="FONT: 10pt arial"] [lang=forward],* blockquote
 [lang=x-forward],.kkm[tabindex="-1"],.ldb,.moz-kkm-container,:root blockquote .kkm,>div.kkm2,_:-webkit-full-screen,blockquote .kkm,font,style[scoped]~.kkm{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=B)!important}.ecxkkm{background:0 0}>div.kkm2{background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=E)!important}
</style>
<!--[if mso]><!-->
<style>
@font-face{font-family:HPSimplified;font-style:normal;font-weight:400;src:url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-eot.eot?#iefix) format("embedded-opentype"),url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-woff.woff) format("woff"),url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-regular-ttf.ttf) format("truetype")}@font-face{font-family:HPSimplified;font-style:normal;font-weight:700;src:url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-eot.eot?#iefix) format("embedded-opentype"),url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-woff.woff)
 format("woff"),url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-bold-ttf.ttf) format("truetype")}@font-face{font-family:HPSimplified;font-style:normal;font-weight:100;src:url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-light-eot.eot?#iefix) format("embedded-opentype"),url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-light-woff.woff) format("woff"),url(https://ssl.www8.hp.com/h10180/hp-fonts/v2-0/hps-euro-w01-light-ttf.ttf) format("truetype")}*{font-family:HPSimplified,Arial!important}
</style>
<!--<![endif]-->
<style external="">
@media screen and (max-width:480px){.nad{max-height:0;overflow:hidden;display:block;width:90%;border-bottom:1px solid #767676;margin:0 auto;pointer-events:none}caption{caption-side:bottom;display:none}.bjm img{display:none!important}.bjm::after{content:'';background:url(https://res.cloudinary.com/rebelmail/image/fetch/q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2FbannerMobile.jpg) center/cover;width:100%;padding-bottom:71.875%;display:block}}@media screen and (-webkit-device-pixel-ratio){body:not([id=MessageViewBody])
 .wkImg{display:inline-block!important;position:absolute;max-height:none!important;z-index:0;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}#dj+.wkImg{position:relative}#km:checked+* #dj+.wkImg,input:checked+.wkImg{z-index:1;opacity:1}.qr{position:relative}body:not([id=MessageViewBody]) .qr::after{content:'';position:absolute;left:50%;top:0;-webkit-transform:translate(0,0) scale(0);transform:translate(0,0) scale(0);border-style:solid;border-width:0 10px 10px 10px;margin-left:-10px;border-color:transparent transparent #0096d5 transparent;-webkit-transition:all .5s;transition:all .5s;opacity:0}#km:checked+*
 #dj+*+*+.qr::after,input:checked+*+*+.qr::after{-webkit-transform:translate(0,-10px) scale(1);transform:translate(0,-10px) scale(1);opacity:1}.lb{-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:tooltip,tooltip-off;animation-name:tooltip,tooltip-off;-webkit-animation-delay:.5s,8.5s;animation-delay:.5s,8.5s}@-webkit-keyframes
 tooltip{0%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0}90%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}}@keyframes tooltip{0%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:0}90%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-webkit-keyframes tooltip-off{0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}10%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{-webkit-transform:scale(.8,.8);transform:scale(.8,.8);opacity:0}}@keyframes
 tooltip-off{0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}10%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{-webkit-transform:scale(.8,.8);transform:scale(.8,.8);opacity:0}}}@media screen and (-webkit-device-pixel-ratio){.wkhp1 #dj~.qr,.wkhp1 #dj~.qr::after,.wkhp1 #dj~.wkImg{-webkit-animation-delay:-30s;animation-delay:-30s;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.wkhp1 #nd~.qr,.wkhp1 #nd~.qr::after,.wkhp1
 #nd~.wkImg{-webkit-animation-delay:-22.5s;animation-delay:-22.5s;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.wkhp1 #bm~.qr,.wkhp1 #bm~.qr::after,.wkhp1 #bm~.wkImg{-webkit-animation-delay:-15s;animation-delay:-15s;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.wkhp1 #ja~.qr,.wkhp1 #ja~.qr::after,.wkhp1
 #ja~.wkImg{-webkit-animation-delay:-7.5s;animation-delay:-7.5s;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}body:not(#MessageViewBody) .wkhp1 #km:checked+* .wkImg{-webkit-animation-name:galleryhp1;animation-name:galleryhp1}body:not(#MessageViewBody) .wkhp1 #km:checked+* .qr{-webkit-animation-name:thumbhp1;animation-name:thumbhp1}.wkhp1 #km:checked+* .qr::after{-webkit-animation-name:thumbAfterhp1;animation-name:thumbAfterhp1}@-webkit-keyframes galleryhp1{0%{z-index:1;opacity:1}23.75%{opacity:1}25%{z-index:1}26.25%{z-index:0;opacity:0}99%{z-index:0;opacity:0}100%{opacity:1}}@keyframes
 galleryhp1{0%{z-index:1;opacity:1}23.75%{opacity:1}25%{z-index:1}26.25%{z-index:0;opacity:0}99%{z-index:0;opacity:0}100%{opacity:1}}@-webkit-keyframes thumbhp1{0%{border-color:#0096d5}24.5%{border-color:#0096d5}25.5%{border-color:#333}100%{border-color:#333}}@keyframes thumbhp1{0%{border-color:#0096d5}24.5%{border-color:#0096d5}25.5%{border-color:#333}100%{border-color:#333}}@-webkit-keyframes thumbAfterhp1{0%{-webkit-transform:translate(0,-10px) scale(1);transform:translate(0,-10px) scale(1);opacity:1;border-bottom-color:#0096d5}24.5%{-webkit-transform:translate(0,-10px) scale(1);transform:translate(0,-10px)
 scale(1);opacity:1;border-bottom-color:#0096d5}25.5%{-webkit-transform:translate(0,0) scale(0);transform:translate(0,0) scale(0);opacity:0;border-bottom-color:transparent}100%{-webkit-transform:translate(0,0) scale(0);transform:translate(0,0) scale(0);opacity:0;border-bottom-color:transparent}}@keyframes thumbAfterhp1{0%{-webkit-transform:translate(0,-10px) scale(1);transform:translate(0,-10px) scale(1);opacity:1;border-bottom-color:#0096d5}24.5%{-webkit-transform:translate(0,-10px) scale(1);transform:translate(0,-10px) scale(1);opacity:1;border-bottom-color:#0096d5}25.5%{-webkit-transform:translate(0,0) scale(0);transform:translate(0,0)
 scale(0);opacity:0;border-bottom-color:transparent}100%{-webkit-transform:translate(0,0) scale(0);transform:translate(0,0) scale(0);opacity:0;border-bottom-color:transparent}}}
</style>
</head>
<body bgcolor="#e6e6e6" style="background:#e6e6e6" class="jqa">
<img src="https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/event.gif?type=open&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064" height="0" width="0" style="display:block;max-height:0;max-width:0">
<img src="https://click.americas.links.hp.com/open.aspx?ffcb10-fec1127471630c7c-fe2e1577776d057e701574-fe991573766d007d77-ff5d127871-fe2715747162057a7c1478-ff5e1d7576" width="1" height="1">
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all">
Introducing the world&#x27;s widest curved all-in-one.
</div>
<!--[if mso]><!--><input 
type="radio" name="limited" id="xz" lang="x-interactive" class="oe" style="display:none!important;mso-hide:all" checked><!--<![endif]-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e6e6e6" style="background:#e6e6e6" class="rj">
<tr>
<td style="font-size:0" class="rkj">&nbsp;
</td>
<td align="center" valign="middle" bgcolor="#ffffff" width="610" class="gd" style="font-family:Arial;color:#333;background:#fff;text-align:center;line-height:24px">
<a 
href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a">
<img src="https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_306,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fheader.gif" border="0" alt="HP ENVY Curved All-in-One PC" width="610" style="width:100%;max-width:610px;height:auto;display:block;line-height:50px;color:#0096d5">
</a>
<!--[if mso]><!-->
<div class="wk wkhp1" 
lang="x-gallery x-galleryhp1" style="display:none;max-height:0;overflow:hidden;mso-hide:all">
<input type="radio" name="galleryhp1" id="km" lang="x-gallery-default" class="oe" checked>
<label>
<input type="radio" name="galleryhp1" class="oe" id="ja" lang="x-img3">
<div class="wkImg" lang="x-galleryImg" style="width:100%;max-width:610px;display:none;max-height:0;overflow:hidden;mso-hide:all">
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery3.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery3.jpg);background-size:100%;background-size:cover;width:100%;padding-bottom:66.39344262295081%;display:inline-block;text-decoration:none" 
class="wkImg3">
</a>
</div>
<label>
<input type="radio" name="galleryhp1" class="oe" id="bm" lang="x-img2">
<div class="wkImg" lang="x-galleryImg" style="width:100%;max-width:610px;display:none;max-height:0;overflow:hidden;mso-hide:all">
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery2.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery2.jpg);background-size:100%;background-size:cover;width:100%;padding-bottom:66.39344262295081%;display:inline-block;text-decoration:none" 
class="wkImg2">
</a>
</div>
<label>
<input type="radio" name="galleryhp1" class="oe" id="nd" lang="x-img1">
<div class="wkImg" lang="x-galleryImg" style="width:100%;max-width:610px;display:none;max-height:0;overflow:hidden;mso-hide:all">
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery4.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery4.jpg);background-size:100%;background-size:cover;width:100%;padding-bottom:66.39344262295081%;display:inline-block;text-decoration:none" 
class="wkImg1">
</a>
</div>
<label>
<input type="radio" name="galleryhp1" class="oe" id="dj" lang="x-img0">
<div class="wkImg" lang="x-galleryImg" style="width:100%;max-width:610px;display:none;max-height:0;overflow:hidden;mso-hide:all">
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery1.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery1.jpg);background-size:100%;background-size:cover;width:100%;padding-bottom:66.39344262295081%;display:inline-block;text-decoration:none" 
class="wkImg0">
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all" class="lb" lang="x-tooltip">
<div style="padding-top:33.19672131147541%"></div>
<div style="display:table;padding:1em;width:270px;height:1em;line-height:1;text-decoration:none;font-size:14px;margin:0 auto;margin-top:-1.5em;background:#d5431d;color:#fff;border:1px solid #d5431d">
Click thumbnails to view the gallery
</div>
</div>
</a>
</div>
<label for="xoz" style="display:block">
</label>
<div class="qr" lang="x-thumb" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery1.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery1.jpg);background-size:100%;background-size:cover;height:64px;width:64px;display:inline-block;border:1px solid #333;margin:6px 3px">
</div>
</label>
<div class="qr" lang="x-thumb" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery4.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery4.jpg);background-size:100%;background-size:cover;height:64px;width:64px;display:inline-block;border:1px solid #333;margin:6px 3px">
</div>
</label>
<div class="qr" lang="x-thumb" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery2.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery2.jpg);background-size:100%;background-size:cover;height:64px;width:64px;display:inline-block;border:1px solid #333;margin:6px 3px">
</div>
</label>
<div class="qr" lang="x-thumb" 
style="background:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery3.jpg) no-repeat center/cover;background-image:url(https://res.cloudinary.com/rebelmail/image/fetch/w_128,h_128,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery3.jpg);background-size:100%;background-size:cover;height:64px;width:64px;display:inline-block;border:1px solid #333;margin:6px 3px">
</div>
</label>
</div>
<!--<![endif]-->

<div class="wkFallback" lang="x-galleryFallback">
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a">
<img src="https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_810,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fgallery1.jpg" alt="HP ENVY Curved All-in-One PC" width="610" border="0" 
style="display:inline-block;width:100%;max-width:610px;height:auto;line-height:50px;color:#0096d5;Margin-bottom:10px">
</a>
</div>

<!--[if mso]><br><![endif]-->
<p style="Margin:10px;font-size:24px;line-height:140%;font-weight:100">
Get the immersive entertainment experience you've been waiting for with the world's first curved business-class <span style="white-space:nowrap">All-in-One</span> PC.<sup style="line-height:80%">1</sup>
<span style="font-size:18px;line-height:140%">
<br><br>
HP ENVY Curved All-in-One PC starts at $1,649.<sup style="line-height:80%">99*</sup>
</span>
</p>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a" style="text-decoration:none;color:#fff;background:#0096d5;border:15px solid #0096d5;border-width:15px 50px;line-height:100%;font-size:18px">
Shop HP now
</a>
<br><br><br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e2630904e1eac8183b1b97173a47b55118b5f7600f54a82592b98425f0b7a93cebdd2408a359a08a" class="bjm">

<img src="https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_500,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fenvy-curved%2Fimages%2Fversion5%2Fbanner.jpg" border="0" alt="Save $150" width="610" style="width:100%;max-width:610px;height:auto;display:block;line-height:50px;color:#0096d5">
</a>
<p style="Margin:10px;font-size:18px;line-height:140%;font-weight:100"><br>
<span style="font-size:24px;line-height:140%">Key features of the ENVY Curved All-in-One PC<br></span>
34-inch diagonal curved display<br>
State-of-the-art Audio by Bang & Olufsen <br>
6th generation Intel&reg; Core&trade; processor<br>
Windows 10<sup style="line-height:80%">2</sup><br>
Technicolor Color Certified, for true-to-life color
</p>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87c991aaa7506bb725eec921f380ace6900f5e5ff7dc876dfd7f9e089b0c46109d59c287e1be25338f" class="nad">
<img src="https://res.cloudinary.com/rebelmail/image/fetch/w_1220,h_118,q_70,c_fill/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fimages%2Ffooter-banner.jpg" 
border="0" alt="Learn more" width="610" style="width:100%;max-width:610px;height:auto;display:block;line-height:50px;color:#0096d5">
</a>
<div style="text-align:center;font-size:0">
<!--[if mso]><table align="center" width="100%" class="outer" border="0" cellspacing="20" cellpadding="0" style="font-family:arial;">   
    <tr><![endif]-->
<!--[if mso]><td valign="top"><![endif]-->
<div 
style="display:inline-block;min-width:30%;max-width:50%;width:180px;width:calc(230400px - 48000%);text-align:left;vertical-align:top;font-size:12px;color:#767676">
<div style="padding:20px">
<strong style="font-size:14px">Shop HP.com</strong>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87c39e8d28b3c69c2b02c26c0a2a09fccb1d7a6b3565303f7a9c789231db28b52fb3c0e0bc820943a8" style="text-decoration:none;color:#767676">Laptops</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c8759433e242156ed53e373da035c68631a1ed707d86d8e059e413bf84748aaceb8a7cf4a11c80f4b50" style="text-decoration:none;color:#767676">Desktops</a>
<br>
<a 
href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87da6548098ba328cbb411647dfbc36e2b5e5a623d2249d0bf24a87fda226ed64858b57c1a40e8eee7" style="text-decoration:none;color:#767676">Printers</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c8748ce79e92dde0087d64c50a34dfff06df8e243e1920caf7de93757417d8503b4ebd132f7ddd0aeb8" style="text-decoration:none;color:#767676">Ink/Toner</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87ec3e002c5ff43e6e6775ba7b43a9268761467229e4f8d52eee4a45f79e4225f7dbda69a2534e9400" style="text-decoration:none;color:#767676">Accessories</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c8778de4b052661b9f2fc47333606c67228cbdc070d2b60e1923dd5460fe8f261023171917aba82655d" style="text-decoration:none;color:#767676">Business Solutions</a>
<br>

</div>
</div>
<!--[if mso]></td><![endif]-->
<!--[if mso]><td valign="top"><![endif]-->
<div style="display:inline-block;min-width:30%;max-width:50%;width:180px;width:calc(230400px - 48000%);text-align:left;vertical-align:top;font-size:12px;color:#767676">
<div style="padding:20px">
<strong style="font-size:14px">Customer service</strong>
<br>
<a href="tel:18889994747" style="text-decoration:none;color:#767676">1-888-999-4747</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c872a83db4f87738a2b8a997581eaea68b9b6495ab69592fc9e29ed17a9637232fb350b318fa0f2b934" 
style="text-decoration:none;color:#767676">My Account</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c8748ce79e92dde0087d64c50a34dfff06df8e243e1920caf7de93757417d8503b4ebd132f7ddd0aeb8" style="text-decoration:none;color:#767676">My Print Rewards</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c8778de4b052661b9f2fc47333606c67228cbdc070d2b60e1923dd5460fe8f261023171917aba82655d" style="text-decoration:none;color:#767676">Small Business Center</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c870a2b4cdb8c0d85a5c2a1700815618acdee342329bdf72cadd507aee9edfd09247110f635d05143bb" style="text-decoration:none;color:#767676">Contact HP</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87eb0b117f195b07ab495a5c165d9ed3a6f78559283831d68cc73da4829677bac5b8be45150bec635b" 
style="text-decoration:none;color:#767676">Find a Retailer</a>
<br>
</div>
</div>
<!--[if mso]></td><![endif]-->
<!--[if mso]><td valign="top"><![endif]-->
<div style="display:inline-block;min-width:30%;max-width:100%;width:180px;width:calc(230400px - 48000%);text-align:left;vertical-align:top;font-size:12px;color:#767676">
<div style="padding:20px">
<strong style="font-size:14px">HP.com support</strong>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87fb1ff017adc14725f93ed1f2881f65cdc92138a91c2b94a33cfb4ff984ee6f4e9749bf53aa48f35d" style="text-decoration:none;color:#767676">
Support &amp; Drivers</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c8738f53c2e1ea81fa78d476ac61f3b2de17dea8bf2722d8467aad2aaf5f7823b997267c4e985fee04c" style="text-decoration:none;color:#767676">Care Pack</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c877d098e79980e0183300f6dd0d3a145ba6ce1580ce98fb4b66687bd14b99cce89f41c7ac828f8453d" style="text-decoration:none;color:#767676">Support Forums</a>
<br>
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c876c2b9f6738be0a4b4c2dad6d0d779b9874bdb65ee7ec5a713785a14f5ea2700cfe9b4617a53dc958" style="text-decoration:none;color:#767676">Product Recycling</a>
<br>
</div>
</div>
<!--[if mso]></td><![endif]-->

<!--[if mso]><td width="50" align="center"><![endif]-->
<div style="display:inline-block;min-width:10%;max-width:100%;width:60px;width:calc(230400px - 48000%);font-size:14px;vertical-align:text-top">
<div style="padding:10px;text-align:justify">
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87efd7b3b790c245718d2cacf65271f0e43f2f4fb475a28513cca270162f71eb0a15840933bfe249e3" style="text-decoration:none">
<img src="https://res.cloudinary.com/rebelmail/image/fetch/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fimages%2Ffacebook.gif" width="30" border="0" alt="facebook" 
style="width:20%;min-width:30px;max-width:40px;height:auto;display:inline-block;color:#0096d5">
</a><!--[if mso]><br><![endif]-->
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c877df500c6091c732d269ad9f46dce9d827b2cf242da550f5367e5c9461d05a45a676c26d0da7a555b" style="text-decoration:none">
<img src="https://res.cloudinary.com/rebelmail/image/fetch/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fimages%2Fpinterest.gif" width="30" border="0" alt="pinterest" style="width:20%;min-width:30px;max-width:40px;height:auto;display:inline-block;color:#0096d5">
</a>
<!--[if mso]><br><![endif]-->
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c878b2b42f061cf1fa39bb2f176f66e4c7dddda35945510ed0d4baf1396400e281e3d01711b7ecf3a4f" style="text-decoration:none">
<img src="https://res.cloudinary.com/rebelmail/image/fetch/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fimages%2Ftwitter.gif" width="30" border="0" alt="twitter" style="width:20%;min-width:30px;max-width:40px;height:auto;display:inline-block;color:#0096d5">
</a><!--[if mso]><br><![endif]-->
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c871bd540f46608c472d6d0bdbddcf576dfa2985fe552c276d29368059a5415dcbea71a67f423abee8e" style="text-decoration:none">
<img 
src="https://res.cloudinary.com/rebelmail/image/fetch/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fimages%2Fyoutube.gif" width="30" border="0" alt="youtube" style="width:20%;min-width:30px;max-width:40px;height:auto;display:inline-block;color:#0096d5">
</a><!--[if mso]><br><![endif]-->
<a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87e681a28e11ccd1841d9cb123df3d2489a228222b0c7c2e244897833ca0706f89078ed386d4e9a511" style="text-decoration:none">
<img 
src="https://res.cloudinary.com/rebelmail/image/fetch/https%3A%2F%2Fs3.amazonaws.com%2Frebelmail-templates%2Fhp%2Fimages%2Finstagram.gif" width="30" border="0" alt="instagram" style="width:20%;min-width:30px;max-width:40px;height:auto;display:inline-block;color:#0096d5">
</a><!--[if mso]><br><![endif]-->
<div style="display:inline-block;width:100%"></div>
</div>
</div>
<!--[if mso]></td>
    </tr>
  </table><![endif]-->
</div>
</td>
<td style="font-size:0" class="rkj">&nbsp;
</td>
</tr>
<tr>
<td 
style="font-size:0" class="rkj">&nbsp;
</td>
<td align="center" valign="middle" width="600" class="gd" style="font-family:Arial;color:#333;background:#e6e6e6;text-align:center;line-height:24px">
<p style="Margin:10px;font-size:12px;line-height:140%;font-weight:100;color:#5c5c5c;font-family:arial;text-align:left">


<br><br>
* Offer valid through the earlier of 4/2/2016 for HP ENVY Curved All-in-One or while supplies last and is subject to change or cancellation at any time. See product page for details. Prices shown may include applicable instant savings. Not valid with any other promotions and valid in US only.
<br><br>
1. Based on HP's internal analysis of business class All-in-One desktop PCs as of January 4, 2016 among vendors with &gt;1&nbsp;million unit annual sales having 4th or 6th Gen Intel processors or AMD Pro processors, 6 USB Ports, Windows 7 Professional, Windows 8.1 Pro or Windows 10 Pro, and TPM.
<br><br>
2. Not all features are available in all editions of versions of Windows 10. Systems may require upgraded and/or separately purchased hardware, drivers, software or BIOS update to take full advantage of Windows 10 functionality. Windows 10 is automatically updated, which is always enabled. ISP fees may apply and additional requirements may apply over time for updates. See <a href="https://click.americas.links.hp.com/?qs=97ff910ce9a89c87fb8957095f00476b5bddc502d662c1043a971dce11c22b7fba033a74345bee2f857f7a3c5cd49a8b" style="color:#5c5c5c;font-family:arial">https://www.microsoft.com</a>
<br><br>
Intel, the Intel Logo, Intel Inside, Intel Core, and Core Inside are trademarks of Intel Corporation in the U.S. and/or other countries.
<br><br>
The content of this email is intended only for U.S. residents.
<br><br>
Please add <a href="mailto:HP@us.shopping.hp.com" style="color:#5c5c5c;font-family:arial">HP@us.shopping.hp.com</a>
 to your address book.
<br><br>

We strive to ensure all the information in our email is correct, but mistakes happen; we aren't responsible for typographical errors.
<br><br>
HP.com,  1501 Page Mill Road, Bldg. 4, Palo Alto, CA 94304
</p>
</td>
<td style="font-size:0" class="rkj">&nbsp;
</td>
</tr>
</table>
<div 
lang="x-track2" class="xdz" onload="null"></div>
<img src="https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=D&rid=c8a013de7a01a285b32d5521aa5ead1e&CampaignID=174295|644781|41064" style="display:none!important;overflow:hidden;height:0;width:0" height="1" width="1">
<table class="kkm" lang="x-forward" border="0" cellspacing="0" cellpadding="0" 
style="overflow:hidden;background-image:url(https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=A);height:0;width:0" background="https://api.rebelmail.com/v0/campaigns/56eaf0c463e78f130034b3a7/track.gif?type=forward&forward=A" height="1" width="1"></table>
<div class="kkm2" lang="x-forward2"></div>
</custom>


              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console