LocationTrackingAlertMail

Id: CFAFB954-198C-4F9B-90F2-332BA78C841C
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2025-04-12 08:06:07.863000
Updated: —

HTML body (16093 chars)

<!doctype html>
	<html lang="en">

<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
		<meta name="x-apple-disable-message-reformatting">
		<meta name="viewport" content="width=device-width">
		<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
		<script type="text/javascript" src="css3-mediaqueries.js"></script>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Getting Started Mail</title>
		<style type="text/css">
			a {
				text-decoration: none;
				outline: 0
			}

p {
				font-size: 14px;
				font-family: roboto
			}

b {
				font-size: 14px;
				font-family: roboto
			}

.gradient-text {
				display: flex;
				justify-content: center;
				font-family: poppins;
				background-clip: text;
				-webkit-background-clip: text;
				color: transparent;
				-web-text-fill-color: transparent;
				background-image: linear-gradient(125deg, #EA5A6F 53%, #DE791E 47%, #FCCF3A 90%);
				font-size: 17px;
			}

@media (max-width:649px) {
				.o_col-full {
					max-width: 100% !important
				}

.o_col-half {
					max-width: 50% !important
				}

.o_hide-lg {
					display: inline-block !important;
					font-size: inherit !important;
					max-height: none !important;
					line-height: inherit !important;
					overflow: visible !important;
					width: auto !important;
					visibility: visible !important
				}

.o_hide-xs,
				.o_hide-xs.o_col_i {
					display: none !important;
					font-size: 0 !important;
					max-height: 0 !important;
					width: 0 !important;
					line-height: 0 !important;
					overflow: hidden !important;
					visibility: hidden !important;
					height: 0 !important
				}

.o_xs-center {
					text-align: center !important
				}

.o_xs-left {
					text-align: left !important
				}

.o_xs-right {
					text-align: left !important
				}

table.o_xs-left {
					margin-left: 0 !important;
					margin-right: auto !important;
					float: none !important
				}

table.o_xs-right {
					margin-left: auto !important;
					margin-right: 0 !important;
					float: none !important
				}

table.o_xs-center {
					margin-left: auto !important;
					margin-right: auto !important;
					float: none !important
				}

h1.o_heading {
					font-size: 32px !important;
					line-height: 41px !important
				}

h2.o_heading {
					font-size: 26px !important;
					line-height: 37px !important
				}

h3.o_heading {
					font-size: 20px !important;
					line-height: 30px !important
				}

.o_xs-py-md {
					padding-top: 24px !important;
					padding-bottom: 24px !important
				}

.o_xs-pt-xs {
					padding-top: 8px !important
				}

.o_xs-pb-xs {
					padding-bottom: 8px !important
				}
			}

@media screen {
				@font-face {
					font-family: Roboto;
					font-style: normal;
					font-weight: 400;
					src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
					unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
				}

@font-face {
					font-family: Roboto;
					font-style: normal;
					font-weight: 400;
					src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
					unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
				}

@font-face {
					font-family: Roboto;
					font-style: normal;
					font-weight: 700;
					src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
					unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
				}

@font-face {
					font-family: Roboto;
					font-style: normal;
					font-weight: 700;
					src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
					unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
				}

.o_heading,
				.o_sans {
					font-family: Roboto, sans-serif !important
				}

.o_heading,
				b,
				strong {
					font-weight: 700 !important
				}

a[x-apple-data-detectors] {
					color: inherit !important;
					text-decoration: none !important
				}
			}

@media (max-width:600px) {
				.small_font {
					font-size: 10px
				}
			}

@media (max-width:400px) {
				.small_font {
					font-size: 7px
				}
			}

@media (max-width:425px) {
				.small_font {
					font-size: 10px
				}
			}

@media screen and (max-width:375px) {
				.small_font {
					font-size: 7px
				}
			}

@media (min-width:321px) and (max-width:374px) {
				.small_font {
					font-size: 9px
				}
			}

@media (min-width:301px) and (max-width:374px) {
				.ccc {
					padding-top: 4px
				}
			}

@media (min-width:321px) and (max-width:374px) {
				.youtube {
					height: 10px !important;
					width: 10px !important
				}
			}

@media screen and (max-width:375px) {
				.youtube {
					height: 8px !important;
					width: 8px !important
				}
			}

@media screen and (max-width:300px) {
				.small_font {
					font-size: 7px;
					margin-top: 2px !important
				}
			}

@media screen and (max-width:300px) {
				.youtube {
					width: 5px !important;
					height: 5px !important
				}
			}

@media screen and (max-width:450px) {
				.bbb {
					align-items: center;
					flex-direction: column-reverse
				}
			}

@media screen and (max-width:320px) {
				.youtube {
					width: 8px !important;
					height: 8px !important
				}
			}

@media (max-width:320px) {
				.image {
					font-size: 7px
				}
			}

@media only screen and (max-width:320px) {
				table.youtube {
					width: 7px !important;
					height: 7px !important
				}
			}
		</style>
	</head>

<body class="o_body o_bg-light"
		style="width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#f4f8f9">
		<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
			<tbody>
				<tr>
					<td class="o_bg-light o_px-xs o_pt-lg o_xs-pt-xs" align="center"
						style="background-color:#f9f8fa;padding-top:32px;margin-left:auto;margin-right:auto">
						<table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
							style="max-width:632px;margin:0 auto">
							<tbody>
								<tr>
									<td class="o_re o_bg-white o_px o_pb-md o_br-t" align="center"
										style="font-size:0;vertical-align:top;background-color:#ecf9fb;border-radius:4px 4px 0 0;padding-left:16px;padding-right:16px;padding-bottom:15px">
										<div class="o_col o_col-2" style="vertical-align:top;width:100%;max-width:200px">
											<div style="font-size:24px;line-height:24px;height:24px">&nbsp;</div>
											<div class="o_px-xs o_sans o_text o_left o_xs-center"
												style="font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;font-size:16px;line-height:24px;text-align:center;padding-left:8px;padding-right:8px">
												<p style="margin-top:0;margin-bottom:0;background-color:#ecf9fb"><a
														class="o_text-primary"
														style="text-decoration:none;outline:0;color:#126de5"><img
															src="https://i.stack.imgur.com/kXZvW.png"
															style="max-width:150px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none;padding-left:5px"></a>
												</p>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
			</tbody>
		</table>
		<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
			<tbody>
				<tr>
					<td class="o_bg-light o_px-xs" align="center" style="background:#f9f8fa">
						<table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
							style="max-width:632px;margin:0 auto">
							<tbody>
								<tr>
									<table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0"
										role="presentation" style="max-width:632px">
										<tbody>
											<tr style="margin-bottom:0;display:flex;background-color:#fff" class="bbb">
												<td class="es-m-p20b esd-container-frame" align="left"
													style="margin-top:12px">
													<table cellpadding="0" cellspacing="0" width="100%">
														<tbody>
															<tr>
																<td align="left" class="esd-block-text es-p10t"
																	style="background-color:#fff;padding-left:10px">
																	<p
																		style="color:#363636;line-height:23px;margin-left:10px;font-family:Arial,Helvetica,sans-serif;font-weight:Bold;font-size:16px;margin-top:30px">
																		<b>Hii ##ManagerName##,</b></p>
																	<p
																		style="color:#363636;margin-left:10px;font-size:15px;line-height:23px;margin-bottom:0">
																		Just a quick note to let you know that
																		<span style="font-size:16px;font-weight:Bold">##EmployeeName##</span> has arrived at <span style="font-size:16px;font-weight:Bold">##JobSite##</span>.</p>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</tbody>
									</table>
					</td>
				</tr>
			</tbody>
		</table>
		<table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
			style="max-width:632px;margin:0 auto">
			<tbody>
				<tr style="margin-bottom:0;background-color:#fff">
					<td align="left" style="background-color:#fff;align-items:center;flex-direction:row;padding-left:10px">
						<br><br>
						<p style="color:#363636;margin-left:10px;font-size:15px;line-height:25px;margin-top:-15px"> ##EmployeeName##
							entered the area at <span style="font-size:16px;font-weight:Bold">##DateAndTime##</span>. <br>Everything's looking good!</p><br> <a
							class=" gradient-text" href="##siteAddress##">Click Here to View</a>
						<p style="color: #363636; margin-left: 10px;line-height: 25px;margin-top:-2px;"> <br> <b>Best
								Regards,</b><br><img src="https://i.stack.imgur.com/SRhpR.png" alt="signature"
								style="margin-left: -1px"> </p>
						</p><br>
					</td>
					</td>
				</tr>
			</tbody>
		</table>
		</tr>
		</tbody>
		</table>
		</td>
		</tr>
		</tbody>
		</table>
		<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
			<tbody>
				<tr>
					<td class="o_bg-light o_px-xs o_pb-lg o_xs-pb-xs" align="center"
						style="background-color:#f9f8fa;padding-bottom:32px;white-space:nowrap">
						<table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
							style="max-width:632.5px;margin:0 auto">
							<tbody>
								<tr style="background-color:#ecf9fb">
									<td class="o_re o_px o_pb-lg" style="font-size:0;padding-left:10px">
										<div class="small_font ccc"
											style="display:inline-block;vertical-align:top;width:100%;max-width:400px">
											<div class="o_px-xs o_sans o_text-xs o_text-dark_light o_left o_xs-center"
												style="font-family:Helvetica,Arial,sans-serif;margin-bottom:0;font-size:14px;text-align:left;padding-left:8px;padding-right:8px;white-space:nowrap">
												<p style="margin-top:0;margin-bottom:0" class="small_font">For support<a
														class="small_font" class="o_text-dark_light o_underline"
														href="https://timechamp.io/contact-us.html" target="_blank"
														style="outline:0;color:#172F7A;text-decoration:none"> Contact us
													</a></p>
											</div>
										</div>
									</td>
									<td style="height:35px;white-space:nowrap">
										<p style="margin-top: 15px;"><a class="small_font"
												href="https://timechamp.io/documents/TimeChampTermsAndConditions.pdf"
												target="_blank"
												style="color:#172F7A;text-decoration:none;padding-left:8px">Terms &
												Conditions</a></p>
									</td>
									<td>
										<div class="small_font"
											style="display:inline-block;vertical-align:top;width:100%;max-width:200px;white-space:nowrap">
											<div class="o_px-xs o_sans o_text-xs o_text-dark_light o_right"
												style="font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;font-size:15px;line-height:21px;text-align:right;padding-left:8px;white-space:nowrap">
												<p style="margin-top:0;margin-bottom:0"><a class="o_text-dark_light"
														href="https://www.youtube.com/channel/UC4a2Kf0Gsp7IEhN8P3PgY3Q/videos"
														target="_blank" style="text-decoration:none;outline:0;padding-right:10px"><img
															class="youtube" src="https://i.stack.imgur.com/HtHFH.png"
															width="22" height="22" alt="fb"
															style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none"></a><span>&nbsp;</span><a
														class="o_text-dark_light" href="https://www.facebook.com/TimeChamp1"
														target="_blank" style="text-decoration:none;outline:0;padding-right:10px"><img
															class="youtube" src="https://i.stack.imgur.com/Xu3X2.png"
															width="22" height="22" alt="fb"
															style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none"></a><span>&nbsp;</span><a
														class="o_text-dark_light" href="https://twitter.com/snovasys"
														target="_blank" style="text-decoration:none;outline:0;padding-right:10px"><img
															class="youtube" src="https://i.stack.imgur.com/elPSB.png"
															width="22" height="22" alt="tw"
															style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none"></a><span>&nbsp;</span><a
														class="o_text-dark_light"
														href="https://www.linkedin.com/showcase/timechamp/" target="_blank"
														style="text-decoration:none;outline:0;padding-right:10px"><img class="youtube"
															src="https://i.stack.imgur.com/vBBlN.png" width="22" height="22"
															alt="ig"
															style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none"></a><span>&nbsp;</span>
															<a class="o_text-dark_light"
														href="https://www.instagram.com/timechamp.io/" target="_blank"
														style="text-decoration:none;outline:0;"> <img class="youtube"
															src="https://i.stack.imgur.com/ARfLl.png" width="22" height="22"
															alt="ig"
															style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
													</a>
                                                    
												</p>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
						<div class="o_hide-xs" style="font-size:64px;line-height:64px;height:64px">&nbsp;</div>
					</td>
				</tr>
			</tbody>
		</table>
	</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

LocationTrackingAlertMail

HTML body (16093 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as