Skip to content

M
Maf-corporate-emailer
Commit 7faaed9e by Madhankumar
Options

Email confirmation created

parents
Showing with 236 additions and 0 deletions
index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<title>Confirmation</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Majid Al Futtaim Entertainment">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
<style>
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
</style>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: #000;
}
table {
border-spacing: 0;
width: 100%;
margin: 0 auto;
box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
rgba(17, 17, 26, 0.1) 0px 8px 24px,
rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.header {
color: white;
padding: 30px 50px;
text-align: start;
background-image: url("./assets/hero-stripe.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 7em;
}
.header img {
margin-bottom: 20px;
}
.content {
font-size: 16px;
background-color: #ffff;
text-align: start;
padding: 30px;
padding-bottom: 20px;
line-height: 23px;
}
.content a {
text-decoration: underline;
}
a {
color: #000;
text-decoration: none;
}
.explore-button {
background-color: #fff;
border: 1px solid #a59982;
padding: 14px 30px;
text-decoration: none;
color: #423614;
font-weight: bold;
display: inline-block;
border-radius: 20px;
}
.footer {
padding: 100px;
padding-bottom: 10px;
font-size: 14px;
text-align: center;
color: #fff;
background-image: url(./assets/footer-stripe.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom;
}
.footer img {
margin: 0 5px;
}
</style>
</head>
<body>
<table style="
max-width: 600px;
min-width: 360px;
margin: 0px auto;
background: #ffff;
">
<!-- Header -->
<tr>
<td class="header">
<p style="color: #866e36; float: right; margin: 0; font-size: 8px;line-height:10px;">
GREAT MOMENT<br>
FOR EVERYONE,<br>
EVERYDAY
</p>
<img src="https://maf-skidubai.s3.ap-southeast-1.amazonaws.com/activate-email-assets/logo.png"
alt="Majid Al Futtaim Logo" width="130">
<h1 style="max-width: fit-content; margin: 0;
font-size: 48px;">We've Got You Covered!</h1>
<p style="font-size: 23px; margin-block: 0">
We’ll Be in Touch Soon.
</p>
</td>
</tr>
<!-- Main content -->
<tr>
<td style="padding-top: 1em">
<table style="
max-width: 500px;
min-width: 250px;
">
<tr>
<td class="content">
<p>Dear Wael,</p>
<p>
Thank you for reaching out to Majid Al Futtaim Entertainment!
</p>
<p>
We have received your inquiry, and our team will get back to
you within 24 hours. In the meantime, feel free to explore
more about our offerings on our <a href="#">website</a>.
</p>
</td>
</tr>
<tr>
<td>
<img src="./assets/photos.png" alt="Majid Al Futtaim Logo" style="width:100%">
</td>
</tr>
<!-- Explore Section with Images -->
<tr>
<td style="padding-top: 30px; text-align: center">
<a href="#" class="explore-button">EXPLORE</a>
</td>
</tr>
<!-- Contact Section -->
<tr>
<td class="content">
<p>
If your inquiry is related to an existing booking/reservation,
please call our customer service team on
<strong>+971 4 123 4567</strong>.
</p>
<p>
Thank you for your interest in Majid Al Futtaim Entertainment.
</p>
<p>Best regards</p>
<p style="color: #a8976a; font-weight: bold">
Majid Al Futtaim Entertainment Team
</p>
</td>
</tr>
<!-- Disclaimer -->
<tr>
<td>
<div style="width: 100%; border-top: 2px dashed #cdd1d6"></div>
</td>
</tr>
<tr>
<td style="
font-size: 14px;
background-color: #f6f9fa;
color: #777;
padding: 10px 2em;
line-height: 1.5em;
">
<p>
Disclaimer:This is an automated response to confirm that we have received
your inquiry. Our response time may vary based on the
complexity of your request and our current volume of
inquiries.
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: center; padding-top: 1.5em;">
<img src="./assets/brand-logo.png" alt="brand" style="max-width: 500px;width: 100%;">
</td>
</tr>
<tr>
<td>
<div style="
background: #fff;
margin-inline: auto;
width: max-content;
padding: 0.5em;
text-align: center;
line-height: 1em;
margin-bottom: -78px;
position: relative;
">
<p>Port Saeed, Deira Dubai</p>
<a href="mailto:sales@maf.ae">sales@maf.ae</a>
<p>+971 4 123 4567</p>
<h4 style="color:#4c473a;">Stay in touch with us</h4>
<p style="margin-bottom: 0">
<img src="./assets/fb-logo.png" alt="Facebook" width="30" style="margin-right:10px">
<img src="./assets/insta-logo.png" alt="Instagram" width="30" style="margin-right:10px">
<img src="./assets/tiktok-logo.png" alt="TikTok" width="30">
</p>
</div>
</td>
</tr>
<tr>
<td class="footer">
<p>Unsubscribe | Privacy policy</p>
<p>Copyrights © 2024 Majid Al Futtaim. All rights reserved</p>
</td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment