<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://wwww3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!-- If you delete this meta tag, the ground will open and swallow you. -->
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
/* -------------------------------------
GLOBAL
------------------------------------- */
* {
margin:0;
padding:0;
}
* { font-family: Arial, Helvetica, sans-serif }
img {
max-width: 100%;
}
collapse {
margin:0;
padding:0;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100%!important;
height: 100%;
font-family: Arial, Helvetica, sans-serif
}
a { color: #2BA6CB;}
btn {
text-decoration:none;
color: #FFF;
background-color: #00247d;
font-weight:bold;
text-align:center;
cursor:pointer;
padding-top:15px;
width: 250px;
height: 40px;
}
p.callout {
padding:15px;
background-color:#ECF8FF;
margin-bottom: 15px;
}
callout a {
font-weight:bold;
color: #2BA6CB;
}
table.social {
/* padding:15px; */
background-color: #ebebeb;
}
sidebar .soc-btn {
display:block;
width:100%;
}
/* -------------------------------------
HEADER
------------------------------------- */
table.head-wrap { width: 100%;}
header.container table td.logo { padding: 15px; }
header.container table td.label { padding: 15px; padding-left:0px;}
header container { width:600px; text-align:center }
/* -------------------------------------
BODY
------------------------------------- */
table.body-wrap { width: 600px;}
/* -------------------------------------
FOOTER
------------------------------------- */
table.footer-wrap { width: 100%; clear:both!important;
}
footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
footer-wrap .container td.content p {
font-size:10px;
font-weight: bold;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
h1 { font-weight:200; font-size: 44px;}
h2 { font-weight:200; font-size: 37px;}
h3 { font-weight:500; font-size: 27px;}
h4 { font-weight:500; font-size: 23px;}
h5 { font-weight:900; font-size: 17px;}
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
collapse { margin:0!important;}
p, ul {
margin-bottom: 10px;
font-weight: normal;
font-size:14px;
line-height:1.6;
}
p.lead { font-size:17px; }
p.last { margin-bottom:0px;}
ul li {
margin-left:5px;
list-style-position: inside;
}
/* -------------------------------------
SIDEBAR
------------------------------------- */
ul.sidebar {
background:#ebebeb;
display:block;
list-style-type: none;
}
ul.sidebar li { display: block; margin:0;}
ul.sidebar li a {
text-decoration:none;
color: #666;
padding:10px 16px;
/* font-weight:bold; */
margin-right:10px;
/* text-align:center; */
cursor:pointer;
border-bottom: 1px solid #777777;
border-top: 1px solid #FFFFFF;
display:block;
margin:0;
}
ul.sidebar li a.last { border-bottom-width:0px;}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
/* ---------------------------------------------------
RESPONSIVENESS
Nuke it from orbit. It's the only way to be sure.
------------------------------------------------------ */
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
container {
display:block!important;
max-width:600px!important;
margin:0 auto!important; /* makes it centered */
clear:both!important;
}
/* This should also be a block element, so that it will fill 100% of the .container */
content {
padding:15px;
max-width:600px;
margin:0 auto;
display:block;
}
/* Let's make sure tables in the content area are 100% wide */
content table { width: 100%; }
/* Odds and ends */
column {
width: 300px;
float:left;
}
column tr td { padding: 15px; }
column-wrap {
padding:0!important;
margin:0 auto;
max-width:600px!important;
}
column table { width:100%;}
social .column {
width: 280px;
min-width: 279px;
float:left;
}
/* Be sure to place a .clear element after each set of columns, just to be safe */
clear { display: block; clear: both; }
/* -------------------------------------------
PHONE
For clients that support media queries.
Nothing fancy.
-------------------------------------------- */
@media only screen and (max-width: 600px) {
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
div[class="column"] { width: auto!important; float:none!important;}
table.social div[class="column"] {
width:auto!important;
}
}
@media only screen and (min-width: 601px) {
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
div[class="column"] { width: 600px!important; float:none!important;}
table.social div[class="column"] {
width:auto!important;
}
}
</style>
</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<!-- HEADER -->
<table class="head-wrap" bgcolor="#00247d">
<tbody>
<tr>
<td class="header container" align=""><!-- /content -->
<div class="content">
<table style="width: 500px; text-align: center;" bgcolor="">
<tbody>
<tr>
<td> </td>
<td><img src="http://www.bestzips.com/graphics/logo_hotgadget_white.png" /></td>
<td align="right">
<h6 class="collapse"><img src="http://www.bestzips.com/graphics/logo_guarantee.png" /></h6>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /content --></td>
<td></td>
</tr>
</tbody>
</table>
<!-- /HEADER --> <!-- BODY -->
<table class="body-wrap" align="" bgcolor="">
<tbody>
<tr>
<td></td>
<td class="container" align="" bgcolor="#FFFFFF"><!-- content -->
<div class="content" align="center"><a style="text-decoration: underline; color: #0b7bc3;" href="http://www.bestzips.com/newsletter/usbtv.html">Having trouble viewing this email? Click here to view online version</a><br /> <br />
</div>
<div></div>
<table align="center" border="0" cellpadding="5" cellspacing="0" id="Table_01">
<tbody>
<tr>
<td bgcolor="#009933" colspan="6" height="60"><center>
<font color="#ffffff" face="Arial, Helvetica, sans-serif" size="+2"><strong>Unlock 5000+ Satellite TV Channels & HD Movies <br />
On Your PC Instantly</strong></font>
</center></td>
</tr>
<tr>
<td colspan="2" style="text-align: center"><br />
<a href="http://www.bestzips.com/newsletter/usbtv.html"><img alt="Watch CNN Channel: It delivers the latest breaking news and information on the latest top stories, weather, business, entertainment, politics, and more." border="0" src="http://www.bestzips.com/graphics/psb_news2.png" /></a></td>
<td style="text-align: center"><br />
<a href="http://www.bestzips.com/newsletter/usbtv.html"><img alt="Click Here to Watch Movies." border="0" src="http://www.bestzips.com/graphics/psb_movies2.png" /></a></td>
<td style="text-align: center"><br />
<a href="http://www.bestzips.com/newsletter/usbtv.html" target="_blank"><img alt="ESPN provides comprehensive sports coverage. Complete sports information including NFL, MLB, NBA, College Football, College Basketball " border="0" src="http://www.bestzips.com/graphics/psb_sports2png" /></a></td>
<td colspan="2" style="text-align: center"><br />
<a href="http://www.bestzips.com/newsletter/usbtv.html"><img alt="Click here to watch talk shows" border="0" src="http://www.bestzips.com/graphics/psb_hot2.png" /></a></td>
</tr>
<tr>
<td colspan="2" style="text-align: center"><a href="#" target="_blank"><img alt="" border="0" src="http://www.bestzips.com/graphics/psb_oldies2.png" /></a></td>
<td style="text-align: center"><a href="http://www.bestzips.com/newsletter/usbtv.html" target="_blank"><img alt="" border="0" src="http://www.bestzips.com/graphics/psb_lifestyle2.png" /></a></td>
<td style="text-align: center"><a href="http://www.bestzips.com/newsletter/usbtv.html" target="_blank"><img border="0" src="http://www.bestzips.com/graphics/psb_business2.png" /></a></td>
<td colspan="2" style="text-align: center"><a href="http://wwwbestzips.com/newsletter/usbtv.html" target="_blank"><img alt="Every weekend Book TV brings you a rich variety of nonfiction topics: history, biography, politics, current events, the media, and more" border="0" src="http://www.bestzips.com/graphics/psb_music2.png" /></a></td>
</tr>
</tbody>
</table>
<br />
<p style="text-align: center; font-size: 18px; font-family:Verdana, Geneva, sans-serif"> <a href="http://www.bestzips.com/newsletter/usbtv.html">Your PC is ready to be turned into a Super TV in 2 minutes!</a><br />
</p>
<div style="width:450px; margin-left:auto; margin-right:auto; text-align:center; background-color:#00247d; height:40px;padding-top:15px;"><a href="http://www.bestzips.com/newsletter/usbtv.html" style="color:#FFF; text-decoration:none"><strong>View Demo »</strong></a></div>
<div class="content">
<p> </p>
<p> </p>
<table>
<tbody>
<tr>
<td style="vertical-align: top; padding-right: 10px;"><a href="http://www.bestzips.com/newsletter/goldbar.html"><img src="http://www.bestzips.com/graphics/goldbar1.jpg" width="258" /></a></td>
<td><p><strong>Mini Gold Bar USB Flash Drive</strong><br />
Fancy a fun, innovative Gold Bar USB to add luxury to your PC. Convince your co-workers that you have your very own gold bar directly from the mint. While stocks last!</p>
<a class="btn" href="http://www.bestzips.com/newsletter/goldbar.html">View Demo & <br />
Claim Father Day Gift »<br />
<br />
</a></td>
</tr>
</tbody>
</table>
<br /><br />
<table bgcolor="">
<tbody>
<tr>
<td style="vertical-align: top; padding-right: 10px;"><a href="http://www.bestzips.com/newsletter/miracast.html" style="color: #1bc4de;"><img class="img_scale" src="http://www.bestzips.com/graphics/miracast1.jpg" alt="img-255-160-4" style="display: block;" border="0" height="160" width="255" /></a><a href="http://www.bestzips.com/newsletter/miracast.html"></a></td>
<td>
<p>Wish you can view your iphone on your large TV? Tired of your phone screen size and wonder if you can enlarge it to your TV size? How about play games, view photos and surf web on your TV?</p>
<a class="btn" href="http://www.bestzips.com/newsletter/miracast.html">View Demo »</a></td>
</tr>
</tbody>
</table>
</div>
<br /><br /> <!-- /content --> <!-- content -->
<div class="content">
<table bgcolor="">
<tbody>
<tr>
<td style="vertical-align: top; padding-right: 10px;"><a href="http://www.bestzips.com/newsletter/spypen.html" style="color: #1bc4de;"><img class="img_scale" src="http://www.bestzips.com/graphics/news2_spypen.jpg" alt="img-255-160-3" style="display: block;" border="0" height="160" width="255" /></a><a href="http://www.bestzips.com/newsletter/miracast.html" style="color: #1bc4de;"></a><a href="http://www.bestzips.com/newsletter/spypen.html" style="color: #1bc4de;"></a></td>
<td>
<h4>007 Secret Agent Spy Pen</h4>
<p>Do you want to record a a video or conversation discreetly? Watch this demo and you will be surprised.</p>
<a class="btn" href="http://www.bestzips.com/newsletter/spypen.html">View Demo »</a></td>
</tr>
</tbody>
</table>
</div>
<div class="content">
<table bgcolor="">
<tbody>
<tr>
<td><!-- social & contact -->
<table class="social" style="padding: 8px; width: 100%;" bgcolor="">
<tbody>
<tr>
<td valign="top"><!--- column 1 -->
<p style="font-size: 12px;">HotDealGadgets<br />
711 S.Carson City, Suite 4, Carson City, Nevada 89701, United States Of America <br /><br /> This message was sent to the following email address: media@openfest.org <br /><br />
We hope you found this message to be useful. However, if you'd rather not receive future e-mails of this sort from us, you may <a href="#"> unsubscribe from our mailing list</a>.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<br /><br /><br /> <br /> <br /> <br />
</body>
</html>