<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">
	<title>Unmark // Reset Password</title>
	<style type="text/css">
		@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700);

		/* Client-specific Styles */
		#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
		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.  More on that: http://www.emailonacid.com/forum/viewthread/43/ */
		#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: 0 0 !important;}

		table td {border-collapse: collapse;}
		table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
		/*a {color: #e95353;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: #ffffff; /* or whatever your want */
				pointer-events: none;
				cursor: default;
			}
			.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
				text-decoration: none;
				color: #ffffff !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;}
			table[class="sthide"]{display: none!important;}
			img[class="bigimage"]{width: 420px!important;height:219px!important;}
			img[class="col2img"]{width: 420px!important;height:258px!important;}
			img[class="image-banner"]{width: 440px!important;height:106px!important;}
			td[class="menu"]{text-align:center !important; padding: 0 !important; display: none !important;}
			td[class="logo"]{padding:10px 0 5px 0!important;margin: 0 auto !important;}
			img[class="logo"]{padding:0!important;margin: 0 auto !important;}
			.hide-mobile {display: none;}
		}
		/*##############################################*/
		/*IPHONE STYLES*/
		/*##############################################*/
		@media only screen and (max-width: 480px) {
			a[href^="tel"], a[href^="sms"] {
				text-decoration: none;
				color: #ffffff; /* or whatever your want */
				pointer-events: none;
				cursor: default;
			}
			.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
				text-decoration: none;
				color: #ffffff !important;
				pointer-events: auto;
				cursor: default;
			}
			table[class=devicewidth] {width: 320px!important;text-align:center!important;}
			table[class=devicewidthinner] {width: 308px!important;text-align:center!important;}
			table[class="sthide"]{display: none!important;}
			img[class="bigimage"]{width: 260px!important;height:136px!important;}
			img[class="col2img"]{width: 260px!important;height:160px!important;}
			img[class="image-banner"]{width: 280px!important;height:68px!important;}
		}
	</style>
</head>
<body style="-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;" bgcolor="#f6f4f5">
<div class="block hide-mobile">
	<!-- Start of preheader -->
	<table width="100%" bgcolor="#f6f4f5" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="preheader">
		<tbody>
		<tr>
			<td width="100%">
				<table width="580" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
					<tbody>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="10"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td align="center" valign="middle" style="font-family: Helvetica, arial, sans-serif; font-size: 10px;color: #999999" st-content="preheader"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="10"></td>
					</tr>
					<!-- Spacing -->
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
	<!-- End of preheader -->
</div>
<div class="block">
	<!-- start of header -->
	<table width="100%" bgcolor="#f6f4f5" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="header">
		<tbody>
		<tr>
			<td>
				<table width="580" bgcolor="#303030" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth" hlitebg="edit" shadow="edit">
					<tbody>
					<tr>
						<td>
							<!-- logo -->
							<table width="280" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
								<tbody>
								<tr>
									<td valign="middle" width="270" style="padding: 10px 0 6px 12px;" class="logo">
										<div class="imgpop">
											<a href="https://unmark.it" style="text-decoration:none;">
												<!-- Logo Mark -->
												<img src="{BASEURL}assets/images/logo.png" alt="logo" border="0" style="display:inline-block; border:none; outline:none; text-decoration:none;" st-image="edit" class="logo" height="40px">
												<!-- Logo Text -->
												<img src="{BASEURL}assets/images/logo_text_light.png" alt="logo" border="0" style="display:inline-block; border:none; outline:none; text-decoration:none;margin-left: 8px;vertical-align:12px;" st-image="edit" height="20px">
											</a>
										</div>
									</td>
								</tr>
								</tbody>
							</table>
							<!-- End of logo -->
							<!-- menu -->
							<table width="280" cellpadding="0" cellspacing="0" border="0" align="right" class="devicewidth">
								<tbody>
								<tr>
									<td width="270" valign="middle" style="font-family: 'Montserrat', Helvetica, Arial, sans-serif;font-size: 12px;text-transform: uppercase;letter-spacing:1px; color: #e7e7e7;line-height: 39px; padding: 10px 0;font-weight: normal;" align="right" class="menu" st-content="menu">
										<a href="http://help.unmark.it" style="text-decoration: none; color: #e7e7e7;padding: 0 20px;">Help</a>
									</td>
								</tr>
								</tbody>
							</table>
							<!-- End of Menu -->
						</td>
					</tr>
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
	<!-- end of header -->
</div>

<div class="block">
	<!-- start title -->
	<table width="100%" bgcolor="#f6f4f5" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="fulltext">
		<tbody>
		<tr>
			<td>
				<table bgcolor="#ffffff" width="580" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth" modulebg="edit">
					<tbody>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="36"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td>
							<table width="540" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
								<tbody>
								<!-- Title -->
								<tr>
									<td>
										<table height="36" align="center" valign="middle" border="0" cellpadding="0" cellspacing="0" class="tablet-button" st-button="edit">
											<tbody>
											<tr>
												<td width="auto" align="center" valign="middle" height="45" style=" background-color:#ffffff; background-clip: padding-box;font-family: 'Montserrat', Helvetica, Arial, sans-serif;font-size: 13px;text-transform: uppercase;letter-spacing:1px; text-align:center;  color:#333333; font-weight: 300; padding-left:30px; padding-right:30px; border: 2px solid #e4e4e4;">
													<span style="color: #333333; font-weight: 300; text-align:center">
														Reset Password
													</span>
												</td>
											</tr>
											</tbody>
										</table>
									</td>
								</tr>
								<!-- End of Title -->
								<!-- spacing -->
								<tr>
									<td height="5"></td>
								</tr>
								<!-- End of spacing -->
								</tbody>
							</table>
						</td>
					</tr>
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
	<!-- end of title -->
</div>

<div class="block">
	<!-- fulltext -->
	<table width="100%" bgcolor="#f6f4f5" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="fulltext">
		<tbody>
		<tr>
			<td>
				<table bgcolor="#ffffff" width="580" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth" modulebg="edit">
					<tbody>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="24"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td>
							<table width="540" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
								<tbody>
								<!-- content -->
								<tr>
									<td style="font-family: Helvetica, arial, sans-serif; font-size: 13px; color: #888888; text-align:center;line-height: 20px;padding: 0 30px;" st-content="fulltext-paragraph">
										Your password has been reset. <br />
										Please click the link below to login and specify a new one:
									</td>
								</tr>
								<!-- End of content -->
								<!-- Spacing -->
								<tr>
									<td width="100%" height="16"></td>
								</tr>
								<!-- Spacing -->
								</tbody>
							</table>
						</td>
					</tr>
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
	<!-- end of fulltext -->
</div>

<div class="block">
	<!-- fulltext -->
	<table width="100%" bgcolor="#f6f4f5" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="fulltext">
		<tbody>
		<tr>
			<td>
				<table bgcolor="#ffffff" width="580" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth" modulebg="edit">
					<tbody>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="10"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td>
							<table width="540" align="center" cellpadding="0" cellspacing="0" border="0" class="devicewidthinner">
								<tbody>
								<!-- content -->
								<tr>
									<td style="font-family: Helvetica, arial, sans-serif; font-size: 13px; color: #888888; text-align:center;line-height: 20px;padding: 0 30px;" st-content="fulltext-paragraph">
										<a href="{URL}" style="color:#259bcf;word-break: break-all;">Click here to reset your password.</a>
									</td>
								</tr>
								<!-- End of content -->
								<!-- Spacing -->
								<tr>
									<td width="100%" height="60"></td>
								</tr>
								<!-- Spacing -->
								</tbody>
							</table>
						</td>
					</tr>
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
	<!-- end of fulltext -->
</div>

<div class="block">
	<!-- Start of preheader -->
	<table width="100%" bgcolor="#f6f4f5" cellpadding="0" cellspacing="0" border="0" id="backgroundTable" st-sortable="postfooter">
		<tbody>
		<tr>
			<td width="100%">
				<table width="580" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidth">
					<tbody>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="15"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td align="center" valign="middle" style="font-family: Helvetica, arial, sans-serif; font-size: 10px;color: #999999" st-content="preheader"></td>
					</tr>
					<!-- Spacing -->
					<tr>
						<td width="100%" height="5"></td>
					</tr>
					<!-- Spacing -->
					</tbody>
				</table>
			</td>
		</tr>
		</tbody>
	</table>
	<!-- End of preheader -->
</div>

</body></html>
