
<!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">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="format-detection" content="telephone=no" /> <!-- disable auto telephone linking in iOS -->
	<title>Respmail is a response HTML email designed to work on all major email platforms and smartphones</title>
	<style type="text/css">
		/* RESET STYLES */
		html { background-color:#E1E1E1; margin:0; padding:0; }
		body, #bodyTable, #bodyCell, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;font-family:Helvetica;}
		table{border-collapse:collapse;}
		table[id=bodyTable] {width:100%!important;margin:auto;max-width:500px!important;color:#7A7A7A;font-weight:normal;}
		img, a img{border:0; outline:none; text-decoration:none;height:auto; line-height:100%;}
		a {text-decoration:none !important;border-bottom: 1px solid;}
		h1, h2, h3, h4, h5, h6{color:#5F5F5F; font-weight:normal; font-family:Helvetica; font-size:20px; line-height:125%; text-align:Left; letter-spacing:normal;margin-top:0;margin-right:0;margin-bottom:10px;margin-left:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;}
		/* CLIENT-SPECIFIC STYLES */
		.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail/Outlook.com to display emails at full width. */
		.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{line-height:100%;} /* Force Hotmail/Outlook.com to display line heights normally. */
		table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up. */
		#outlook a{padding:0;} /* Force Outlook 2007 and up to provide a "view in browser" message. */
		img{-ms-interpolation-mode: bicubic;display:block;outline:none; text-decoration:none;} /* Force IE to smoothly render resized images. */
		body, table, td, p, a, li, blockquote{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-weight:normal!important;} /* Prevent Windows- and Webkit-based mobile platforms from changing declared text sizes. */
		.ExternalClass td[class="ecxflexibleContainerBox"] h3 {padding-top: 10px !important;} /* Force hotmail to push 2-grid sub headers down */
		/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
		/* ========== Page Styles ========== */
		h1{display:block;font-size:26px;font-style:normal;font-weight:normal;line-height:100%;}
		h2{display:block;font-size:20px;font-style:normal;font-weight:normal;line-height:120%;}
		h3{display:block;font-size:17px;font-style:normal;font-weight:normal;line-height:110%;}
		h4{display:block;font-size:18px;font-style:italic;font-weight:normal;line-height:100%;}
		.flexibleImage{height:auto;}
		.linkRemoveBorder{border-bottom:0 !important;}
		table[class=flexibleContainerCellDivider] {padding-bottom:0 !important;padding-top:0 !important;}
		body, #bodyTable{background-color:#E1E1E1;}
		#emailHeader{background-color:#E1E1E1;}
		#emailBody{background-color:#FFFFFF;}
		#emailFooter{background-color:#E1E1E1;}
		.nestedContainer{background-color:#F8F8F8; border:1px solid #CCCCCC;}
		.emailButton{background-color:#205478; border-collapse:separate;}
		.buttonContent{color:#FFFFFF; font-family:Helvetica; font-size:18px; font-weight:bold; line-height:100%; padding:15px; text-align:center;}
		.buttonContent a{color:#FFFFFF; display:block; text-decoration:none!important; border:0!important;}
		.emailCalendar{background-color:#FFFFFF; border:1px solid #CCCCCC;}
		.emailCalendarMonth{background-color:#205478; color:#FFFFFF; font-family:Helvetica; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;}
		.emailCalendarDay{color:#205478; font-family:Helvetica; font-size:60px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;}
		.imageContentText {margin-top: 10px;line-height:0;}
		.imageContentText a {line-height:0;}
		#invisibleIntroduction {display:none !important;} /* Removing the introduction text from the view */
		/*FRAMEWORK HACKS & OVERRIDES */
		span[class=ios-color-hack] a {color:#275100!important;text-decoration:none!important;} /* Remove all link colors in IOS (below are duplicates based on the color preference) */
		span[class=ios-color-hack2] a {color:#205478!important;text-decoration:none!important;}
		span[class=ios-color-hack3] a {color:#8B8B8B!important;text-decoration:none!important;}
		/* A nice and clean way to target phone numbers you want clickable and avoid a mobile phone from linking other numbers that look like, but are not phone numbers.  Use these two blocks of code to "unstyle" any numbers that may be linked.  The second block gives you a class to apply with a span tag to the numbers you would like linked and styled.
		Inspired by Campaign Monitor's article on using phone numbers in email: http://www.campaignmonitor.com/blog/post/3571/using-phone-numbers-in-html-email/.
		*/
		.a[href^="tel"], a[href^="sms"] {text-decoration:none!important;color:#606060!important;pointer-events:none!important;cursor:default!important;}
		.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration:none!important;color:#606060!important;pointer-events:auto!important;cursor:default!important;}
		/* MOBILE STYLES */
		@media only screen and (max-width: 480px){
			/*////// CLIENT-SPECIFIC STYLES //////*/
			body{width:100% !important; min-width:100% !important;} /* Force iOS Mail to render the email at full width. */
			/* FRAMEWORK STYLES */
			/*
			CSS selectors are written in attribute
			selector format to prevent Yahoo Mail
			from rendering media query styles on
			desktop.
			*/
			/*td[class="textContent"], td[class="flexibleContainerCell"] { width: 100%; padding-left: 10px !important; padding-right: 10px !important; }*/
			table[id="emailHeader"],
			table[id="emailBody"],
			table[id="emailFooter"],
			table[class="flexibleContainer"],
			td[class="flexibleContainerCell"] {width:100% !important;}
			td[class="flexibleContainerBox"], td[class="flexibleContainerBox"] table {display: block;width: 100%;text-align: left;}
			/*
			The following style rule makes any
			image classed with 'flexibleImage'
			fluid when the query activates.
			Make sure you add an inline max-width
			to those images to prevent them
			from blowing out.
			*/
			td[class="imageContent"] img {height:auto !important; width:100% !important; max-width:100% !important; }
			img[class="flexibleImage"]{height:auto !important; width:100% !important;max-width:100% !important;}
			img[class="flexibleImageSmall"]{height:auto !important; width:auto !important;}
			/*
			Create top space for every second element in a block
			*/
			table[class="flexibleContainerBoxNext"]{padding-top: 10px !important;}
			/*
			Make buttons in the email span the
			full width of their container, allowing
			for left- or right-handed ease of use.
			*/
			table[class="emailButton"]{width:100% !important;}
			td[class="buttonContent"]{padding:0 !important;}
			td[class="buttonContent"] a{padding:15px !important;}
		}
		/*  CONDITIONS FOR ANDROID DEVICES ONLY
		*   http://developer.android.com/guide/webapps/targeting.html
		*   http://pugetworks.com/2011/04/css-media-queries-for-targeting-different-mobile-devices/ ;
		=====================================================*/
		@media only screen and (-webkit-device-pixel-ratio:.75){
			/* Put CSS for low density (ldpi) Android layouts in here */
		}
		@media only screen and (-webkit-device-pixel-ratio:1){
			/* Put CSS for medium density (mdpi) Android layouts in here */
		}
		@media only screen and (-webkit-device-pixel-ratio:1.5){
			/* Put CSS for high density (hdpi) Android layouts in here */
		}
		/* end Android targeting */
		/* CONDITIONS FOR IOS DEVICES ONLY
		=====================================================*/
		@media only screen and (min-device-width : 320px) and (max-device-width:568px) {
		}
		/* end IOS targeting */
	</style>
	<!--
		Outlook Conditional CSS
		These two style blocks target Outlook 2007 & 2010 specifically, forcing
		columns into a single vertical stack as on mobile clients. This is
		primarily done to avoid the 'page break bug' and is optional.
		More information here:
		http://templates.mailchimp.com/development/css/outlook-conditional-css
	-->
	<!--[if mso 12]>
		<style type="text/css">
			.flexibleContainer{display:block !important; width:100% !important;}
		</style>
	<![endif]-->
	<!--[if mso 14]>
		<style type="text/css">
			.flexibleContainer{display:block !important; width:100% !important;}
		</style>
	<![endif]-->
</head>
<body bgcolor="#E1E1E1" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">

	<!-- CENTER THE EMAIL // -->
	<!--
	1.  The center tag should normally put all the
		content in the middle of the email page.
		I added "table-layout: fixed;" style to force
		yahoomail which by default put the content left.
	2.  For hotmail and yahoomail, the contents of
		the email starts from this center, so we try to
		apply necessary styling e.g. background-color.
	-->
	<center style="background-color:#E1E1E1;">
		<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="table-layout: fixed;max-width:100% !important;width: 100% !important;min-width: 100% !important;">
			<tr>
				<td align="center" valign="top" id="bodyCell">

					<!-- EMAIL HEADER // -->
					<!--
						The table "emailBody" is the email's container.
						Its width can be set to 100% for a color band
						that spans the width of the page.
					-->
					<table bgcolor="#E1E1E1" border="0" cellpadding="0" cellspacing="0" width="500" id="emailHeader">

						<!-- HEADER ROW // -->
						<tr>
							<td align="center" valign="top">
								<!-- CENTERING TABLE // -->
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td align="center" valign="top">
											<!-- FLEXIBLE CONTAINER // -->
											<table border="0" cellpadding="10" cellspacing="0" width="500" class="flexibleContainer">
												<tr>
													<td valign="top" width="500" class="flexibleContainerCell">

														<!-- CONTENT TABLE // -->
														<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
															<tr>
																<td align="right" valign="middle" class="flexibleContainerBox">
																	<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:100%;">
																		<tr>
																			<td align="left" class="textContent">
																				<!-- CONTENT // -->
																				<div style="font-family:Helvetica;font-size:12px;color:#828282;text-align:center;line-height:120%;">
																					If you can't see this message, <webversion><a href="#" target="_blank" style="text-decoration:none;border-bottom:1px solid #828282;color:#828282;"><span style="color:#828282;">view&nbsp;it&nbsp;in&nbsp;your&nbsp;browser</span></a><webversion>.
																				</div>
																			</td>
																		</tr>
																	</table>
																</td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
											<!-- // FLEXIBLE CONTAINER -->
										</td>
									</tr>
								</table>
								<!-- // CENTERING TABLE -->
							</td>
						</tr>
						<!-- // END -->

					</table>
					<!-- // END -->

					<!-- EMAIL BODY // -->
					<!--
						The table "emailBody" is the email's container.
						Its width can be set to 100% for a color band
						that spans the width of the page.
					-->
					<table bgcolor="#FFFFFF"  border="0" cellpadding="0" cellspacing="0" width="600" id="emailBody">

						<!-- MODULE ROW // -->
						<!--
							To move or duplicate any of the design patterns
							in this email, simply move or copy the entire
							MODULE ROW section for each content block.
						-->
						<tr>
							<td align="center" valign="top">
								<!-- CENTERING TABLE // -->
								<!--
									The centering table keeps the content
									tables centered in the emailBody table,
									in case its width is set to 100%.
								-->
								<table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#FFFFFF;" bgcolor="#04142c">
									<tr>
										<td align="center" valign="top">
											<!-- FLEXIBLE CONTAINER // -->
											<!--
												The flexible container has a set width
												that gets overridden by the media query.
												Most content tables within can then be
												given 100% widths.
											-->
											<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
												<tr>
													<td align="center" valign="top" class="textContent">
														{IMAGE}
														<!-- <br> -->
														<!-- <h1 style="color:#ffffcc;line-height:100%;font-family:Lucida Calligraphy;font-size:35px;font-weight:normal;margin-bottom:5px;text-align:center;">Happy Mid-Autumn<br>Festival!</h1><br> -->
													</td>
												</tr>
											</table>
											<!-- // FLEXIBLE CONTAINER -->
										</td>
									</tr>
								</table>
								<!-- // CENTERING TABLE -->
							</td>
						</tr>
						<!-- // MODULE ROW -->


						<!-- MODULE ROW // -->
						<tr>
							<td align="center" valign="top">
								<!-- CENTERING TABLE // -->
								<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ffffcc">
									<tr>
										<td align="center" valign="top">
											<!-- FLEXIBLE CONTAINER // -->
											<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
												<tr>
													<td align="center" valign="top" width="600" class="flexibleContainerCell">
														<table border="0" cellpadding="20" cellspacing="0" width="100%">
															<tr>
																<td align="center" valign="top">
																	<!-- CONTENT TABLE // -->
																	<table border="0" cellpadding="0" cellspacing="0" width="100%" style='table-layout:fixed;'>
																		<tr>
																			<td valign="top" class="textContent">
																				<!--
																					The "mc:edit" is a feature for MailChimp which allows
																					you to edit certain row. It makes it easy for you to quickly edit row sections.
																					http://kb.mailchimp.com/templates/code/create-editable-content-areas-with-mailchimps-template-language
																				-->
																				<h3 mc:edit="header" style="color:#000000;line-height:124%;font-family:Helvetica;font-size:16px;font-weight:normal;margin-top:0;margin-bottom:3px;text-align:left;">
																					Dear {TO_NAME},
																					<br><br>
																					With reference to the {ITEM_NAME} delivery, the following is your preferred date and time.
																					<br>
																					If there is a change, please contact Darren @ {EMAIL_SUPPORT}.
																					<br><br>
																					<table style="margin-bottom:30px" border="0" cellpadding="5" cellspacing="5" width="100%">
                                                                                        <tr>
                                                                                            <td align="center" valign="top">
                                                                                                <!-- CONTENT TABLE // -->
                                                                                                <table border="0" cellpadding="2" cellspacing="2" width="100%" style="color:#000000;font-family:Helvetica;font-size:16px;font-weight:normal;">
                                                                                                    <tr>
                                                                                                        <td valign="top" width="35%" class="textContent" style="text-align:right;color:#000000;font-family:Helvetica;font-size:16px;font-weight:normal;white-space:nowrap;"><b>Delivery Date & Time :</b>
                                                                                                        </td>
                                                                                                        <td valign="top" class="textContent">{DELIVERY_DATE} & {DELIVERY_TIME}
                                                                                                        </td>
                                                                                                    </tr>
																									{REMARKS}
																									<tr>
                                                                                                        <td colspan="2" align="center" valign="top" class="textContent">&nbsp;
                                                                                                        </td>
                                                                                                    </tr>
																									<tr style="padding-bottom:20px;padding-top:20px;">
																										<td colspan="2">[ To view picture, right click on the top side (Info Bar icon) to Download Picture.  If unsure, please call us ]</td>
																									</tr>
																									<tr>
                                                                                                        <td colspan="2" align="center" valign="top" class="textContent">{ITEM_IMAGE}
                                                                                                        </td>
                                                                                                    </tr>
																									<tr>
                                                                                                        <td colspan="2" align="center" valign="top" class="textContent"><b>{ITEM_TYPE}</b>
                                                                                                        </td>
                                                                                                    </tr>
																									<tr></tr>
																									<tr></tr>
                                                                                                </table>
                                                                                                <!-- // CONTENT TABLE -->
                        
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
																					Thank you for your patience and continuous trust in us. We truly value your partnership and look forward to serving you in the year ahead.
																					<br><br><br>
																					From : <strong>Ms. Angelynn and Mr. Darren</strong>
																					<table style="table-layout:fixed;" width="100% cellpadding="0" border="0"></table>
																						<tr>
																							<td>
																								<table style="table-layout:fixed;" width="75%" align="right" cellpadding="0" border="0">
																									<tbody>
																										<tr>
																											<td>
																												<p style="font-family:Helvetica;font-size:16px;margin-top:0px;margin-bottom:0px;">&</p>
																											</td>
																										</tr>
																									</tbody>
																								</table>
																								<table style="table-layout:fixed;" width="88.5%" align="right" cellpadding="10" border="0">
																									<tbody>
																										<tr>
																											<td>
																												<p style="font-family:Helvetica;font-size:16px;margin-bottom:0px;margin-top:0px;"><strong>Customer Care Team</strong></p>
																												<br>
																											</td>
																										</tr>
																									</tbody>
																								</table>
																							</td>
																						</tr>
																					</table>
																				</h3>
																				<br>
																				<!-- CONTENT TABLE // -->
																				<!-- <table width="100%">
																					<tr>
																						<td>
																							<table border="0" cellpadding="0" cellspacing="0" width="50%" class="emailButton" style="border-radius: 10px;background-color: #282c34;" align="center">
																								<tr>
																									<td align="center" valign="middle" class="buttonContent" style="padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;">
																										<a style="color:#FFFFFF;text-decoration:none;font-family:Helvetica;font-size:16px;line-height:135%;" href="{WEB_URL}" target="_blank">Business Calendar 2026 Delivery Schedule</a>
																									</td>
																								</tr>	
																							</table>
																						</td>
																					</tr>
																				</table>
																				<br><br> -->
																				<!-- <table width="100%">
																					<tr>
																						<td>
																							<table border="0" cellpadding="0" cellspacing="0" width="35%" class="emailButton" style="border-radius: 10px;background-color: #3498db;" align="center">
																								<tr>
																									<td align="center" valign="middle" class="buttonContent" style="padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;">
																										<a style="color:#205478;text-decoration:none;font-family:Helvetica;font-size:16px;line-height:135%;" href="{WEB_URL}" target="_blank">
																											Select The Date<br>
																											You like to Receive<br>
																											Your Business Calendar 2026
																										</a>
																									</td>
																								</tr>	
																							</table>
																						</td>
																					</tr>
																				</table> -->
																				<!-- // CONTENT TABLE -->
																			</td>
																		</tr>
																	</table>
																	<!-- // CONTENT TABLE -->
																</td>
															</tr>
														</table>																													
													</td>
												</tr>
											</table>
											<!-- // FLEXIBLE CONTAINER -->
										</td>
									</tr>
								</table>
								<!-- // CENTERING TABLE -->
							</td>
						</tr>
						<!-- // MODULE ROW -->

						<!-- MODULE ROW // -->
						<tr>
							<td align="center" valign="top">
								<!-- CENTERING TABLE // -->
								<!-- CONTENT TABLE // -->
								<!-- <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#000000;">
									<tr>
										<td valign="top" class="textContent">
											<div style="text-align:center;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-bottom:0;margin-top:3px;color:#ffffff;line-height:135%;">1 Coleman Street #07-10, The Adelphi - Tel: 6337 0770</div>
										</td>
									</tr>
								</table> -->
								<!-- <table width="100%">
									<tr>
										<td>
											<table border="0" cellpadding="0" cellspacing="0" width="30%" class="emailButton" style="border-radius: 10px;background-color: #282c34;" align="center">
												<tr>
													<td align="center" valign="middle" class="buttonContent" style="padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;">
														<a style="color:#FFFFFF;text-decoration:none;font-family:Helvetica;font-size:16px;line-height:135%;" href="{WEB_URL}" target="_blank">
															Select The Date<br>
															You like to Received<br>
															Your Business Calendar 2026
														</a>
													</td>
												</tr>	
											</table>
										</td>
									</tr>
								</table> -->
								<!-- // CONTENT TABLE -->
								<!-- // CENTERING TABLE -->
							</td>
						</tr>
						<!-- // MODULE ROW -->
						
						<!-- MODULE ROW // -->
						<!--
							To move or duplicate any of the design patterns
							in this email, simply move or copy the entire
							MODULE ROW section for each content block.
						-->
						<tr>
							<td align="center" valign="top">
								<!-- CENTERING TABLE // -->
								<!--
									The centering table keeps the content
									tables centered in the emailBody table,
									in case its width is set to 100%.
								-->
								<table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#FFFFFF;">
									<tr>
										<td align="center" valign="top">
											<!-- FLEXIBLE CONTAINER // -->
											<!--
												The flexible container has a set width
												that gets overridden by the media query.
												Most content tables within can then be
												given 100% widths.
											-->
											<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
												<tr>
													<td align="center" valign="top" class="textContent">
														{COMPANY_NAME}
														<br>
														<div style="font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#828282;text-align:center;line-height:120%;">
															<div>Copyright &#169; {YEAR} <a href="{COY_URL}" target="_blank" style="text-decoration:none;color:#828282;"><span style="color:#828282;">{COPY_RIGHT}</span></a>. All&nbsp;rights&nbsp;reserved.</div>
														</div>
														<br>
													</td>
												</tr>
											</table>
											<!-- // FLEXIBLE CONTAINER -->
										</td>
									</tr>
								</table>
								<!-- // CENTERING TABLE -->
							</td>
						</tr>
						<!-- // MODULE ROW -->

					</table>
					<!-- // END -->

				</td>
			</tr>
		</table>
	</center>
</body>
</html>