php js css php js css

Changes

Changes to Design: Email Design
398800
Yesterday 2:16am

Created design
Can't Undo: The design 28 does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the design
398877
Yesterday 2:24am
McNaught, Scott
Deleted design
Id:
Deleted Datetime:
Css:
Js:
Php Source:
Mobile Function:
Mobile Value:
Google Analytics Id:
Ajax Navigation:
Type:
 
email
email
Title:
 
Email Design
Email Design
Html:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>



<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge" />



<style type="text/css">



	/* EMAIL CLIENT-SPECIFIC STYLES */

	#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */

	.ReadMsgBody{width:100%;} .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 */

	body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */

	table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */



	/* RESET STYLES */

	body {margin:0; padding:0;font-weight: normal; font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;}

	table {border-collapse:collapse !important;}

	body {height:100% !important; margin:0; padding:0; width:100% !important;}



	/* FONT STYLES */

	body,td,th {font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;	font-size: 16px; line-height:20px; color: #555555;}

	h1,h2,h3,h4,h5 {color: #333333;}

	h1 {font: normal 24px Arial; line-height:26px;}

	h2 {font: normal 22px Arial; line-height:24px;}

	h3 {font: bold 18px Arial; line-height:20px;}

	h4 {font: bold 16px Arial; line-height:18px;}

	a,.yshortcuts {color:#337ab7; font-style: none; text-decoration:none;}



	hr { border-top: 2px solid #CCC;}



	/* iOS BLUE LINKS */

	.appleBody a {color:#337ab7; text-decoration: none;}

	.appleFooter a {color:#337ab7; text-decoration: none;}



	/* MOBILE STYLES */

	@media screen and (max-width: 525px) {



		/* ALLOWS FOR FLUID TABLES */

		table[class="wrapper"]{

		  width:100% !important;

		}



		/* ADJUSTS LAYOUT OF LOGO IMAGE */

		td[class="logo"]{

		  text-align: left;

		  padding: 20px 0 20px 0 !important;

		}



		td[class="logo"] img{

		  margin:0 auto!important;

		}



		td[class="section-padding"]{

		  padding: 50px 15px 50px 15px !important;

		}



		a[class="mobile-button"]{

			width:80% !important;

			padding: 15px !important;

			border: 0 !important;

			font-size: 16px !important;

		}



	}

</style>



</head>

	

	<body style="margin: 0; padding: 0;">

	

		<!-- HEADER -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

			<tr>

				<td bgcolor="#FFF">

					<div align="center" style="padding: 0px 15px;">

						<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

							<tr>

								<td style="padding: 20px 0px 30px;" class="logo">

									<table border="0" cellpadding="0" cellspacing="0" width="100%">

										<tr>

											<td bgcolor="#FFF" width="600" align="center"><a href="/" target="_blank"><img alt="" src="https://media-cdn.tripadvisor.com/media/photo-s/13/a1/39/8f/brooklyn-depot-southbank.jpg" width="206" style="color: rgb(102, 102, 102); font-family: Helvetica, Arial, sans-serif; font-size: 16px; display: block;" border="0" /></a></td>

										</tr>

									</table> 

								</td>

							</tr>

						</table>

					</div>

				</td>

			</tr>

		</table>

		

		<!-- LOGO/PREHEADER TEXT -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%">

			<tr>

				<td bgcolor="#313235" style="padding: 0px 15px 0px 15px;" align="center">

					<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

						

						<tr>

							<td style="padding: 10px 0px 6px 0px;">

								<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;">

									<tr>

										<td valign="middle" width="300" style="font-size:14px;">

											<strong><a href="/" style="color:#FFF">Visit Our Website</a></strong>

										</td>

										<td valign="middle" align="right" width="300">

											<a href="https://www.facebook.com/"></a>

										</td>

									</tr>

								</table>

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>

		

		<!-- ONE COLUMN SECTION -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

			<tr>

				<td bgcolor="#ffffff" align="center" style="padding: 50px 15px 50px 15px;" class="section-padding">

					<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

						<tr>

							<td>

								<ss:regions:content />

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>



		<!-- DISCLAIMER -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%">

			<tr>

				<td bgcolor="#F5F5F5" align="center" style="padding: 20px 0px;">

					<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="wrapper">

						<tr>

							<td align="center" style="font-size: 12px; line-height: 18px; color:#666666;">

								<a href="/">Visit Our Website</a><br />

								Don't want to receive our e-mails? <a class="original-only" href="/community/email/unsubscribe/" style="color: #666666; text-decoration: none;">Unsubscribe here.</a>

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>

		

	</body>

</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>



<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge" />



<style type="text/css">



	/* EMAIL CLIENT-SPECIFIC STYLES */

	#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */

	.ReadMsgBody{width:100%;} .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 */

	body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */

	table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */



	/* RESET STYLES */

	body {margin:0; padding:0;font-weight: normal; font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;}

	table {border-collapse:collapse !important;}

	body {height:100% !important; margin:0; padding:0; width:100% !important;}



	/* FONT STYLES */

	body,td,th {font-family: Arial,Verdana,Helvetica,Tahoma,Georgia,Lucida,sans-serif;	font-size: 16px; line-height:20px; color: #555555;}

	h1,h2,h3,h4,h5 {color: #333333;}

	h1 {font: normal 24px Arial; line-height:26px;}

	h2 {font: normal 22px Arial; line-height:24px;}

	h3 {font: bold 18px Arial; line-height:20px;}

	h4 {font: bold 16px Arial; line-height:18px;}

	a,.yshortcuts {color:#337ab7; font-style: none; text-decoration:none;}



	hr { border-top: 2px solid #CCC;}



	/* iOS BLUE LINKS */

	.appleBody a {color:#337ab7; text-decoration: none;}

	.appleFooter a {color:#337ab7; text-decoration: none;}



	/* MOBILE STYLES */

	@media screen and (max-width: 525px) {



		/* ALLOWS FOR FLUID TABLES */

		table[class="wrapper"]{

		  width:100% !important;

		}



		/* ADJUSTS LAYOUT OF LOGO IMAGE */

		td[class="logo"]{

		  text-align: left;

		  padding: 20px 0 20px 0 !important;

		}



		td[class="logo"] img{

		  margin:0 auto!important;

		}



		td[class="section-padding"]{

		  padding: 50px 15px 50px 15px !important;

		}



		a[class="mobile-button"]{

			width:80% !important;

			padding: 15px !important;

			border: 0 !important;

			font-size: 16px !important;

		}



	}

</style>



</head>

	

	<body style="margin: 0; padding: 0;">

	

		<!-- HEADER -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

			<tr>

				<td bgcolor="#FFF">

					<div align="center" style="padding: 0px 15px;">

						<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

							<tr>

								<td style="padding: 20px 0px 30px;" class="logo">

									<table border="0" cellpadding="0" cellspacing="0" width="100%">

										<tr>

											<td bgcolor="#FFF" width="600" align="center"><a href="/" target="_blank"><img alt="" src="https://media-cdn.tripadvisor.com/media/photo-s/13/a1/39/8f/brooklyn-depot-southbank.jpg" width="206" style="color: rgb(102, 102, 102); font-family: Helvetica, Arial, sans-serif; font-size: 16px; display: block;" border="0" /></a></td>

										</tr>

									</table> 

								</td>

							</tr>

						</table>

					</div>

				</td>

			</tr>

		</table>

		

		<!-- LOGO/PREHEADER TEXT -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%">

			<tr>

				<td bgcolor="#313235" style="padding: 0px 15px 0px 15px;" align="center">

					<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

						

						<tr>

							<td style="padding: 10px 0px 6px 0px;">

								<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;">

									<tr>

										<td valign="middle" width="300" style="font-size:14px;">

											<strong><a href="/" style="color:#FFF">Visit Our Website</a></strong>

										</td>

										<td valign="middle" align="right" width="300">

											<a href="https://www.facebook.com/"></a>

										</td>

									</tr>

								</table>

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>

		

		<!-- ONE COLUMN SECTION -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%">

			<tr>

				<td bgcolor="#ffffff" align="center" style="padding: 50px 15px 50px 15px;" class="section-padding">

					<table border="0" cellpadding="0" cellspacing="0" width="600" class="wrapper">

						<tr>

							<td>

								<ss:regions:content />

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>



		<!-- DISCLAIMER -->

		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%">

			<tr>

				<td bgcolor="#F5F5F5" align="center" style="padding: 20px 0px;">

					<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="wrapper">

						<tr>

							<td align="center" style="font-size: 12px; line-height: 18px; color:#666666;">

								<a href="/">Visit Our Website</a><br />

								Don't want to receive our e-mails? <a class="original-only" href="/community/email/unsubscribe/" style="color: #666666; text-decoration: none;">Unsubscribe here.</a>

							</td>

						</tr>

					</table>

				</td>

			</tr>

		</table>

		

	</body>

</html>