Skip to content

Instantly share code, notes, and snippets.

@julioberina

julioberina/aldo-promotion-html-email.markdown

Created August 26, 2018 04:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save julioberina/541b199990a8cb0f4b1a73cbdf9c5531 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save julioberina/541b199990a8cb0f4b1a73cbdf9c5531 to your computer and use it in GitHub Desktop.
Download ZIP
ALDO Promotion HTML Email
Raw
index.html
<!-- HTML Email -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#f3f3f3">
<tr>
<td align="center" style="font-family: Sectra, Times New Roman, Times, serif;
font-size: 13px; padding-top: 10px; padding-bottom: 10px;">
In stores & online
</td>
</tr>
<tr>
<td>
<!-- Container -->
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600" bgcolor="#ffffff">
<!-- Logo row -->
<tr>
<td>
<!-- Left Column of Logo row -->
<table cellpadding="0" cellspacing="0" border="0" width="50%"
align="left" style="padding-top: 30px; padding-left: 20px;">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/xkaqkqiaz3t1yzo/logo.png?raw=1" alt="Aldo">
</a>
</td>
</tr>
</table>
<!-- Right Column of Logo row -->
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="right"
style="padding-top: 20px; padding-right: 20px;">
<tr>
<td align="right">
<a href="#">
<img src="https://www.dropbox.com/s/poauxnecibishfo/freeshipping.gif?raw=1"
alt="Free Shipping">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Horizontal row -->
<tr>
<td>
<hr>
</td>
</tr>
<!--Mx3 title and description row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0"
style="padding-top: 15px; padding-left: 15px;">
<tr>
<td>
<span style="color: #3a2e2c; font-family: Sectra, Times New Roman, Times, serif;
font-weight: bold; font-size: 50px;">
Pick a pair, any pair!
</span>
</td>
</tr>
<tr>
<td>
<span style="display: block; font-size: 20px; color:#3a2e2c;
font-family: Sectra,'Times New Roman',Times,serif;
padding-top: 12px;">
Get some serious sneaker inspo with the #AldoCrew rocking
our Mx3 artist series sneakers.
</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- Mx3 image (gif) row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0"
style="padding-top: 2.5%; padding-left: 2.5%; padding-right: 2.5%;">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/o4wbfb05uvna57x/mx3.gif?raw=1" alt="Mx3">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Pony x MONTREAL row -->
<tr>
<td style="padding-top: 4.8%; padding-right: 2.5%; padding-bottom: 7.8%;">
<!-- Call to action -->
<table cellpadding="0" cellspacing="0" border="0" align="left" width="235"
style="padding-left: 10px; padding-top: 125px;">
<tr>
<td style="padding-bottom: 20px;">
<a href="#" style="text-decoration: none;">
<span style="font-family: Patron, Arial, sans-serif; color: #3a2e2c;
font-size: 38px; font-weight: bold;">
Pony x MONTREAL
</span>
</a>
</td>
</tr>
<tr>
<td style="border-width: 1px; border-color: #3a2e2c; border-style: solid;
padding-top: 10px; padding-bottom: 10px;"
align="center">
<a href="#" style="text-decoration: none; font-size: 14px; color: #3a2e2c;
font-family: Patron, Arial, sans-serif;">
Shop now
</a>
</td>
</tr>
</table>
<!-- Picture -->
<table cellpadding="0" cellspacing="0" border="0" align="right">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/ebbs7384hl0rlsp/ponyxmontreal.jpg?raw=1"
alt="Pony x MONTREAL">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Buff Monster x NYC row -->
<tr>
<td style="padding-top: 4.8%; padding-right: 2.5%; padding-bottom: 7.8%;">
<!-- Picture -->
<table cellpadding="0" cellspacing="0" border="0" align="left"
style="padding-left: 10px;">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/yy0ybnxplr20kcn/buffmonster.jpg?raw=1"
alt="Buff Monster x NYC">
</a>
</td>
</tr>
</table>
<!-- Call to action -->
<table cellpadding="0" cellspacing="0" border="0" align="right" width="235"
style="padding-left: 10px; padding-top: 125px;">
<tr>
<td style="padding-bottom: 20px;">
<a href="#" style="text-decoration: none;">
<span style="font-family: Patron, Arial, sans-serif; color: #3a2e2c;
font-size: 38px; font-weight: bold;">
Buff Monster x NYC
</span>
</a>
</td>
</tr>
<tr>
<td style="border-width: 1px; border-color: #3a2e2c; border-style: solid;
padding-top: 10px; padding-bottom: 10px;"
align="center">
<a href="#" style="text-decoration: none; font-size: 14px; color: #3a2e2c;
font-family: Patron, Arial, sans-serif;">
Shop now
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- So Youn Lee x SEOUL row -->
<tr>
<td style="padding-top: 4.8%; padding-right: 2.5%; padding-bottom: 7.8%;">
<!-- Call to action -->
<table cellpadding="0" cellspacing="0" border="0" align="left" width="235"
style="padding-left: 10px; padding-top: 125px;">
<tr>
<td style="padding-bottom: 20px;">
<a href="#" style="text-decoration: none;">
<span style="font-family: Patron, Arial, sans-serif; color: #3a2e2c;
font-size: 38px; font-weight: bold;">
So Youn Lee x SEOUL
</span>
</a>
</td>
</tr>
<tr>
<td style="border-width: 1px; border-color: #3a2e2c; border-style: solid;
padding-top: 10px; padding-bottom: 10px;"
align="center">
<a href="#" style="text-decoration: none; font-size: 14px; color: #3a2e2c;
font-family: Patron, Arial, sans-serif;">
Shop now
</a>
</td>
</tr>
</table>
<!-- Picture -->
<table cellpadding="0" cellspacing="0" border="0" align="right">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/oukqa437kqbgq0n/soyounlee.jpg?raw=1"
alt="So Youn Lee x SEOUL">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Insa x LONDON row -->
<tr>
<td style="padding-top: 4.8%; padding-right: 2.5%; padding-bottom: 7.8%;">
<!-- Picture -->
<table cellpadding="0" cellspacing="0" border="0" align="left"
style="padding-left: 10px;">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/maiqs878g66ciri/insa.jpg?raw=1"
alt="Insa x LONDON">
</a>
</td>
</tr>
</table>
<!-- Call to action -->
<table cellpadding="0" cellspacing="0" border="0" align="right" width="235"
style="padding-left: 10px; padding-top: 125px;">
<tr>
<td style="padding-bottom: 20px;">
<a href="#" style="text-decoration: none;">
<span style="font-family: Patron, Arial, sans-serif; color: #3a2e2c;
font-size: 38px; font-weight: bold;">
Insa x LONDON
</span>
</a>
</td>
</tr>
<tr>
<td style="border-width: 1px; border-color: #3a2e2c; border-style: solid;
padding-top: 10px; padding-bottom: 10px;"
align="center">
<a href="#" style="text-decoration: none; font-size: 14px; color: #3a2e2c;
font-family: Patron, Arial, sans-serif;">
Shop now
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Dina Saadi x DUBAI row -->
<tr>
<td style="padding-top: 4.8%; padding-right: 2.5%; padding-bottom: 7.8%;">
<!-- Call to action -->
<table cellpadding="0" cellspacing="0" border="0" align="left" width="235"
style="padding-left: 10px; padding-top: 125px;">
<tr>
<td style="padding-bottom: 20px;">
<a href="#" style="text-decoration: none;">
<span style="font-family: Patron, Arial, sans-serif; color: #3a2e2c;
font-size: 38px; font-weight: bold;">
Dina Saadi x DUBAI
</span>
</a>
</td>
</tr>
<tr>
<td style="border-width: 1px; border-color: #3a2e2c; border-style: solid;
padding-top: 10px; padding-bottom: 10px;"
align="center">
<a href="#" style="text-decoration: none; font-size: 14px; color: #3a2e2c;
font-family: Patron, Arial, sans-serif;">
Shop now
</a>
</td>
</tr>
</table>
<!-- Picture -->
<table cellpadding="0" cellspacing="0" border="0" align="right">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/59fwk7pz8hhmmhb/dinasaadi.jpg?raw=1"
alt="Dina Saadi x DUBAI">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Get a bag row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%"
style="background-color: #eceded;">
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/cai08vuie6e8shz/bags.jpg?raw=1"
alt="Bags">
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="line-height: 0.9; color: #3a2e2c; font-size: 40px;
font-family: Patron,Arial,sans-serif; padding-top: 7.8%;"
align="center">
Get a free Mx string bag with your purchase.
</td>
</tr>
<tr>
<td align="center" style="padding-top: 70px; display: block; padding-bottom: 65px;">
<a href="#" style="text-decoration: none;">
<span style="color: #ffffff; font-size: 16px; background-color: #000000;
padding-top: 20px; padding-bottom: 20px;
padding-left: 100px; padding-right: 100px;
font-family: Patron,Arial,sans-serif;">
I want one!
</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Available in Spanish row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0"
style="padding-top: 20px; padding-bottom: 50px;">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/w9bst20z8f4ymor/spanish.png?raw=1"
alt="ALDO in Spanish">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Free shipping icons row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td style="padding-bottom: 30px;"><hr></td></tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="33.33%" align="left">
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="left">
<tr>
<td align="center">
<a href="#">
<img src="https://www.dropbox.com/s/6sgc4vyr8lrtyhy/fsover70.png?raw=1"
alt="Free shipping on orders over $70">
</a>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="right">
<tr>
<td style="font-family: Sectra,'Times New Roman',Times,serif; font-size: 12px;
padding-top: 10px;"
align="left">
<a href="#" style="text-decoration: none; color: #3a2e2c;">
Free Shipping on orders of $70+
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="33.33%" align="left">
<tr>
<td align="left">
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="left">
<tr>
<td align="center">
<a href="#">
<img src="https://www.dropbox.com/s/atdj01nck6h6epr/fsstore.png?raw=1"
alt="Free shipping to Store">
</a>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="right">
<tr>
<td style="font-family: Sectra,'Times New Roman',Times,serif; font-size: 12px;
padding-top: 10px;" align="left">
<a href="#" style="text-decoration: none; color: #3a2e2c;">
Free shipping to store
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="33.33%" align="left">
<tr>
<td align="left">
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="left">
<tr>
<td align="center">
<a href="#">
<img src="https://www.dropbox.com/s/c77duuxk8drmfpf/fsreturns.png?raw=1"
alt="Free returns">
</a>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="50%" align="right">
<tr>
<td style="font-family: Sectra,'Times New Roman',Times,serif; font-size: 12px;
padding-top: 10px;" align="left">
<a href="#" style="text-decoration: none; color: #3a2e2c;">
Free returns
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td style="padding-top: 30px;"><hr></td></tr>
</table>
</td>
</tr>
<!-- Social media row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" align="center"
style="padding-top: 35px; padding-bottom: 40px;">
<tr>
<td>
<a href="#">
<img src="https://www.dropbox.com/s/kxfn7aabfsv28zm/socialmedia.png?raw=1"
alt="Social Media">
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Email not displaying correctly row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" align="center"
style="padding-bottom: 30px;">
<tr>
<td align="center">
<span style="font-family: 'Patron',Arial,sans-serif; color: #959595; font-size: 9px;">
Email displaying wrong?
<a href="#" style="color: #959595;">View in browser</a>
</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- Copyright row -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" style="padding-bottom: 40px;">
<tr>
<td style="padding-top: 15px; padding-right: 10px; padding-left: 10px;"
align="center">
<span style="font-size: 10px; color: #3a2e2c; font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
line-height: 21px;">
<p>ALDO is offering FREE STANDARD SHIPPING on all online orders over
$70, after applied discounts and before taxes. The cost for shipping
will automatically be deducted at checkout for all eligible orders.</p>
</span>
</td>
</tr>
<tr>
<td style="padding-right: 10px; padding-left: 10px;"
align="center">
<span style="font-size: 10px; color: #3a2e2c; font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;">
<p>You are receiving this message because you are subscribed to Aldo emails.</p>
<p>To unsubscribe, please <a href="#" style="color: #3a2e2c;">click here</a></p>
</span>
</td>
</tr>
<tr>
<td style="font-size: 10px; color: #3a2e2c; font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
padding-left: 10px; padding-right: 10px;"
align="center">
<span style="font-size: 10px; color: #3a2e2c; font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;">
<p>
© The Aldo Group Inc. 2300 É​mile-Bélanger, Montreal,
Quebec, Canada H4R 3J4. All rights reserved.
</p>
<p>
© Apple and the Apple logo are trademarks of Apple Inc., registered in the
U.S. and other countries. App store is a service mark of Apple Inc.
</p>
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment