Created
March 5, 2017 19:56
-
-
Save imrizzy/4cc53bf66fc60963f5de71c25eb77eb7 to your computer and use it in GitHub Desktop.
NIKE Equality HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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’s EQUALITY t-shirt promotes diversity and inclusion<br> | |
and expresses Nike’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–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"> | |
©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