Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

Behavior

Save Automatically?

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">
<!-- HEAD -->
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="The Hill-Side Email Newsletter">
    <meta name="keywords" content="The Hill-Side, American, Classic, Clothing, Workwear, Denim, Selvidge, Ties, Skinny Ties, Hickoree's, Hickorees, Japanese Fabric, Sneakers, Jeans, Scarf, Pocket Square, Bandana, GQ, Gap">
    <title>Black Friday SALE Starts Right Now</title>
  </head>
  
  <body style="font-family: verdana;" bgcolor="#000">
    <div style="font-family: verdana;">
      <style type="text/css">
        body {margin: 0px; padding: 0px}
      </style>
      <table width="100%" cellpadding="0" cellspacing="0" bgcolor="#000">
        <tr>
          <td width="100%" height="100%">
            <table width="600px" align="center">
              <!-- HEAD -->
              <!-- MAILER TOP LOGO -->
              <tr>
                <td>
                  <table cellspacing="0" cellpadding="0">
                    <tr>
                      <td style="text-align: center;">
                        <a href="https://thehill-side.com/?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="... 30% Off Everything - Use Discount Code &quot;BLACKFRIDAY&quot;"
                          width="600" src="http://mcs3.s3.amazonaws.com/ths_image/TheHill-Side_BlackFriday2017_StartsNow.jpg"
                          style="border-style: none;">
                        </a>
                        <a href="https://thehill-side.com/products/knit-cap-olive-irish-wool?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The_Hill-Side_Knit_Cap_Olive_Irish_Wool_KC2-05_X1_f7289c5a-4058-4fb8-8a1d-135129c1c892_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/megatron-man-sweater-denim?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/Howlin_-Megatron-Man-Sweater-Denim_X1_317bb50d-d067-496b-bff4-d3bd83d66601_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/ce1-05-endo-pottery-tawara-vase-blue-natural-abstract-leaves-motif-japanese-pottery?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The_Hill-Side_Tawara_Vase_Endo_Leaves_Motif_CE1-05_X1_2d7cbe3f-315d-4f38-8961-48fc8254bb11_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/japanamerica-type-ii-jacket-th-s-mills-14-5oz-okayama-selvedge-stonewash-denim?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The_Hill-Side_Japanamerica_Type_II_Jacket_TH_S_Mills_14_Oz_Okayama_Selvedge_Denim_Heavy_Stonewash_JK11-363A_X1_21113d64-0368-48e7-85da-cf7c8165a5e4_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/papel-picado-print-standard-pointed-tie-black-multicolor?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Papel-Picado-Print-Tie-Black-Multicolor-PT1-477_X3_9b56e9cf-5e67-4f80-a4d9-1967fae3fff7_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/3-pack-indigo-crew-socks?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-3-Pack-Indigo-Stripe-Crew-Socks-SX10-07_X1_1224b261-56c7-4fe0-8f49-b5e7d9fc2cdb_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/good-fishing-pangaea-long-sleeve-t-shirt?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/Good-Fishing-Pangaea-Long-Sleeve-T-Shirt_X1_def3f589-a6dc-4999-b7e7-8a21f39f7463_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/bow-tie-th-s-mills-navy-warp-windowpane-check-coral?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-TH-S-Mills-Navy-Warp-Bow-Tie-Windowpane-Check-BT1-369_X1_57344532-d801-4582-a1cd-c4d7e00f5b77_1024x1024.jpg "
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/scarf-selvedge-chambray-red?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The_Hill-Side_Scarf_Selvedge_Chambray_Red_SC1-003_X1_82f4b889-3a98-4398-b971-786b8747d258_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/henley-neck-waffle-thermal-shirt-olive?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/Warehouse-Henley-Neck-Waffle-Thermal-Shirt-Olive_X1_6f8660b1-59d1-475e-bb9a-eab360704dcc_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/blouson-zip-jacket-slub-jersey-navy-natural-teasy-collaboration?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Blouson-Zip-Jacket-Navy-Stripe-Slub-Jersey-JK16-01_X1_df94962c-5943-4074-87b7-07cca910b306_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/bridge-low-ivory-herringbone-cordura-synth-suede?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Bridge-Low-Ivory-Herringbone-Cordura-Synth-Suede-SN12-468_X1_59df224c-a881-45fa-a9ca-e0ca0aaf8e73_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/souvenir-bandana-no-sleep-til-brooklyn-burgers-blue?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Brooklyn-Burgers-Souvenir-Bandana-Blue-SB6-03_X1_f4dad8d5-1ac7-4490-9a95-bc63866fdb98_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/sh1-310-selvedge-lightweight-weft-slub-denim-button-down-shirt-indigo?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The_Hill-Side_Long_Sleeve_Standard_Shirt_Lightweight_Weft_Slub_Selvedge_Denim_SH1-310_X1_81c74f57-d767-4fc9-bcfe-ed1f0af49f62_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/cold-weather-survival-moccasins-heavy-wool-felt?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Cold-Weather-Survival-Moccasin-Boots-Heavy-Wool-Felt-SN10-406_X1_2a8ef60e-fa44-431a-bea3-7c608dc24f07_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/scarf-linen-blend-crepe-stripe-blue-base?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Cotton-Linen-Crepe-Stripe-Scarf-Blue-White-SC1-429_X1_2bd02cf8-3f04-49f6-8680-34f84f186cff_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/light-indigo-overdyed-chambray-tie?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Light-Indigo-Overdyed-Chambray-Tie-Limited-Edition-PT1-002IL_X1_06df092c-e7e4-4018-bfce-518550cb0665_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/new-low-tochigi-leather-natural-veg-tanned-cow-hide?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-New-Low-Natural-Veg-Tanned-Tochigi-Leather-SN11-473_X1_56cb4df3-f709-4e2e-9e43-f5b4b6cad242_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/limited-edition-j-1-letterman-jacket-w-chenille-patches?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The_Hill-Side_Limited_Edition_J_1_Letterman_Jacket_W_Chenille_Patches_JK10-01A_X1_8bb94db4-a5b1-4241-bcd1-538fcd165638_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/bandana-ultralight-palm-leaves-print-olive-brown?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Ultralight-Palm-Leaves-Bandana-Olive-BA1-443_X1_8d3a4781-b510-43dd-9245-741b382d3e06_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <br>
                        <br>
                        <a href="https://thehill-side.com/products/pocket-square-th-s-mills-navy-warp-large-grid-check-beige-coral?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/The-Hill-Side-Pocket-Square-TH-S-Mills-Navy-Warp-Large-Grid-Check-Beige-Coral-PS1-371_X1_7a73536d-44b2-4e1f-b0ff-7740c738cabd_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                        <img alt="" width="20" src="http://mcs3.s3.amazonaws.com/ths_image/20pixelspacer.jpg"
                        style="border-style: none;">
                        <a href="https://thehill-side.com/products/lot-4052-wide-border-stripe-t-shirt-black-red?utm_source=The+Hill-Side+Main+Customer+List&utm_campaign=5cc376cd23-EMAIL_CAMPAIGN_2017_11_22&utm_medium=email&utm_term=0_e7a2531e36-5cc376cd23-75003345&mc_cid=5cc376cd23&mc_eid=c1db5b78c4"
                        style="color: #000;" target="_blank">
                          <img alt="" width="256" src="http://mcs3.s3.amazonaws.com/ths_image/Warehouse-Wide-Border-Stripe-T-Shirt-Black-Red_X1_a958288b-fb20-46b1-97cd-e99990f96b75_1024x1024.jpg"
                          style="border-style: none;">
                        </a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <!-- MAILER TOP LOGO -->
              <!-- LARGE IMAGE -->
              <!-- LARGE IMAGE -->
              <!-- FULL WIDTH PARAGRAPH -->
              <!-- SPACER -->
              <tr>
                <td height="0px"></td>
              </tr>
              <!-- SPACER -->
              <!-- TWITTER & FACEBOOK -->
              <!-- TWITTER & FACEBOOK -->
              <!-- SPACER -->
              <tr>
                <td height="30px"></td>
              </tr>
              <!-- SPACER -->
              <!-- BOTTOM DISCLAIMER -->
              <tr>
                <td width="600px" style="text-align: center; font-size: 7pt; color: #999; font-family: Verdana, &quot;Lucida Grande&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">... if you can't see this email,
                  <a href="#"
                  style="color: #999;">click here</a>
                  <!-- CHANGE LINK -->
                </td>
              </tr>
              <tr>
                <td width="600px">
                  <hr style="color: #999; background-color: #999; height:1px; border:none;">
                </td>
              </tr>
              <tr>
                <td style="text-align: center; font-size: 7pt; color: #999; font-family: Verdana, &quot;Lucida Grande&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;"
                width="600px">
                  <br>To change your subscription preferences,
                  <a href="#"
                  style="color: #999;">click here</a>. To unsubscribe completely,
                  <a href="#"
                  style="color: #999;">click here</a>.</td>
              </tr>
              <tr>
                <td style="text-align: center; font-size: 7pt; color: #999; font-family: Verdana, &quot;Lucida Grande&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;"
                width="600px">
                  <br>DISTRIBUTED BY: The Hill-Side, 1250 S. Boyle Ave, Los Angeles, CA 90023, 323-685-5256</td>
              </tr>
              <!-- PLACE ALL MODULES ABOVE THIS LINE -->
              <!-- BOTTOM DISCLAIMER -->
              <!-- SPACER -->
              <tr>
                <td height="15px"></td>
              </tr>
              <!-- SPACER -->
              <!-- FOOT -->
            </table>
          </td>
        </tr>
      </table>
    </div>
    
  </body>

</html>
<!-- FOOT -->
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console