Skip to content

Instantly share code, notes, and snippets.

@kaioken
Created February 26, 2015 19:54
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 kaioken/bb2860609e803253b151 to your computer and use it in GitHub Desktop.
Save kaioken/bb2860609e803253b151 to your computer and use it in GitHub Desktop.
<html>
<header>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
body { font-family: Tahoma, Arial, sans-serif; }
h3 {
color: #00297c;
font-size: 13.5px;
margin: 0 0 3px;
}
p { margin: 0; }
a { color: #00297c; text-decoration: none; }
table {
border-collapse: collapse;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
width: 92%;
}
td { background: #FFF; padding: 20px; }
#vertical td h3 { margin-bottom: 15px; }
/*-----------------------------------------------------------------------------------------*/
#logo {
background: url('/Newsletter Febrero 15/ovc_logo.png');
background-size: 100%;
display: block;
height: 48px;
width: 200px;
}
/*-----------------------------------------------------------------------------------------*/
#nav {
font-size: 10.5px;
font-weight: bold;
letter-spacing: -0.2px;
line-height: 20px;
margin: 4px 0 -8px 0;
text-align: right;
}
#nav a {
background: url('/Newsletter Febrero 15/nav-bg.png');
display: inline-block;
height: 24px;
margin-left: 10px;
text-align: center;
width: 73px;
}
/*-----------------------------------------------------------------------------------------*/
#banner-footer {
background: #d9dad9 url('/Newsletter Febrero 15/gradient.jpg') repeat-x;
color: #00297c;
padding: 20px;
}
/*-----------------------------------------------------------------------------------------*/
.block {
background: #dadbda;
box-shadow: 2px 2px 8px #9c9c9c inset;
margin: 0 0 20px;
padding: 18px;
}
#vertical td { padding-top: 0; }
#vertical .block { display: inline-block; width: 41.5%; }
#vertical .block:nth-child(2n) { margin-left: 18px; }
.block:last-child { margin-bottom: 0; }
.block img { max-width: 100%; }
.block img.left { float: left; margin: 0 10px 10px 0; }
.block img.right { float: right; margin: 0 0 10px 10px; }
/*-----------------------------------------------------------------------------------------*/
#footer { padding-top: 30px; text-align: right; }
#footer h3 {
display: inline-block;
margin-right: 10px;
position: relative;
top: -20px;
}
/*-----------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 790px) {
#vertical .block { width: 40.5%; }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
td { padding: 10px; }
#nav { text-align: left; }
#nav a { margin: 8px 0 0; }
.block { margin-bottom: 10px }
#vertical .block { width: auto; }
#vertical .block:nth-child(2n) { margin-left: 0; }
#footer { padding: 0; text-align: left; }
#footer h3 { display: block; margin-bottom: 15px; top: 0; }
}
</style>
</header>
<body>
<div style="background: url('/Newsletter Febrero 15/background.jpg'); margin: 0 auto; padding: 28px 0; max-width: 650px; min-width: 300px;">
<table>
<!-- HEADER -->
<tr style="background: #d9dad9 url('/Newsletter Febrero 15/gradient.jpg') repeat-x">
<td colspan="2" style="background: transparent;">
<!-- logo -->
<div><a href="" id="logo"></a></div>
<!-- menu -->
<div id="nav">
<a href="#">Book Now!</a>
<a href="#">OVC.com</a>
<a href="#">Our Resorts</a>
<a href="#">Our Blog</a>
</div>
</td>
</tr>
<!-- BANNER -->
<tr>
<td colspan="2" style="padding: 0">
<img src="points.jpg" alt="" style="width: 100%"/>
<div id="banner-footer">
<p>What do you want to do next? Make your vacation even more special and unique! Use your Club Rewards and book some of the most exciting excursions on your favorite location! Heading to Mexico? What about a walk on Chichen Itza o swimming on the Hidden Beach of Marieta Islands? Or maybe a romantic dinner in Grand Papagayo or Grand Punta Cana? Click here and use your Rewards Points to enhance your vacation experience even more! <a href="https://www.my-ovc.com">Book Now! </a></a></p>
</div>
</td>
</tr>
<!-- BLOCKS HORIZONTAL -->
<tr style="background: #FFF">
<td colspan="2">
<div class="block">
<img src="Plane.jpg" class="right">
<h3><a href="#">3 Simple Steps that Will Save You Even More Money!<strong></strong></a></h3>
<p>Want to save some money? Of course you do! Don't we all? Thing is, we know our destinations are not always serviced by reasonably priced or convenient airfare.
We have managed to find a way to help save a few bucks on your vacation and still enjoying the many perks your membership has to offer.
<a href="http://bit.ly/OVCCHarter">Click here to find out how to save money on your vacation. </a></p>
</div>
<div class="block">
<img src="vday.jpg" class="left">
<h3><a href="#"><strong>Valentine's Day Photo Booth</strong></a></h3>
<p>What were you doing on Valentine's Day? Between our Valentine's Selfie contest in Grand Aruba, heart shaped drinks in Grand Cozumel and a very special cocktail in Grand Xcaret, we were busy enough! One of the things we loved this Valentine's Day was our photo booth in Grand Punta Cana! Glittery hearts, mustaches and funy glasses were the perfect props for a very special evening. <a href="http://bit.ly/VDAYPUJ"> Click here and take a look at the photos!</a></p>
</div>
<div class="block">
<img src="/Newsletter Febrero 15/101.jpg" class="right"><h3><a href="#"><strong>2015! Great Things Are on the Way!</strong></a></h3>
<p>This was a great year for the Club. We worked hard making your Club even better, and that included several renovations in our different resorts. From new First Clubs and Beach Lounges to Infinity Pools, there are a lot of new areas for you to enjoy your vacation.  We are very excited for 2015, and the many more renovations that it will bring! We are currently working on three projects that will have you dreaming more than ever about your next vacation. <p><a href="bit.ly/Renovations2015">Click here to take a look!</a></p>
</div>
<div class="block">
<img src="preferences.png" class="left">
<h3><a href="#"><strong>2016 Olympics and Other Travel Preferences of OVC Members </strong></a></h3>
<p>We were wondering about you, and the things you prefer when it comes to traveling. So we started asking questions to find out not only what are your travel preferences, but also what are your travel plans for 2015, the next place you'de like to visit and the experiences you can't wait to live. <a href="http://bit.ly/1zaaNW1"><p><p>Here's what you told us. </p></p></a></p>
</div>
</td>
</tr>
<!-- BLOCKS VERTICAL -->
<tr id="vertical">
<td>
<div class="block">
<h3>You Say...</h3>
<p>We just returned home from Occidental Grand Punta Cana after a ten day stay. The upgrades to the Royal Club beach are fantastic as well as the new First Club. Each and every member of the staff go far beyond what is asked or expected.</p>
<p><strong>Steve Beatty</strong><br>
<strong>Grand Level Member from US</strong></p>
<p><a href="http://bit.ly/GrandLevel"></a></p>
</div>
<div class="block">
<h3>Meet the staff!</h3>
<p>You have probably heard the name and talked to her a few times; now you get to see the face!
<p>Katherine has been part of OVC's family for almost two years, as Customer Service and Reservations Agent.
<a href="http://bit.ly/1DZOL0m">
<p>Click here and get to know a little bit more about her</p> </a></p>
</div>
<div class="block">
<h3><strong>Ownership 101</strong> </h3>
<p>From Florida to Italy, when it comes to choosing a destination for your next vacation, the options are endless! Here are a few important things to keep in mind when booking an affiliated resort. <a href="http://bit.ly/CO101AR">Click here to read more.</a></p>
</div>
<div class="block">
<h3>Namnum’s Corner...</h3>
<p>
You might know I enjoy wine. Opus is a wine from Napa that sells for $350 a bottle, while the wine next door sells for $59. During a visit I asked the Opus folks what makes it so much different from the wine next door. <a href="http://bit.ly/13ts8B6">Click here to read more.</a></p>
</p>
</div>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td>
<div id="footer">
<h3>Find us on:</h3>
<a href="#"><img src="/Newsletter Febrero 15/instagram.png" alt="Instagram"></a>
<a href="#"><img src="/Newsletter Febrero 15/facebook.png" alt="Facebook"></a>
<a href="#"><img src="/Newsletter Febrero 15/twitter.png" alt="Twitter"></a>
<a href="#"><img src="/Newsletter Febrero 15/pinterest.png" alt="Pinterest"></a>
<a href="#"><img src="/Newsletter Febrero 15/google.png" alt="Google+"></a>
<a href="#"><img src="/Newsletter Febrero 15/rss.png" alt="RSS"></a>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment