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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<link rel="shortcut icon" href="https://static.xx.fbcdn.net/rsrc.php/v3/ys/r/q0e2c3IFFvV.png" />
<head>
</head>
<head>
<!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]-->
<title>Oculus</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
<meta name="format-detection" content="telephone=no"/>
<style type="text/css">
body { margin: 0; padding: 0; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
img { border: 0 !important; outline: none !important; }
p { Margin: 0px !important; Padding: 0px !important; }
table { border-collapse: collapse; mso-table-lspace: 0px; mso-table-rspace: 0px; }
td, a, span { border-collapse: collapse; mso-line-height-rule: exactly; }
.ExternalClass * { line-height: 100%; }
.em_defaultlink a { color: inherit !important; text-decoration: none !important; }
.em_g_img + div { display: none; }
.em_white a { color:#ffffff; text-decoration:none;}
.em_hover a:hover { background-color:#148aff !important; border-radius:4px !important; }

 @media only screen and (min-width:481px) and (max-width:599px) {
.em_main_table { width: 100% !important; }
.em_wrapper { width: 100% !important; }
.em_hide { display: none !important; }
.em_full_img { width: 100% !important; height: auto !important; }
.em_full_img img { width: 100% !important; height: auto !important; }
.em_center { text-align: center !important; }
.em_left { text-align: left !important; }
.em_side10 { width: 10px !important; }
.em_aside10 { padding: 0px 10px !important; }
.em_side15 { width: 15px !important; }
.em_aside15 { padding: 0px 15px !important; }
.em_ptop { padding-top: 20px !important; }
.em_pbottom { padding-bottom: 20px !important; }
.em_p10 { padding: 10px !important; }
.em_p15 { padding: 15px !important; }
.em_h20 { height: 20px !important; font-size: 1px!important; line-height: 1px!important; }
.em_h30 { height: 30px !important; }
.em_bg_none { background-image: none !important; }
.em_mob_block { display: block !important; }
.em_hauto { height: auto !important; }
.em_clear { clear: both !important; width: 100% !important; display: block !important; }
.em_side25 { width: 25px !important; }
.em_w145 { width: 200px !important; }
.em_h15 { height: 15px !important; font-size: 0px !important; line-height: 0px !important; }
.em_h10 { height: 10px !important; font-size: 0px !important; line-height: 0px !important; }
.em_cta { height: 40px !important; }
.em_cta a { line-height: 40px !important; }
.em_w150 { width: 150px !important; }
.em_ptop10 { padding-top: 10px !important; }
.em_font16 { font-size: 22px !important; line-height: 27px !important; }
}
@media only screen and (min-width:375px) and (max-width:480px) {
.em_main_table { width: 100% !important; }
.em_wrapper { width: 100% !important; }
.em_hide { display: none !important; }
.em_full_img { width: 100% !important; height: auto !important; }
.em_full_img img { width: 100% !important; height: auto !important; }
.em_center { text-align: center !important; }
.em_left { text-align: left !important; }
.em_side10 { width: 10px !important; }
.em_aside10 { padding: 0px 10px !important; }
.em_side15 { width: 15px !important; }
.em_aside15 { padding: 0px 15px !important; }
.em_ptop { padding-top: 20px !important; }
.em_pbottom { padding-bottom: 20px !important; }
.em_p10 { padding: 10px !important; }
.em_p15 { padding: 15px !important; }
.em_h20 { height: 20px !important; font-size: 1px!important; line-height: 1px!important; }
.em_h30 { height: 30px !important; }
.em_bg_none { background-image: none !important; }
.em_mob_block { display: block !important; }
.em_hauto { height: auto !important; }
.em_side25 { width: 25px !important; }
.em_clear { clear: both !important; width: 100% !important; display: block !important; }
.em_w145 { width: 155px !important; }
.em_w150 { width: 135px !important; }
.em_cta { height: 40px !important; font-size: 13px !important; }
.em_cta a { line-height: 40px !important; }
.em_font16 { font-size: 18px !important; line-height: 24px !important; }
.em_font12 { font-size: 13px !important; line-height: 15px !important; }
.em_font26 { font-size: 25px !important; line-height: 32px !important; }
.em_font21 { font-size: 19px !important; line-height: 22px !important; }
.em_h15 { height: 15px !important; font-size: 0px !important; line-height: 0px !important; }
.em_h10 { height: 10px !important; font-size: 0px !important; line-height: 0px !important; }
.em_ptop10 { padding-top: 10px !important; }
}
@media screen and (max-width: 374px) {
.em_main_table { width: 100% !important; }
.em_wrapper { width: 100% !important; }
.em_hide { display: none !important; }
.em_full_img { width: 100% !important; height: auto !important; }
.em_full_img img { width: 100% !important; height: auto !important; }
.em_center { text-align: center !important; }
.em_left { text-align: left !important; }
.em_side10 { width: 10px !important; }
.em_aside10 { padding: 0px 10px !important; }
.em_side15 { width: 15px !important; }
.em_aside15 { padding: 0px 15px !important; }
.em_ptop { padding-top: 20px !important; }
.em_pbottom { padding-bottom: 20px !important; }
.em_p10 { padding: 10px !important; }
.em_p15 { padding: 15px !important; }
.em_h20 { height: 20px !important; font-size: 1px!important; line-height: 1px!important; }
.em_h30 { height: 30px !important; }
.em_bg_none { background-image: none !important; }
.em_mob_block { display: block !important; }
.em_hauto { height: auto !important; }
.em_side25 { width: 25px !important; }
.em_clear { clear: both !important; width: 100% !important; display: block !important; }
.em_w145 { width: 145px !important; }
.em_w150 { width: 125px !important; }
.em_cta { height: 35px !important; font-size: 12px !important; }
.em_cta a { line-height: 35px !important; }
.em_font16 { font-size: 15px !important; line-height: 19px !important; }
.em_font12 { font-size: 12px !important; line-height: 14px !important; }
.em_font26 { font-size: 22px !important; line-height: 29px !important; }
.em_font21 { font-size: 19px !important; line-height: 22px !important; }
.em_h15 { height: 15px !important; font-size: 0px !important; line-height: 0px !important; }
.em_h10 { height: 10px !important; font-size: 0px !important; line-height: 0px !important; }
.em_ptop10 { padding-top: 10px !important; }
u + .em_body .em_full_wrap { width: 100% !important; width: 100vw !important; }
.em_w40 { width:50px !important; height:auto !important;}
}
</style>
<style type="text/css">
div.preheader { display: none !important; }
</style>
</head>
<body class="em_body" style="margin:0px auto; padding:0px;" bgcolor="#efefef"><style type="text/css">
div.preheader 
{ display: none !important; } 
</style>
<div class="preheader" style="font-size: 1px; display: none !important;">Be one of the first to get yours.</div>
<!-- == Header Section == -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="em_full_wrap" bgcolor="#efefef">
  <tr>
    <td align="center" valign="top"><table align="center" width="640" border="0" cellspacing="0" cellpadding="0" style="width:620px; " class="em_main_table" bgcolor="#ffffff">
        <tr>
          <td valign="top" align="center" style="box-shadow: 0px 0px 15px 10px rgba(93,93,93,1); border-radius:5px; display:block;"><table align="center" width="620" border="0" cellspacing="0" cellpadding="0" style="width:620px;" class="em_wrapper">
              
              <tr>
                <td align="center" valign="top" style="padding:20px;" class="em_p10"><table align="center" width="600" border="0" cellspacing="0" cellpadding="0"  class="em_wrapper" style="width:600px; table-layout:fixed; border-radius:4px;" bgcolor="#1d1e22">
                    <tr>
                      <td valign="top" align="center" style="padding:0 55px;" class="em_aside15"><table align="center" width="490" border="0" cellspacing="0" cellpadding="0" style="width:490px;" class="em_wrapper">
                          <tr>
                <td height="15" style="height:15px; font-size:0px; line-height:0px;" class="em_h10">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="top" style="font-family: 'Oculus Sans', Geneva, sans-serif; font-size: 14px; line-height: 18px; color:#ffffff;" class="em_defaultlink"><a href="#" title="View in Browser" target="_blank" style="text-decoration: none; color: #ffffff;">View in browser</a></td>
              </tr>
                          <tr>
                            <td height="30" style="height:30px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center"><table align="center" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="top" align="center"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3cb70b260e82df85b0a60a74627c2186353e9da60e52b494c1db40beec48fff5fcbfc45db5ebc1779744402d19f3db94a047acdd775d6c2713" target="_blank" style="text-decoration:none; color:#ffffff;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/e5e21a51-054c-47ee-9ad9-68356a7d9e2f.jpg" width="54" alt="Oculus" border="0" style="display:block; max-width:54px; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#ffffff; font-weight:bold;" class="em_w40" /></a></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td height="30" style="height:30px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/f1aef792-8a8b-4a8f-a8cf-c5a3d2cc5f54.png" width="490" alt="Step into the new era of VR gaming" border="0" style="display:block; font-family:Arial, sans-serif; font-size:17px; line-height:21px; color:#ffffff; max-width:490px;" class="em_full_img" /></td>
                          </tr>
                          <tr>
                            <td height="15" style="height:15px; font-size:0px; line-height:0px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" style="font-family: Arial, sans-serif; font-size:15px; line-height:22px; color:#999999;">Pre-orders for Oculus Quest and Oculus Rift S begin right now. <br class="em_hide" />
                              Reserve yours to be one of the first&nbsp;in&nbsp;line.</td>
                          </tr>
                          <tr>
                            <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" height="1" style="height:1px; font-size:0px; line-height:0px;" bgcolor="#333333"><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/be4ec8fa-5cd8-47c9-b224-96928bf355a0.gif" width="1" height="1" alt="" border="0" style="display:block;" /></td>
                          </tr>
                          <tr>
                            <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/aaa72c46-d268-406d-9ce0-d5d736b1b472.png" width="490" alt="Oculus Quest" border="0" style="display:block;  font-family:Arial, sans-serif; font-size:17px; line-height:21px; color:#ffffff; max-width:490px;" class="em_full_img" /></td>
                          </tr>
                          <tr>
                            <td height="15" style="height:15px; font-size:0px; line-height:0px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" style="font-family: Arial, sans-serif; font-size:15px; line-height:22px; color:#999999;" class="em_defaultlink">No wires. No PC. Take VR gaming to the next level.<br class="em_hide" />
                              And everywhere&nbsp;else.</td>
                          </tr>
                          <tr>
                            <td height="35" style="height:35px;" class="em_h20">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" class="em_ptop"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c0b745a6702747f0a276a6d200a3e18df98b9c211acc4695afe02bab783ed07094d3c506b455787dea2eefe7bd6c69c0524fb43088b8041e5" target="_blank" style="text-decoration:none; color:#ffffff;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/c12bddee-1394-4172-a727-20be989a0aec.jpg" width="490" height="220" alt="Oculus Quest device" border="0" style="display:block; max-width:490px; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#ffffff;" class="em_full_img" /></a></td>
                          </tr>
                          <tr>
                            <td height="20" style="height:20px; font-size:0px; line-height:0px;" class="em_h20">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center"><table align="center" width="200" border="0" cellspacing="0" cellpadding="0" style="width:200px; border-radius:4px;" bgcolor="#1d76cf">
                                <tr>
                                  <td valign="middle" align="center" height="50" style="height:50px; font-family: Arial, sans-serif; font-size:15px; color:#ffffff; font-weight:bold;" class="em_defaultlink em_hover"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c0b745a6702747f0a276a6d200a3e18df98b9c211acc4695afe02bab783ed07094d3c506b455787dea2eefe7bd6c69c0524fb43088b8041e5" target="_blank" style="text-decoration:none; color:#ffffff; line-height:50px; display:block;" >Pre-order Oculus Quest</a></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" height="1" style="height:1px; font-size:0px; line-height:0px;" bgcolor="#333333"><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/be4ec8fa-5cd8-47c9-b224-96928bf355a0.gif" width="1" height="1" alt="" border="0" style="display:block;" /></td>
                          </tr>
                          <tr>
                            <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" style="font-family: Arial, sans-serif; font-size:40px; line-height:45px; color:#ffffff; font-weight:bold;" class="em_white em_font26"><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/f33a2e09-eccf-4023-a379-c750e4cf81e8.png" width="490" alt="Oculus Rift S" border="0" style="display:block; max-width:490px;" class="em_full_img" /></td>
                          </tr>
                          <tr>
                            <td height="15" style="height:15px; font-size:0px; line-height:0px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" style="font-family: Arial, sans-serif; font-size:15px; line-height:22px; color:#999999;" class="em_defaultlink">Take on VR's most exciting PC-powered games<br class="em_hide" />
                              with improved optics, tracking and&nbsp;ergonomics.</td>
                          </tr>
                          <tr>
                            <td height="10" style="height:10px; font-size:0px; line-height:0px;">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center" class="em_ptop"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c30b0125595f88cfd430da310bf468ae080a1da3a8f6f08348d2757bdc1c9f64b65b2e8cbbe267a4951ffcf8acceaa4e6a648a5ebb58c98fd" target="_blank" style="text-decoration:none; color:#ffffff;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/0a81b597-a4e7-409b-a61d-effc133536f9.jpg" width="490" height="258" alt="Oculus Rift S device" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#ffffff;  max-width:490px;" class="em_full_img" /></a></td>
                          </tr>
                           <tr>
                            <td height="10" style="height:10px; font-size:0px; line-height:0px;" class="em_h20">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center"><table align="center" width="200" border="0" cellspacing="0" cellpadding="0" style="width:200px; border-radius:4px;" bgcolor="#1d76cf">
                                <tr>
                                  <td valign="middle" align="center" height="50" style="height:50px; font-family: Arial, sans-serif; font-size:15px; color:#ffffff; font-weight:bold;" class="em_defaultlink em_hover"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c30b0125595f88cfd430da310bf468ae080a1da3a8f6f08348d2757bdc1c9f64b65b2e8cbbe267a4951ffcf8acceaa4e6a648a5ebb58c98fd" target="_blank" style="text-decoration:none; color:#ffffff; line-height:50px; display:block;" >Pre-order Oculus Rift S</a></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td height="60" style="height:60px;" class="em_h30">&nbsp;</td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td align="center" valign="top" style="padding:20px;" class="em_p10"><table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table" style="width:600px; table-layout:fixed;" bgcolor="#ffffff">
                    <tr>
                      <td height="20" style="height:20px;" class="em_hide">&nbsp;</td>
                    </tr>
                    <tr>
                      <td valign="top" align="center"><table align="center" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px; " class="em_wrapper">
                          <tr>
                            <td valign="middle" align="center" width="285" style="width:285px;" class="em_clear"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c8ed67c95fc71bcf339bac6a0972e87d9de318f862c7027b4f64c0e2519bec52cf490233dbc6ca273008fa8741f6425b55dfadff2ce3c6038" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/f5214967-2219-43d5-8484-08584d13ebbc.jpg" width="220" alt="Oculus Travel Case" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#000000; max-width:220px; padding-left:25px;" class="em_full_img" /></a></td>
                            <td width="10" style="width:10px;" class="em_hide">&nbsp;</td>
                            <td valign="middle" align="center" width="255" style="width:255px;" class="em_clear"><table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="top" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td valign="top" align="left" style="font-family: Arial, sans-serif; font-size:24px; line-height:29px; color:#333333; font-weight:bold;" class="em_defaultlink em_ptop em_font21">Oculus Quest Travel&nbsp;Case</td>
                                      </tr>
                                      <tr>
                                        <td height="20" style="height:20px;" class="em_h10">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td valign="top" align="left" style="font-family: Arial, sans-serif; font-size:15px; line-height:22px; color:#666666;" class="em_defaultlink">A home for your headset and Oculus Touch controllers. Heavy-duty protection. Lightweight&nbsp;convenience.</td>
                                      </tr>
                                      <tr>
                                        <td height="25" style="height:25px;" class="em_h15">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td valign="top" align="center"><table align="left" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td valign="middle" align="left" style="font-family:Arial, sans-serif; font-size:16px; line-height:19px; color:#1574d4; font-weight:bold;" class="em_defaultlink"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c8ed67c95fc71bcf339bac6a0972e87d9de318f862c7027b4f64c0e2519bec52cf490233dbc6ca273008fa8741f6425b55dfadff2ce3c6038" target="_blank" style="text-decoration:none; color:#1574d4;" >Pre-order Now</a></td>
                                              <td width="7" style="width:7px;">&nbsp;</td>
                                              <td valign="middle" align="center" style="font-size:0px; line-height:0px;" class="em_defaultlink"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c8ed67c95fc71bcf339bac6a0972e87d9de318f862c7027b4f64c0e2519bec52cf490233dbc6ca273008fa8741f6425b55dfadff2ce3c6038" target="_blank" style="text-decoration:none; color:#1574d4;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/a411dd3c-e49b-49be-8020-0a542b6dcfc9.jpg" width="8" alt="" border="0" style="display:block; max-width:8px;" /></a></td>
                                            </tr>
                                          </table></td>
                                      </tr>
                                    </table></td>
                                </tr>
                              </table></td>
                            <td width="50" style="width:50px;" class="em_hide">&nbsp;</td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                    </tr>
                    <tr>
                      <td valign="top" align="center"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c4a60b8ce80ae5cf3b01d283133d93327357216ca2c4b6e6c9ee7283dd358885ab51a65180f63abe58e8d162644481e4a0c31da24bbe18522" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/884a1bef-101c-4582-abc3-824c4e8af369.jpg" width="600" alt="VADER IMMORTAL | EPISODE 1" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#000000; max-width:600px; border-radius:4px;" class="em_full_img" /></a></td>
                    </tr>
                    <tr>
                      <td valign="top" align="center"><table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td valign="top" align="left" style="font-family: Arial, sans-serif; font-size:24px; line-height:32px; color:#333333; font-weight:bold; padding-top: 30px;" class="em_defaultlink em_font21">The first Star Wars experience <br class="em_hide" />
                              designed for VR</td>
                          </tr>
                          <tr>
                            <td valign="top" align="left" style="font-family: Arial, sans-serif; font-size:15px; line-height:22px; color:#666666; padding-top: 15px;" class="em_defaultlink em_ptop10">Fate has chosen you for a descent into the dark side of the Force. <br class="em_hide" /><em>Vader 
                              Immortal: A Star Wars VR Series</em>, coming to Oculus Quest at launch and the <br class="em_hide" />Rift platform later this spring.</td>
                          </tr>
                          <tr>
                            <td height="20" style="height:20px;" class="em_h15">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center"><table align="left" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="middle" align="left" style="font-family:Arial, sans-serif; font-size:16px; line-height:19px; color:#1574d4; font-weight:bold;" class="em_defaultlink"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c4a60b8ce80ae5cf3b01d283133d93327357216ca2c4b6e6c9ee7283dd358885ab51a65180f63abe58e8d162644481e4a0c31da24bbe18522" target="_blank" style="text-decoration:none; color:#1574d4;" >Watch Trailer</a></td>
                                  <td width="7" style="width:7px;">&nbsp;</td>
                                  <td valign="middle" align="center" style="font-size:0px; line-height:0px;" class="em_defaultlink"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c4a60b8ce80ae5cf3b01d283133d93327357216ca2c4b6e6c9ee7283dd358885ab51a65180f63abe58e8d162644481e4a0c31da24bbe18522" target="_blank" style="text-decoration:none; color:#1574d4;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/ce11bfb6-af45-492b-8bbd-2bed6e7dc8eb.png" width="8" alt="" border="0" style="display:block; max-width:8px;" /></a></td>
                                </tr>
                              </table></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                    </tr>
                    <tr>
                      <td valign="top" align="center"><table align="center" width="600" border="0" cellspacing="0" cellpadding="0" style="width:600px; border-radius:4px;" bgcolor="#191a1c" class="em_wrapper">
                          <tr>
                            <td valign="top" align="center" style="padding: 0 40px;" class="em_aside15"><table  align="center" width="520" border="0" cellspacing="0" cellpadding="0" style="width:520px;" class="em_wrapper">
                                <tr>
                                 <td height="40" style="height:40px;" class="em_h20">&nbsp;</td>
                                </tr>
                                <tr>
                                  <td valign="top" align="center"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c0b745a6702747f0a276a6d200a3e18df98b9c211acc4695afe02bab783ed07094d3c506b455787dea2eefe7bd6c69c0524fb43088b8041e5" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/342dd679-8a28-4873-80c5-042e652e9bca.jpg" width="520" alt="Beat Saber | Dead and Buried | Moss | Robo Recall | Dance Central | Creed Rise to Glory" border="0" style="display:block; max-width:520px; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#000000; border-radius:4px;" class="em_full_img" /></a></td>
                                </tr>
                                <tr>
                                  <td valign="top" align="center"><table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td valign="top" align="left" style="font-family: Arial, sans-serif; font-size:24px; line-height:32px; color:#ffffff; font-weight:bold; padding-top: 30px;" class="em_defaultlink em_font21 em_ptop">Upcoming Adventures for <br class="em_hide" />
                                          Oculus Quest and Oculus&nbsp;Rift&nbsp;S </td>
                                      </tr>
                                      <tr>
                                        <td valign="top" align="left" style="font-family: Arial, sans-serif; font-size:15px; line-height:22px; color:#666666; padding-top: 15px;" class="em_defaultlink em_ptop10">Stop watching games and step into them. From mythical journeys to 
                                          <br class="em_hide" />wild west shootouts, get a first look at some of the titles that 
                                          will <br class="em_hide" />
                                          transport you to the heart of the&nbsp;action.</td>
                                      </tr>
                                      <tr>
                                        <td height="20" style="height:20px;" class="em_h15">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td valign="top" align="center"><table align="left" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td valign="middle" align="left" style="font-family:Arial, sans-serif; font-size:16px; line-height:19px; color:#1574d4; font-weight:bold;" class="em_defaultlink"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c0b745a6702747f0a276a6d200a3e18df98b9c211acc4695afe02bab783ed07094d3c506b455787dea2eefe7bd6c69c0524fb43088b8041e5" target="_blank" style="text-decoration:none; color:#1574d4;" >Learn More</a></td>
                                              <td width="7" style="width:7px; font-size:0px; line-height:0px;">&nbsp;</td>
                                              <td valign="middle" align="center" style="font-size:0px; line-height:0px;" class="em_defaultlink"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c0b745a6702747f0a276a6d200a3e18df98b9c211acc4695afe02bab783ed07094d3c506b455787dea2eefe7bd6c69c0524fb43088b8041e5" target="_blank" style="text-decoration:none; color:#1574d4;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/ce11bfb6-af45-492b-8bbd-2bed6e7dc8eb.png" width="8" alt="" border="0" style="display:block; max-width:8px;" /></a></td>
                                            </tr>
                                          </table></td>
                                      </tr>
                                    </table></td>
                                </tr>
                                <tr>
                                  <td height="40" style="height:40px;" class="em_h20">&nbsp;</td>
                                </tr>
                              </table></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td align="center" valign="top" style="padding:20px;" class="em_p10"><table align="center" width="600" border="0" cellspacing="0" cellpadding="0" class="em_main_table" style="width:600px; table-layout:fixed;" bgcolor="#ffffff">
                    <tr>
                      <td height="2" style="height:2px; font-size:0px; line-height:0px;" bgcolor="#ededed"><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/be4ec8fa-5cd8-47c9-b224-96928bf355a0.gif" width="1" height="1" alt="" border="0" style="display:block;" /></td>
                    </tr>
                    <tr>
                      <td valign="top" align="center" style="padding:0 25px;" class="em_aside15"><table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="40" style="height:40px;" class="em_h30">&nbsp;</td>
                          </tr>
                          <tr>
                            <td valign="top" align="center"><table align="center" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td valign="middle" align="center"><a title="Facebook" href="https://cl.S10.exct.net/?qs=092876aa9501ab3cae962a1d9d2cbec47540aac4b84d05b1d9dbce7573ab50b6c55ec3a39467981e9d1025a12cfb3b5ebe089f97d8cf84ab5015fb8824349767" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/08b412b5-2f71-4159-b194-f4bf1137e8f4.png" width="24" alt="fb" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 12px; line-height:17px; color:#000000; max-width:24px;" /></a></td>
                                  <td width="50" style="width:50px;" class="em_side25">&nbsp;</td>
                                  <td valign="middle" align="center"><a title="Instagram" href="https://cl.S10.exct.net/?qs=092876aa9501ab3c41d7512b4d5129055878f5c7d733376e5f85f5bc5376ca7bc89f3b0a6634d2f33d8e3bc4dcf6893b6bc84fffbdc105e1d248acf0e9fd086e" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/79ba3fbb-9d7b-40f5-87f8-b8613a0c87e8.png" width="28" alt="in" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 12px; line-height:17px; color:#000000; max-width:28px;" /></a></td>
                                  <td width="45" style="width:45px;" class="em_side25">&nbsp;</td>
                                  <td valign="middle" align="center"><a title="Twitter" href="https://cl.S10.exct.net/?qs=092876aa9501ab3cb71efede68b974377078f03d98343d0e0dd4241d99bc52c3bd0510e2964fe779a4668c5b7fd94a71bd9a1d1261539c13db0bb498dc9585b8" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/4bcc22d1-89e5-423a-a93e-ead433e435e4.png" width="31" alt="twt" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 12px; line-height:17px; color:#000000; max-width:31px;" /></a></td>
                                  <td width="45" style="width:45px;" class="em_side25">&nbsp;</td>
                                  <td valign="middle" align="center"><a title="Youtube" href="https://cl.S10.exct.net/?qs=092876aa9501ab3caf6b1ebabc1da24e3939ff758c4edbb83e019eb569014e7b4e9ceb12554f23d10dc1b5d1b4a3a066b126a2c16218ec6b8290bccbc7e2e353" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/81300e56-8425-4acd-a571-15bae75bb890.png" width="36" alt="yt" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 12px; line-height:17px; color:#000000; max-width:36px;" /></a></td>
                                  <td width="45" style="width:45px;" class="em_side25">&nbsp;</td>
                                  <td valign="middle" align="center"><a title="Twitch" href="https://cl.S10.exct.net/?qs=092876aa9501ab3c6cbe9537c9b405f352a6b4e779d0d51c3a3102c4b3c817712b94a1784a94f79c240ab940ee2686e684b6875d84055f9a8122200e45ffe918" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/716114b5-f1bb-4de8-9ddc-e86574911f9b.png" width="25" alt="twitch" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 12px; line-height:17px; color:#000000; max-width:25px;" /></a></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td height="25" style="height:25px;" class="em_h20">&nbsp;</td>
                          </tr>
                          <tr>
                            <td align="center" class="em_gray2" style="font-family:Arial, sans-serif; font-size:10px; line-height:19px; color:#666666;"><a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c3cdc6e471a6e106d85ff23af32bd36d1a3e1c8a2fa85e8f1bbf2771c50ac725954752a5ddcf7117aaca76ef531918d879702ace707b4ec0b" style="color:#666666; text-decoration:none;">Contact Us</a> &nbsp;&nbsp;&nbsp; &middot; &nbsp;&nbsp;&nbsp; <a href="https://cl.S10.exct.net/?qs=092876aa9501ab3c656e6028656068ef80e0302374a355a68d5c4a348cbfd4e452633707cfdd5ba9cbcc789c09109e4be6fa0480ce11d4ae32fa5c14df32a758" style="color:#666666; text-decoration:none;">Privacy Policy</a> &nbsp;&nbsp;&nbsp; &middot; &nbsp;&nbsp;&nbsp; <a href="https://cl.S10.exct.net/?qs=092876aa9501ab3cd836bf0ebef39d8c9fd63685748ba5fa37390fe7fd3c4125cea961c5d1023df693b451e851d7906b40991806997b8212f5a07fd631488449" style="color:#666666; text-decoration:none;">Terms</a> <span class="em_mob_block"></span>
<span class="em_hide">&nbsp;&nbsp;&nbsp; &middot; &nbsp;&nbsp;&nbsp;</span> 
<a href="#" style="color:#666666; text-decoration:none;">Unsubscribe</a> &nbsp;&nbsp;&nbsp; &middot; &nbsp;&nbsp;&nbsp; <a href="#" style="color:#666666; text-decoration:none;">Manage Preferences</a></td>
                          </tr>
                          <tr>
                            <td height="25" style="height:25px;" class="em_h20">&nbsp;</td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td height="2" style="height:2px; font-size:0px; line-height:0px;" bgcolor="#ededed"><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/be4ec8fa-5cd8-47c9-b224-96928bf355a0.gif" width="1" height="1" alt="" border="0" style="display:block;" /></td>
                    </tr>
                    <tr>
                      <td height="40" style="height:40px;" class="em_h20">&nbsp;</td>
                    </tr>
                    <tr>
                      <td valign="top" align="center"><table align="center" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td valign="top" align="center"><a title="Oculus" href="https://cl.S10.exct.net/?qs=092876aa9501ab3cbce6133e3d654bd24aa2fbd346c3165e45956064f3947afd0dd79edc782f9ea1a592d8091505abdf290422da50e371fb27903cc579024e8b" target="_blank" style="text-decoration:none; color:#000000;" ><img src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/094a1ac2-1153-4fdb-b66d-01903349f660.png" width="130" alt="Oculus" border="0" style="display:block; font-family:Arial, sans-serif; font-size: 14px; line-height:17px; color:#000000; font-weight:bold; max-width:130px;" /></a></td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td height="15" style="height:15px; font-size:0px; line-height:0px;" >&nbsp;</td>
                    </tr>
                    <tr>
                      <td valign="top" align="center" style="padding:0 10px; font-family: Arial, sans-serif; font-size:10px; line-height:22px; color:#999999;" class="em_grey2 em_aside10">1 Hacker Way · Menlo Park, CA 94025 · United States <br />
                        &copy; 2019 Facebook Technologies, LLC</td>
                    </tr>
                    <tr>
                      <td height="30" style="height:30px;" class="em_h20">&nbsp;</td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td class="em_hide" style="line-height:1px;min-width:640px;background-color:#ffffff;"><img alt="" src="https://image.s10.sfmc-content.com/lib/fe40157075640579741775/m/1/be4ec8fa-5cd8-47c9-b224-96928bf355a0.gif" height="1"  width="640" style="max-height:1px; min-height:1px; display:block; width:640px; min-width:640px;" border="0" /></td>
        </tr>
      </table></td>
  </tr>
</table>

  
</body>
</html>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console