Skip to content

Instantly share code, notes, and snippets.

@imrizzy
Created March 5, 2017 19:56
Show Gist options
  • Save imrizzy/4cc53bf66fc60963f5de71c25eb77eb7 to your computer and use it in GitHub Desktop.
Save imrizzy/4cc53bf66fc60963f5de71c25eb77eb7 to your computer and use it in GitHub Desktop.
NIKE Equality HTML
<!DOCTYPE html>
<head>
<title>1index</title>
<link rel="stylesheet" type="text/css" href="main.css">
<style type="text/css">
</style>
</head>
<body>
<table class="wrapper-1" width="100%">
<tr>
<td style="padding: 0;">
<table class="wrapper-2" align="center">
<tr>
<td style="padding: 0;">
<table class="logo-wrapper" align="center">
<tr>
<td class="logo-td" align="center" valign="middle" height="135px" style="padding: 0;">
<a href="#">
<img class="logo" align="center" height="65px" src="http://image.official.nike.com/lib/fe9515707362037874/m/2/h1-1-0-swoosh-logo-3.png" alt="NIKE Logo">
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="display-none" style="padding: 0 0 30px 0;">
<table class="menu gothic">
<tr>
<td align="center" style="padding: 0;">
<table>
<tr>
<td valign="middle" style="padding: 0;">
<a class="menu-links" href="#">
MEN
</a>
</td>
<td valign="middle" style="padding: 0 0 0 62px;">
<a class="menu-links" href="#">
WOMEN
</a>
</td>
<td valign="middle" style="padding: 0 0 0 58px;">
<a class="menu-links" href="#">
BOYS
</a>
</td>
<td valign="middle" style="padding: 0 0 0 56px;">
<a class="menu-links" href="#">
GIRLS
</a>
</td>
<td valign="middle" style="padding: 0 0 0 50px;">
<a class="menu-links" href="#">
CUSTOMIZE
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="no-mobile" style="padding: 0;">
<table>
<!-- START desktop hero img -->
<tr class="display-none">
<td style="padding: 0;">
<table width="100%">
<tr>
<td style="padding: 0;">
<table>
<tr>
<td style="padding: 0;">
<a href="#">
<img class="hero-desktop" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_Email_04.gif">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- END desktop hero img -->
<!-- START desktop hero msg -->
<tr>
<td class="hero-msg">
<a class="text-link" href="#">
We believe that sport has the power to change the world. And together, with<br>
our athletes and partners, we are committed to harnessing that power to<br>
advance equality for all.
</a>
</td>
</tr>
<!-- END desktop hero msg -->
<!-- START desktop watch button -->
<tr>
<td align="center" style="padding: 0 0 50px 0;">
<a href="#">
<img class="watch-btn" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_DT_v3_03.jpg" width="187px" alt="WATCH 'EQUALITY' FILM">
</a>
</td>
</tr>
<!-- END desktop watch button -->
<!-- START desktop equality merch -->
<tr>
<td align="center" style="padding: 0;">
<a href="#">
<img class="eq-merch" width="640px" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_Email_03a.jpg">
</a>
</td>
</tr>
<tr>
<td style="padding: 50px 0 20px 0; text-align: center;">
<a class="eq-merch-text gothic" href="#">
EQUALITY T-SHIRT
</a>
</td>
</tr>
<tr>
<td class="desktop-hero-msg" style="padding: 0 0 50px 0;">
<a class="text-link" href="#">
Nike&#8217;s EQUALITY t-shirt promotes diversity and inclusion<br>
and expresses Nike&#8217;s commitment to advancing those ideals.
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 0 0 50px 0;">
<a href="#">
<img class="desktop-shop-btn" width="135px" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_Email_03_CTA.jpg">
</a>
</td>
</tr>
<!-- END desktop equality merch -->
<!-- START desktop equality img -->
<tr>
<td align="center" style="padding: 0 0 70px 0;">
<a href="#">
<img class="desktop-eq-img" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_DT_v4_08.jpg">
</a>
</td>
</tr>
<!-- END desktop equality img -->
</table>
</td>
</tr>
<tr>
<td class="mobile" style="padding: 0;">
<table align="center">
<tr>
<td align="center" style="padding: 0;">
<a href="#">
<img class="mobile-hero" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_Email_Mob_004.gif">
</a>
</td>
</tr>
<!-- START mobile hero msg -->
<tr>
<td class="mobile-hero-msg">
<a class="text-link" href="#">
We believe that sport has the power to change<br>the world. And together, with
our athletes and<br>partners, we are committed to harnessing that<br>power to
advance equality for all.
</a>
</td>
</tr>
<!-- END mobile hero msg -->
<!-- START mobile watch button -->
<tr>
<td align="center" style="padding: 0 0 50px 0;">
<a href="#">
<img class="watch-btn" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_mobile_v3_03.jpg" width="164px" alt="WATCH 'EQUALITY' FILM">
</a>
</td>
</tr>
<!-- END mobile watch button -->
<!-- START mobile equality merch -->
<tr>
<td align="center" style="padding: 0;">
<a href="#">
<img class="eq-merch" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_Email_Mob_03a.jpg">
</a>
</td>
</tr>
<tr>
<td style="padding: 45px 0 15px 0; text-align: center;">
<a class="eq-merch-text gothic" href="#">
EQUALITY T-SHIRT
</a>
</td>
</tr>
<tr>
<td class="mobile-eq-merch-text" style="padding: 0 0 20px 0;">
<a class="text-link" href="#">
Nike's EQUALITY t-shirt promotes diversity<br>
and inclusion and expresses Nike's<br>commitment to advancing those ideals.
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 0 0 30px 0;">
<a href="#">
<img class="mobile-shop-btn" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_mobile_v3_07.jpg">
</a>
</td>
</tr>
<!-- END mobile equality merch -->
<!-- START mobile equality img -->
<tr>
<td style="padding: 0 0 30px 0;">
<a href="#">
<img class="mobile-eq-img" src="http://image.official.nike.com/lib/fe9a1570736c047874/m/57/20170212_BHM_GIF_v2.gif">
</a>
</td>
</tr>
<!-- END mobile equality img -->
<!-- START mobile menu -->
<tr>
<td class="mobile-menu" style="padding: 0;">
<table width="100%">
<tr>
<td style="border-top: 2px solid #d0d0d0; padding: 20px 15px;">
<a class="ft-links" href="#">
Men
<img class="arrow" src="http://image.official.nike.com/lib/fe9515707362037874/m/2/nv-1-0-caret.png">
</a>
</td>
</tr>
<tr>
<td style="border-top: 2px solid #d0d0d0; padding: 20px 15px;">
<a class="ft-links" href="#">
Women
<img class="arrow" src="http://image.official.nike.com/lib/fe9515707362037874/m/2/nv-1-0-caret.png">
</a>
</td>
</tr>
<tr>
<td style="border-top: 2px solid #d0d0d0; padding: 20px 15px;">
<a class="ft-links" href="#">
Boys
<img class="arrow" src="http://image.official.nike.com/lib/fe9515707362037874/m/2/nv-1-0-caret.png">
</a>
</td>
</tr>
<tr>
<td style="border-top: 2px solid #d0d0d0; padding: 20px 15px;">
<a class="ft-links" href="#">
Girls
<img class="arrow" src="http://image.official.nike.com/lib/fe9515707362037874/m/2/nv-1-0-caret.png">
</a>
</td>
</tr>
<tr>
<td style="border-top: 2px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; padding: 20px 15px;">
<a class="ft-links" href="#">
Customize
<img class="arrow" src="http://image.official.nike.com/lib/fe9515707362037874/m/2/nv-1-0-caret.png">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- END mobile menu -->
</table>
</td>
</tr>
<tr>
<td class="ft-icon" align="center" style="padding: 100px 0 10px 0;">
<table>
<tr>
<td style="padding: 0;">
<table>
<tr>
<td align="center" style="padding: 0;">
<a href="#">
<img class="dl" src="http://image.official.nike.com/lib/fe9215747463007571/m/2/1216_EG1_NPA.jpg">
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 40px 0 90px 0;">
<a class="ft-links" href="#">
Download the<br>Free Nike+ App
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 0;">
<a href="#">
<img class="shipping" src="http://image.official.nike.com/lib/fe9215747463007571/m/2/1216_EG1_FS.jpg">
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 40px 0 90px 0">
<a class="ft-links" href="#">
Free Shipping
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 0;">
<a href="#">
<img class="find" src="http://image.official.nike.com/lib/fe9215747463007571/m/2/1216_EG1_FAS.jpg">
</a>
</td>
</tr>
<tr>
<td align="center" style="padding: 40px 0 90px 0;">
<a class="ft-links" href="#">
Find a Store
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="ft-dir" style="padding: 0;">
<table>
<tr>
<td class="web" align="center" style="padding: 100px 0; ">
<a class="ft-links-only" href="#">
Web Version
</a>
</td>
</tr>
<tr>
<td class="cust-serv" style="border-top: 2px solid #d0d0d0;">
<table>
<tr>
<td align="center">
<a class="ft-links-only" href="#">
Privacy Policy
</a>
</td>
</tr>
<tr>
<td align="center" style="padding-top: 50px;">
<a class="ft-links-only" href="#">
Get Help
</a>
</td>
</tr>
<tr>
<td align="center" style="padding-top: 50px;">
<a class="ft-links-only" href="#">
Unsubscribe
</a>
</td>
</tr>
<tr>
<td align="center" style="padding-top: 50px;">
<a class="ft-links-only" href="#">
Questions or concerns? Contact us.
</a>
</td>
</tr>
<tr>
<td align="center" class="copyright c-pd">
Please don't reply directly to this email&#8211;we won't see your message.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="copyright cs-pd" align="center" style="border-top: 2px solid #d0d0d0;">
<table>
<tr>
<td align="center">
&#169;2017 Nike, Inc. All Rights Reserved.
</td>
</tr>
<tr>
<td align="center" style="padding: 5px 30px 0;">
One Bowerman Drive, Beaverton, Oregon 97005
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment