Skip to content

Instantly share code, notes, and snippets.

@trevorstarick

trevorstarick/gist:7fc2cfe4babde63a8501

Created August 31, 2015 04:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trevorstarick/7fc2cfe4babde63a8501 to your computer and use it in GitHub Desktop.
Save trevorstarick/7fc2cfe4babde63a8501 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Single-Column Responsive Email Template</title>
<style>
@font-face {
font-family: 'Proxima Nova' !important;
font-style: normal !important;
font-weight: normal !important;
src: url('http://exclusives.luxuryretreats.com/wp-content/themes/lr-exclusives-theme-2015/includes/lr-kit/assets/fonts/proxima-nova-web/ProximaNova-Regular/ProximaNova-Regular.woff') format('woff') !important;
}
@font-face {
font-family: 'Proxima Nova' !important;
font-style: italic !important;
font-weight: normal !important;
src: url('http://exclusives.luxuryretreats.com/wp-content/themes/lr-exclusives-theme-2015/includes/lr-kit/assets/fonts/proxima-nova-web/ProximaNova-RegularIt/ProximaNova-RegularIt.woff') format('woff') !important;
}
@font-face {
font-family: 'Proxima Nova' !important;
font-style: normal !important;
font-weight: bold !important;
src: url('http://exclusives.luxuryretreats.com/wp-content/themes/lr-exclusives-theme-2015/includes/lr-kit/assets/fonts/proxima-nova-web/ProximaNova-Semibold/ProximaNova-Semibold.woff') format('woff') !important;
}
@font-face {
font-family: 'Proxima Nova' !important;
font-style: italic !important;
font-weight: bold !important;
src: url('http://exclusives.luxuryretreats.com/wp-content/themes/lr-exclusives-theme-2015/includes/lr-kit/assets/fonts/proxima-nova-web/ProximaNova-SemiboldIt/ProximaNova-SemiboldIt.woff') format('woff') !important;
}
body {
margin: 0;
padding: 0;
}
img {
border: 0 none;
height: auto;
line-height: 100%;
text-decoration: none;
}
a img {
border: 0 none;
}
table,
td {
border-collapse: collapse;
}
br {
font-size: 24px;
}
h1,
p,
a {
font-family: 'Proxima Nova', Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
font-size: 24px;
}
p {}
a {
text-transform: uppercase;
text-decoration: underline;
color: black;
}
h2 {
font-family: Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif;
font-weight: normal;
margin: 0;
padding: 0;
}
a.button {
border: 1px solid black;
padding: 15px 25px;
text-decoration: none;
box-sizing: border-box;
}
.header {
background: #000000;
text-align: center;
padding: 20px 0px;
}
.navbar {
clear: both;
}
.navbar-item {
width: 25%;
text-align: center;
padding: 10px 0px;
background: #000000;
}
.navbar-item > a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
}
.item-text-container {
padding: 25px 50px;
}
.item-text {
text-align: center;
padding: 20px 0px;
/*width: 440px;*/
/*margin: auto;*/
}
.item-text-main > p {
padding-bottom: 20px;
}
.item-image {
width: 100%;
}
.content {
max-width: 700px;
width: 100%;
margin: auto;
}
</style>
</head>
<body>
<table class="content" align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td align=""></td>
<td align="center" width="700">
<table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<div class="header">
<img src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/lr_logo2.png" />
</div>
</td>
</tr>
<tr>
<td align="center">
<table width="100%" class="navbar">
<tr>
<td align="left" class="navbar-item">
<a href="#">Homes</a>
</td>
<td align="left" class="navbar-item">
<a href="#">Travel</a>
</td>
<td align="left" class="navbar-item">
<a href="#">Food</a>
</td>
<td align="left" class="navbar-item">
<a href="#">People</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<img class="item-image" src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/Aug2015-Main2.jpg" />
</td>
</tr>
<tr>
<td align="center" class="item-text-container">
<div class="item-text item-text-main">
<h1>The Best of Summer</h1>
<br />
<p>It's August, and we've got one thing on our minds: beach, beach, and more beach. We love our summer weekends at the shore or on the lake, but as they draw to a close we start to dream of those Caribbean blues. It's time to stop dreaming
and start planning the next adventure!</p>
<br />
<a class="button">Read the Magazine</a>
</div>
</td>
</tr>
<tr>
<td align="center">
<img class="item-image" src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/Aug2015-Homes.jpg" />
</td>
</tr>
<tr>
<td align="center" class="item-text-container">
<div class="item-text">
<h1>Picture-Perfect Living at Le Bleu</h1>
<h2>A slice of beachfront life in Anguilla</h2>
<br />
<p>With a private cove and miles of pristine ocean, Le Bleu is paradise found</p>
<br />
<a>Take a Tour</a>
</div>
</td>
</tr>
<tr>
<td align="center">
<img class="item-image" src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/Aug2015-Gallery.jpg" />
</td>
</tr>
<tr>
<td align="center" class="item-text-container">
<div class="item-text">
<h1>Liveable Art</h1>
<h2>5 Striking Modern Homes</h2>
<br />
<p>Architectural Digest junkie or not, these five cutting edge spaces are sure to impress</p>
<br />
<a>Inspire Me</a>
</div>
</td>
</tr>
<tr>
<td align="center">
<img class="item-image" src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/Aug2015-Food.jpg" />
</td>
</tr>
<tr>
<td align="center" class="item-text-container">
<div class="item-text">
<h1>A Tapas Tour of Barcelona</h1>
<h2>Eat your way through the city's charming tapas bars</h2>
<br />
<p>We scoured the city to find the best of the best</p>
<br />
<a>Get A Taste</a>
</div>
</td>
</tr>
<tr>
<td align="center">
<img class="item-image" src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/Aug2015-Travel.jpg" />
</td>
</tr>
<tr>
<td align="center" class="item-text-container">
<div class="item-text">
<h1>Island Showdown</h1>
<h2>St. John vs St. Barts</h2>
<br />
<p>Which island suits you best?</p>
<br />
<a>Find Out</a>
</div>
</td>
</tr>
<tr>
<td align="center">
<img class="item-image" src="http://image.s6.exacttarget.com/lib/fe8812717d670c7471/m/3/Aug2015-People2.jpg" />
</td>
</tr>
<tr>
<td align="center" class="item-text-container">
<div class="item-text">
<h1>A Bahamian Escape</h1>
<h2>Model Lexi Placourakis relaxes at Nandana</h2>
<br />
<p>A jetsetter through and through, when it's time to unwind with family, Lexi heads to the beach</p>
<br />
<a>Read Her Story</a>
</div>
</td>
</tr>
</table>
</td>
<td align=""></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment