
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<style type="text/css">
		body {
			width: 100%;
			margin: 0;
			padding: 0;
			/* Prevent auto resizing of font size in certain email clients */
			-webkit-text-size-adjust: 100% !important;
			-ms-text-size-adjust: 100% !important;
		}
		img {
			border: 0 none;
			outline: none;
			text-decoration: none;
			-ms-interpolation-mode: bicubic;
		}
		table {
			border-collapse: collapse;
		}
		/* Removes unwanted gap with aligned tables in Outlook */
		table, td {
			mso-table-lspace: 0pt;
			mso-table-rspace: 0pt;
		}
		/* Forces Outlook to display email at 100% width */
		.ExternalClass {
			width: 100%;
		}
		/* Corrects line-height issues on Outlook */
		.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
			line-height: 100%;
		}
		/* Mobile Responsive Styles */
		/* Using attribute selectors to hide mobile styles from Yahoo! Mail */
		@media only screen and (max-width: 480px) {
			table[class=mobile-width], td[class=mobile-width], img[class=mobile-width] {
				width: 100% !important;
				height: auto !important;
			}
			table[class=center], td[class=center] {
				width: 100% !important;
				height: auto !important;
				text-align: center !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
			}
			td[class=wrapper] {
				min-width: 0 !important;
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
		}
	</style>
</head>

<body style="width: 100%; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; margin: 0; padding: 0;">

	<!-- /\/\/\/\/\/\/\/\/ START Inbox Preview Text /\/\/\/\/\/\/\/\/ -->
	<div style="display: none; width: 0px; height: 0px; min-height: 0px; overflow: hidden; font-size: 0px; line-height: 0px; color: #ffffff; mso-hide: all;">
		This is where the inbox preview text goes
	</div>
	<!-- /\/\/\/\/\/\/\/\/ END Inbox Preview Text /\/\/\/\/\/\/\/\/ -->

	<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
	<tr>
		<!-- Change background color of email -->
		<td style="background-color: #e0e0e0;">
			<table align="center" class="mobile-width" width="680" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin: 0 auto;">
			<tr>
				<!-- min-width necessary in order to prevent auto-sizing in Gmail app -->
				<td class="wrapper" style="padding-left: 20px; padding-right: 20px; padding-top: 45px; padding-bottom: 45px; min-width: 640px;">

					<!-- /\/\/\/\/\/\/\/\/ START Header /\/\/\/\/\/\/\/\/ -->
					<table class="mobile-width" width="640" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
					<tr>
						<td style="padding-bottom: 25px; background-color: #e0e0e0;">
							<table class="mobile-width" width="640" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td class="center" style="padding-left: 40px; text-align: left;">
									<!-- Logo link back to your website -->
									<a href="#" target="_blank">
										<!-- Remember to add styles to img tags in order to style alt text -->
										<img src="img/logo.jpg" alt="Propel" width="229" height="32" style="vertical-align: top; border: 0 none; outline: none;" />
									</a>
								</td>
							</tr>
							</table>
						</td>
					</tr>
					</table>
					<!-- /\/\/\/\/\/\/\/\/ END Header /\/\/\/\/\/\/\/\/ -->

					<!-- /\/\/\/\/\/\/\/\/ START Sub Header /\/\/\/\/\/\/\/\/ -->
					<table class="mobile-width" width="640" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
					<tr>
						<td style="padding-left: 40px; padding-right: 40px; padding-top: 15px; padding-bottom: 35px; background-color: #0db2ca;">
							<table class="mobile-width" width="560" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td valign="top">
									<table align="left" class="mobile-width" width="360" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td class="center" style="padding-top: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 21px; line-height: 33px; color: #ffffff; text-align: left;">
											Your latest subscription updates
										</td>
									</tr>
									</table>
									<!--[if mso]></td><td valign="top"><![endif]-->
									<table align="left" class="mobile-width" width="200" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="middle" class="center" style="padding-top: 20px; text-align: right;">
											<!-- Button -->
											<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; display: inline-block;">
											<tr>
												<td style="-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #009fb6;">
													<a href="#" target="_blank" style="padding: 10px 25px; display: inline-block; border: 1px solid #009fb6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: normal; color: #ffffff; font-weight: bold; text-decoration: none;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Get All Updates<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></a>
												</td>
											</tr>
											</table>
										</td>
									</tr>
									</table>
								</td>
							</tr>
							</table>
						</td>
					</tr>
					</table>
					<!-- /\/\/\/\/\/\/\/\/ END Sub Header /\/\/\/\/\/\/\/\/ -->

					<!-- /\/\/\/\/\/\/\/\/ START Body Content /\/\/\/\/\/\/\/\/ -->
					<table class="mobile-width" width="640" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
					<tr>
						<td style="padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 60px; background-color: #ffffff;">
							<table class="mobile-width" width="590" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td valign="top">
									<table align="left" class="mobile-width" width="230" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="top" style="padding-left: 15px; padding-right: 15px; padding-top: 40px;">
											<img class="mobile-width" src="img/content-feature-1.jpg" alt="" width="200" height="150" style="vertical-align: top;" />
										</td>
									</tr>
									</table>
									<!--[if mso]></td><td valign="top"><![endif]-->
									<table align="left" class="mobile-width" width="360" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="top" style="padding-left: 15px; padding-right: 15px; padding-top: 40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #707582; text-align: left;">
											<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 28px; color: #292c34; font-weight: bold;">City Music Festival</div>
											<div style="font-size: 6px; line-height: 6px; mso-line-height-rule: exactly;">&nbsp;</div>
											<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 22px; color: #0db2ca; letter-spacing: 1px; text-transform: uppercase;">March 3, 2015</div>
											<div style="font-size: 6px; line-height: 6px; mso-line-height-rule: exactly;">&nbsp;</div>
											100,000 Trance fans gathered at the Coliseum to celebrate the top Trance tracks of all time.
											<div style="font-size: 12px; line-height: 12px; mso-line-height-rule: exactly;">&nbsp;</div>
											<!-- Button -->
											<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; display: inline-block;">
											<tr>
												<td style="-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;">
													<a href="#" target="_blank" style="padding: 8px 20px; display: inline-block; border: 1px solid #0db2ca; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; color: #0db2ca; font-weight: bold; text-decoration: none;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Read Now<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></a>
												</td>
											</tr>
											</table>
										</td>
									</tr>
									</table>
								</td>
							</tr>
							</table>
							<!-- Horizontal Rule -->
							<table class="mobile-width" width="590" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td style="padding-left: 15px; padding-right: 15px;">
									<table class="mobile-width" width="560" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td style="padding-top: 40px; border-bottom: 1px solid #e0e0e0; font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">&nbsp;</td>
									</tr>
									</table>
								</td>
							</tr>
							</table>
							<table class="mobile-width" width="590" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td valign="top">
									<table align="left" class="mobile-width" width="230" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="top" style="padding-left: 15px; padding-right: 15px; padding-top: 40px;">
											<img class="mobile-width" src="img/content-feature-2.jpg" alt="" width="200" height="150" style="vertical-align: top;" />
										</td>
									</tr>
									</table>
									<!--[if mso]></td><td valign="top"><![endif]-->
									<table align="left" class="mobile-width" width="360" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="top" style="padding-left: 15px; padding-right: 15px; padding-top: 40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #707582; text-align: left;">
											<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 28px; color: #292c34; font-weight: bold;">Jansen Photography Tour</div>
											<div style="font-size: 6px; line-height: 6px; mso-line-height-rule: exactly;">&nbsp;</div>
											<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 22px; color: #0db2ca; letter-spacing: 1px; text-transform: uppercase;">March 4, 2015</div>
											<div style="font-size: 6px; line-height: 6px; mso-line-height-rule: exactly;">&nbsp;</div>
											Learn photography from the master, Jansen, on this epic tour across San Francisco.
											<div style="font-size: 12px; line-height: 12px; mso-line-height-rule: exactly;">&nbsp;</div>
											<!-- Button -->
											<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; display: inline-block;">
											<tr>
												<td style="-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;">
													<a href="#" target="_blank" style="padding: 8px 20px; display: inline-block; border: 1px solid #0db2ca; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; color: #0db2ca; font-weight: bold; text-decoration: none;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Read Now<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></a>
												</td>
											</tr>
											</table>
										</td>
									</tr>
									</table>
								</td>
							</tr>
							</table>
							<!-- Horizontal Rule -->
							<table class="mobile-width" width="590" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td style="padding-left: 15px; padding-right: 15px;">
									<table class="mobile-width" width="560" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td style="padding-top: 40px; border-bottom: 1px solid #e0e0e0; font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;">&nbsp;</td>
									</tr>
									</table>
								</td>
							</tr>
							</table>
							<table class="mobile-width" width="590" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
							<tr>
								<td valign="top">
									<table align="left" class="mobile-width" width="230" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="top" style="padding-left: 15px; padding-right: 15px; padding-top: 40px;">
											<img class="mobile-width" src="img/content-feature-3.jpg" alt="" width="200" height="150" style="vertical-align: top;" />
										</td>
									</tr>
									</table>
									<!--[if mso]></td><td valign="top"><![endif]-->
									<table align="left" class="mobile-width" width="360" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tr>
										<td valign="top" style="padding-left: 15px; padding-right: 15px; padding-top: 40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #707582; text-align: left;">
											<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 28px; color: #292c34; font-weight: bold;">Got Allergies?</div>
											<div style="font-size: 6px; line-height: 6px; mso-line-height-rule: exactly;">&nbsp;</div>
											<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 22px; color: #0db2ca; letter-spacing: 1px; text-transform: uppercase;">March 5, 2015</div>
											<div style="font-size: 6px; line-height: 6px; mso-line-height-rule: exactly;">&nbsp;</div>
											Come to our class on ancient herbal medicines to learn how to combat allergies.
											<div style="font-size: 12px; line-height: 12px; mso-line-height-rule: exactly;">&nbsp;</div>
											<!-- Button -->
											<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; display: inline-block;">
											<tr>
												<td style="-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;">
													<a href="#" target="_blank" style="padding: 8px 20px; display: inline-block; border: 1px solid #0db2ca; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; color: #0db2ca; font-weight: bold; text-decoration: none;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Read Now<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></a>
												</td>
											</tr>
											</table>
										</td>
									</tr>
									</table>
								</td>
							</tr>
							</table>
						</td>
					</tr>
					</table>
					<!-- /\/\/\/\/\/\/\/\/ END Body Content /\/\/\/\/\/\/\/\/ -->

					<!-- /\/\/\/\/\/\/\/\/ START Footer /\/\/\/\/\/\/\/\/ -->
					<table class="mobile-width" width="640" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
					<tr>
						<td style="padding-left: 40px; padding-right: 40px; padding-top: 30px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 24px; color: #909090; text-align: center;">
							You're subscribed as <a href="mailto:jane@sample.com" style="color: #909090; border: 0 none; text-decoration: none;">jane@sample.com</a>. <a href="#" target="_blank" style="color: #0db2ca; border: 0 none; text-decoration: none;">Change mailing preferences</a>
						</td>
					</tr>
					</table>
					<!-- /\/\/\/\/\/\/\/\/ END Footer /\/\/\/\/\/\/\/\/ -->

				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>

</body>
</html>