New VSC Booking HTML - Vacanza Stays

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:o=”urn:schemas-microsoft-com:office:office”><head>
<!–[if (gte mso 9)|(IE)]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]–>
<link href=”https://assets.vacaystaydashboard.us/branding/fonts/aqua-grotesque-font-style.css” rel=”stylesheet” /><!– Aqua Grotesque Font –>
<link href=”https://assets.vacaystaydashboard.us/branding/fonts/dunbar-font-style.css” rel=”stylesheet” /><!– Dunbar Font –>
<link href=”https://use.typekit.net/zas8bdo.css” rel=”stylesheet” /><!– Simplicita & Cinque Donne Script Fonts –>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″> <!– So that mobile will display zoomed in –>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <!– enable media queries for windows phone 8 –>
<meta name=”format-detection” content=”telephone=no”> <!– disable auto telephone linking in iOS –>
<meta name=”format-detection” content=”date=no”> <!– disable auto date linking in iOS –>
<meta name=”format-detection” content=”address=no”> <!– disable auto address linking in iOS –>
<meta name=”format-detection” content=”email=no”> <!– disable auto email linking in iOS –>
<meta name=”color-scheme” content=”only”>
<title></title>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin=””>
<link href=”assets/css2.css” rel=”stylesheet”>
<style type=”text/css”>
/*Basics*/
body {margin:0px!important;padding:0px!important;display:block!important;min-width:100%!important;width:100%!important;-webkit-text-size-adjust:none;}
a:link, a:visited, a:hover, a:active { color:#C3A775; }
table {border-spacing:0;mso-table-lspace:0pt;mso-table-rspace:0pt;}
table td {border-collapse:collapse;mso-line-height-rule:exactly;}
td img {-ms-interpolation-mode:bicubic;width:auto;max-width:auto;height:auto;margin:auto;display:block!important;border:0px;}
td p {margin:0;padding:0;}
td div {margin:0;padding:0;}
td a {text-decoration:none;color:inherit;}
/*Outlook*/
.ExternalClass {width:100%;}
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div {line-height:inherit;}
.ReadMsgBody {width:100%;background-color:#ffffff;}
/* iOS BLUE LINKS */
a[x-apple-data-detectors] {color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
/*Gmail blue links*/
u + #body a {color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;}
/*Buttons fix*/
.undoreset a, .undoreset a:hover {text-decoration:none!important;}
.yshortcuts a {border-bottom:none!important;}
.ios-footer a {color:#aaaaaa!important;text-decoration:none;}
/*Responsive-Tablet*/
@media only screen and (max-width:799px) and (min-width:601px) {
.outer-table.row {width:640px!important;max-width:640px!important;}
.inner-table.row {width:580px!important;max-width:580px!important;}
}
/*Responsive-Mobile*/
@media only screen and (max-width:600px) and (min-width:320px) {
table.row {width:100%!important;max-width:100%!important;}
td.row {width:100%!important;max-width:100%!important;}
.img-responsive img {width:100%!important;max-width:100%!important;height:auto!important;margin:auto;}
.center-float {float:none!important;margin:auto!important;}
.center-text{text-align:center!important;}
.left-text{text-align:left!important;}
.container-padding {width:100%!important;padding-left:15px!important;padding-right:15px!important;}
.container-padding10 {width:100%!important;padding-left:10px!important;padding-right:10px!important;}
.hide-mobile {display:none!important;}
.menu-container {text-align:center!important;}
.autoheight {height:auto!important;}
.m-padding-10 {margin:10px 0!important;}
.m-padding-15 {margin:15px 0!important;}
.m-padding-20 {margin:20px 0!important;}
.m-padding-30 {margin:30px 0!important;}
.m-padding-40 {margin:40px 0!important;}
.m-padding-50 {margin:50px 0!important;}
.m-padding-60 {margin:60px 0!important;}
.m-padding-top10 {margin:30px 0 0 0!important;}
.m-padding-top15 {margin:15px 0 0 0!important;}
.m-padding-top20 {margin:20px 0 0 0!important;}
.m-padding-top30 {margin:30px 0 0 0!important;}
.m-padding-top40 {margin:40px 0 0 0!important;}
.m-padding-top50 {margin:50px 0 0 0!important;}
.m-padding-top60 {margin:60px 0 0 0!important;}
.m-height10 {font-size:10px!important;line-height:10px!important;height:10px!important;}
.m-height15 {font-size:15px!important;line-height:15px!important;height:15px!important;}
.m-height20 {font-size:20px!important;line-height:20px!important;height:20px!important;}
.m-height25 {font-size:25px!important;line-height:25px!important;height:25px!important;}
.m-height30 {font-size:30px!important;line-height:30px!important;height:30px!important;}
.radius6 {border-radius:6px!important;}
.fade-white {background-color:rgba(255, 255, 255, 0.8)!important;}
.rwd-on-mobile {display:inline-block!important;padding:5px!important;}
.center-on-mobile {text-align:center!important;}
.rwd-col {width:100%!important;max-width:100%!important;display:inline-block!important;}
}
</style>

</head>
<body style=”margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;” bgcolor=”#333333″>
<br/><br/><br/>
<span class=”preheader-text” style=”color:transparent;height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;visibility:hidden;width:0;display:none;mso-hide:all;”></span>
<!– Preheader white space hack –>
<div style=”display:none;max-height:0px;overflow:hidden;”>
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ 
</div>

<!– header-logo-start –>
<table data-outer-table=”” class=”outer-table row” role=”presentation” bgcolor=”#FFFFFF” style=”width:640px;max-width:640px;border-top-left-radius: 15px !important;border-top-right-radius: 15px !important;” width=”640″ cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tbody>
<tr>
<td class=”container-padding” align=”center”>

</td>
</tr>
</tbody>
</table>
<!– header-logo-end –>

<!– body-text-start –>
<table data-outer-table=”” class=”outer-table row” role=”presentation” style=”width:640px;max-width:640px;” width=”640″ cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tbody>
<tr>
<td class=”container-padding” bgcolor=”#FFFFFF” align=”center”>

<table role=”presentation” style=”width:100%;max-width:100%;” width=”100%” cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tbody>
<tr><!– headline 1 –>
<td class=”center-text” style=”font-family:Cormorant Garamond, Arial Helvetica, sans-serif;font-size:36px;line-height:48px;font-weight:900;font-style:normal;color:#222222;text-decoration:none;letter-spacing:0px;” align=”center”>New Booking</td>
</tr>
<tr><!– headline 3 –>
<td class=”center-text” style=”font-family:Cormorant Garamond, Arial Helvetica, sans-serif;font-size:24px;line-height:36px;font-weight:400;font-style:normal;color:#C3A775;text-decoration:none;letter-spacing:1px;” align=”center”>{reservations.unit_name}</td>
</tr>
<tr>
<td style=”font-size:25px;line-height:25px;” height=”25″> </td>
</tr>
<tr>
<td class=”center-text” style=”font-family:SemplicitaPro,Arial,Helvetica,sans-serif;font-size:18px;line-height:24px;font-weight:400;font-style:normal;color:#333333;text-decoration:none;letter-spacing:0px;” align=”center”>
<hr style=”border: 1px solid #C3A775; width: 90%;”>
<br/>
{reservations.folio}
</td>
</tr>
</tbody>
</table>

</td>
</tr>
<tr>
<td style=”font-size:40px;line-height:40px;” height=”40″> </td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>
<!– body-text-end –>

<!– footer-start –>
<table data-outer-table=”” class=”outer-table row” role=”presentation” style=”width:640px;max-width:640px;” width=”640″ cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tbody>
<tr>
<td class=”container-padding” align=”center”>

<!– space-before-hr –>
<table data-outer-table=”” class=”outer-table row” role=”presentation” style=”width:640px;max-width:640px;” width=”640″ cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tbody>
<tr>
<td class=”container-padding” bgcolor=”#FFFFFF” align=”center”>

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

<table role=”presentation” class=”row” style=”width:480px;max-width:480px;” width=”480″ cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tbody>
<tr>
<td class=”center-text” style=”font-family:Montserrat, Arial,Helvetica,sans-serif;font-size:14px;line-height:24px;font-weight:300;font-style:normal;color:#666666;text-decoration:none;letter-spacing:0px;” align=”center”>
© <script>document.write( new Date().getFullYear() );</script> Luxury Desert Escapes All Rights Reserved.<br>
P.O. Box 5699, La Quinta, CA 92248, USA<br>
<a href=”tel:+14422411050″>442-241-1050</a>
</td>
</tr>
</tbody>
</table>

</td>
</tr>
<tr>
<td style=”font-size:30px;line-height:30px;” height=”30″> </td>
</tr>
</tbody>
</table>
<!– Content –>

</td>
</tr>
<!– blue-footer –>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>
<!– footer-end –>

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