Your IP : 216.73.216.229


Current Path : /home/jeromecohp/www/components/com_emailbeautifier/templates/tempo/
Upload File :
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>
																		&nbsp;&nbsp;&nbsp;
																		<a href="#" style="color: #282828;text-decoration: none;">Shop</a>
																		&nbsp;&nbsp;&nbsp;
																		<a href="#" style="color: #282828;text-decoration: none;">Contact</a>
																		&nbsp;&nbsp;&nbsp;
																	</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>