| Current Path : /home/jeromecohp/www/components/com_emailbeautifier/templates/tempo/ |
| Current File : /home/jeromecohp/www/components/com_emailbeautifier/templates/tempo/tempo.html |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
/* Client-specific Styles */
div, p, a, li, td { -webkit-text-size-adjust:none; }
#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
html{width: 100%; }
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. */
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
a img {border:none;}
.image_fix {display:block;}
p {margin: 0px 0px !important;}
table td {border-collapse: collapse;}
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
a {color: #33b9ff;text-decoration: none;text-decoration:none!important;}
/*STYLES*/
table[class=full] { width: 100%; clear: both; }
/*IPAD STYLES*/
@media only screen and (max-width: 640px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
color: #33b9ff; /* or whatever your want */
pointer-events: none;
cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration: default;
color: #33b9ff !important;
pointer-events: auto;
cursor: default;
}
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
table[class=devicewidthinner] {width: 420px!important;text-align:center!important;}
img[class=banner] {width: 440px!important;height:220px!important;}
img[class=col2img] {width: 440px!important;height:220px!important;}
}
/*IPHONE STYLES*/
@media only screen and (max-width: 480px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
color: #33b9ff; /* or whatever your want */
pointer-events: none;
cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
text-decoration: default;
color: #33b9ff !important;
pointer-events: auto;
cursor: default;
}
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
table[class=devicewidthinner] {width: 260px!important;text-align:center!important;}
img[class=banner] {width: 280px!important;height:140px!important;}
img[class=col2img] {width: 280px!important;height:140px!important;}
}
</style>
</head>
<body>
<table id="backgroundTable" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#fcfcfc">
<tbody>
<tr>
<td>
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td width="100%">
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td width="100%" height="5"> </td>
</tr>
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 10px; color: #282828;" align="right" valign="middle" width="100%">Sent at [TIMESTAMP] via [SITELINK]</td>
</tr>
<tr>
<td width="100%" height="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- Start of header -->
<table width="100%" bgcolor="#fcfcfc" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="header">
<tbody>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td width="100%">
<table width="600" bgcolor="#eacb3c" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
<tbody>
<tr>
<td>
<!-- logo -->
<table bgcolor="#282828" width="140" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
<tbody>
<tr>
<td width="140" height="50" align="center">
<div class="imgpop">
<a target="_blank" href="#">
<img src="components/com_emailbeautifier/templates/tempo/images/logo.jpg" alt="" border="0" width="140" height="50" style="display:block; border:none; outline:none; text-decoration:none;">
</a>
</div>
</td>
</tr>
</tbody>
</table>
<!-- end of logo -->
<!-- start of menu -->
<table bgcolor="#eacb3c" width="250" height="50" border="0" align="right" valign="middle" cellpadding="0" cellspacing="0" border="0" class="devicewidth">
<tbody>
<tr>
<td height="50" align="center" valign="middle" style="font-family: Helvetica, arial, sans-serif; font-size: 13px;color: #282828" st-content="menu">
<a href="#" style="color: #282828;text-decoration: none;">Home</a>
<a href="#" style="color: #282828;text-decoration: none;">Shop</a>
<a href="#" style="color: #282828;text-decoration: none;">Contact</a>
</td>
</tr>
</tbody>
</table>
<!-- end of menu -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- End of Header -->
<table id="backgroundTable" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#fcfcfc">
<tbody>
<tr>
<td>
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td width="100%">
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td width="100%" height="5"> </td>
</tr>
<tr>
<td>
<table class="devicewidthinner" border="0" width="560" cellspacing="0" cellpadding="0" align="center">
<tbody>
<!-- Title -->
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 13px; color: #282828; line-height: 24px;">[CONTENT]</td>
</tr>
<!-- End of Title -->
<tr>
<td width="100%" height="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table id="backgroundTable" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#fcfcfc">
<tbody>
<tr>
<td>
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#eacb3c">
<tbody>
<tr>
<td width="100%">
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center" bgcolor="#eacb3c">
<tbody>
<tr>
<td width="100%" height="5"> </td>
</tr>
<tr>
<td>
<!-- Social icons -->
<table class="devicewidth" border="0" width="150" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td align="center" width="43" height="43">
<div class="imgpop"><a href="http://www.facebook.com/" title="Like us on Facebook" target="_blank"> <img style="display: block; border: none; outline: none; text-decoration: none;" src="components/com_emailbeautifier/templates/tempo/images/facebook.png" alt="Like us on Facebook" width="43" height="43" border="0" /></a></div>
</td>
<td style="font-size: 1px; line-height: 1px;" align="left" width="20"> </td>
<td align="center" width="43" height="43">
<div class="imgpop"><a href="http://twitter.com/" title="Follow us on Twitter!" target="_blank"> <img style="display: block; border: none; outline: none; text-decoration: none;" src="components/com_emailbeautifier/templates/tempo/images/twitter.png" alt="Follow us on Twitter!" width="43" height="43" border="0" /></a></div>
</td>
<td style="font-size: 1px; line-height: 1px;" align="left" width="20"> </td>
<td align="center" width="43" height="43">
<div class="imgpop"><a href="http://www.linkedin.com/" title="Follow us on LinkedIn" target="_blank"> <img style="display: block; border: none; outline: none; text-decoration: none;" src="components/com_emailbeautifier/templates/tempo/images/linkedin.png" alt="Follow us on LinkedIn" width="43" height="43" border="0" /></a></div>
</td>
</tr>
</tbody>
</table>
<!-- end of Social icons -->
</td>
</tr>
<tr>
<td width="100%" height="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table id="backgroundTable" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#fcfcfc">
<tbody>
<tr>
<td>
<table class="devicewidth" border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td width="100%" height="5"> </td>
</tr>
<tr>
<td style="font-family: Helvetica, arial, sans-serif; font-size: 10px; color: #282828;" align="center" valign="middle">Copyright (c) 2008-2018 [SITENAME]. All rights reserved.</td>
</tr>
<tr>
<td width="100%" height="5"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>