Skip to content

Instantly share code, notes, and snippets.

@abel-masila

abel-masila/html.html

Created November 5, 2024 18:57
Show Gist options
  • Save abel-masila/418f01d0ad87c96a3491c8008aaf8172 to your computer and use it in GitHub Desktop.
Save abel-masila/418f01d0ad87c96a3491c8008aaf8172 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html.html
<html>
<head>
<title></title>
</head>
<body style="margin: 0;">
<style>
@media only screen and (max-width: 600px) {
.main-table {
width: 100% !important;
}
}
</style>
<div style="font-family: Inter, Arial, Helvetica, sans-serif;">
<table class="main-table" width="470" cellpadding="0" cellspacing="0" border="0" align="center" style="border-collapse: collapse; background-color: #F3F5FC; border-radius: 12px; box-sizing: border-box; overflow: hidden;">
<tr>
<td>
<div class="email-container" style="margin: 0 auto; width: 100%; padding: 0 10px; box-sizing: border-box;">
<table class="main-table" width="470" cellpadding="0" cellspacing="0" border="0" align="center" style="border-collapse: collapse; background-color: #10121A; border-radius: 12px; box-sizing: border-box; overflow: hidden; width: 500px">
<tr>
<td class="property-title-td" style="padding: 32px 40px 0px 40px">
<div>
<img src="http://cdn.mcauto-images-production.sendgrid.net/803759eab41dd1a9/61dcc044-a65e-4ce3-98b3-9b143e8d79f4/422x128.png" alt="hotel" style="vertical-align: middle; height: 32px;" height="32">
</div>
<div style="margin:18px 0px;">
</div>
</td>
</tr>
<tr>
<td class="property-title-td" style="padding: 0px 40px 32px 40px">
<div>
<p style="color:#fff">Thanks for your booking request! We’re on it.</p>
</div>
</td>
</tr>
</table>
<div style="margin-top: 40px; color: #1A1B1C; font-weight: 400; font-size: 12px; line-height: 18px;">
<div style="margin-bottom: 24px; text-align: center;">
<h2 style="margin: 0; margin-bottom: 8px; color: #13151E; font-size: 20px; line-height: 24px; font-weight: 600; display: block;">We're here to help.</h2>
<p style="margin: 0; display: block; font-size:16px;">Contact Engine support to manage or change your booking. For faster support, mention <span>#{{ticket_id}}</span>
</p>
<div style="margin-top:24px;">
<a href="{{live_chat_link}}" style="text-decoration: none;">
<button style="height:48px;width:244px; background-color:#10121A; color:#FFFFFF; border-radius:999px; outline:0; border:0; cursor: pointer;">Live chat</button>
</a>
<a href="tel:8555674683" style="text-decoration: none; display: inline-block;">
<button style="height:48px;width:244px; background-color:#10121A; color:#FFFFFF; border-radius:999px; outline:0; border:0;cursor: pointer;;">Call 855-567-4683</button>
</a>
</div>
</div>
<div style="margin-bottom: 24px; width: 100%; border: 1px solid #E1E7EA; border-left: 0; border-right: 0;"></div>
<div style="margin-bottom: 16px; font-size: 0; text-align: center;">
<a href="https://www.facebook.com/HotelEngine/" target="_blank" style="text-decoration: none; margin-right: 16px; display: inline-block;">
<img src="http://cdn.mcauto-images-production.sendgrid.net/b9806e7810d36143/8829d74e-9afa-40aa-b5e5-255ce9ff483d/88x89.png" alt="Facebook" style="vertical-align: middle; width: 44px; height: 44px;" width="44" height="44">
</a>
<a href="https://twitter.com/hotel_engine" target="_blank" style="text-decoration: none; margin-right: 16px; display: inline-block;">
<img src="http://cdn.mcauto-images-production.sendgrid.net/b9806e7810d36143/beee880a-1674-47fa-8dd5-412ebad99f88/88x89.png" alt="Twitter" style="vertical-align: middle; width: 44px; height: 44px;" width="44" height="44">
</a>
<a href="https://linkedin.com/company/hotel-engine" target="_blank" style="text-decoration: none; display: inline-block;">
<img src="http://cdn.mcauto-images-production.sendgrid.net/b9806e7810d36143/74b86305-32b7-4c8b-b448-ccea79a9153c/88x89.png" alt="Linkedin" style="vertical-align: middle; width: 44px; height: 44px;" width="44" height="44">
</a>
</div>
<div style="text-align: center; margin-bottom:30px;">
<p style="margin: 0;">Hotel Engine, LLC is located at</p>
<p style="margin: 0;">950 S. Cherry St. 10th Floor, Denver, CO 80246</p>
<p style="margin: 0;">© {{year}}
<a href="https://www.hotelengine.com/" target="_blank" style="color: #1A1B1C; font-weight: 400; font-size: 12px; line-height: 18px; text-decoration: underline;">HotelEngine.com</a>
</p>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment