Compare commits

...
3 Commits
Author SHA1 Message Date
pavak d90c4ed531 confirmation template 2023-06-13 10:31:55 +05:30
pavak a7af54114e removed testing rules 2023-06-13 10:20:09 +05:30
pavak 45e4001472 initial layout 2023-06-13 10:11:40 +05:30
2 changed files with 168 additions and 0 deletions

No files matched your search

+45
View File
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toor booking query for %%pagetitle%%</title>
<style>
.mailbodycontainer {
min-height:100%;
width:90%;
max-width:750px;
margin: auto;
padding:20px 0;
}
a {
text-decoration: none;
color: #8332ac;
}
@media (max-width:540px) {
.mailbodycontainer{
width: 95%;
}
}
</style>
</head>
<body>
<!-- name
phone
email
bookingdate
timehour
timeminute
timeampm
notes
pagetitle
pageurl -->
<div class="mailbodycontainer">
<p>Hi %%name%%, we have received your tour booking query for <a href="%%pageurl%%">%%pagetitle%%</a> on %%bookingdate%% at %%timehour%%:%%timeminute%% %%timeampm%%. We will reach out to you soon about the confirmation.</p>
<p>Have a great day!</p>
</div>
</body>
</html>
+123
View File
@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toor booking query for %%pagetitle%%</title>
<style>
.mailbodycontainer {
width:90%;
max-width:750px;
margin: auto;
padding:20px 0;
}
.section {
border:1px solid #b8b8b8;
border-radius: 10px;
padding: 0;
}
.row {
display: flex;
border: 1px solid #eeeeee;
}
.column {
padding: 0 10px;
}
.column1 {
border-right: 1px solid #efefef;
min-width: 150px;
}
@media (max-width:540px) {
.mailbodycontainer{
width: 95%;
}
.row {
flex-direction: column;
}
}
a {
text-decoration: none;
color: #8332ac;
}
</style>
</head>
<body>
<!-- name
phone
email
bookingdate
timehour
timeminute
timeampm
notes
pagetitle
pageurl -->
<div class="mailbodycontainer">
<h3>You have a tour booking query for: <a href="%%pageurl%%">%%pagetitle%%</a></h3>
<div class="section">
<div class="row">
<div class="column column1">
<p>Name</p>
</div>
<div class="column column2">
<p>%%name%%</p>
</div>
</div>
<div class="row">
<div class="column column1">
<p>Phone No.</p>
</div>
<div class="column column2">
<p>%%phone%%</p>
</div>
</div>
<div class="row">
<div class="column column1">
<p>Email</p>
</div>
<div class="column column2">
<p>%%email%%</p>
</div>
</div>
<div class="row">
<div class="column column1">
<p>Booking Date</p>
</div>
<div class="column column2">
<p>%%bookingdate%%</p>
</div>
</div>
<div class="row">
<div class="column column1">
<p>Booking Time</p>
</div>
<div class="column column2">
<p>%%timehour%%:%%timeminute%% %%timeampm%%</p>
</div>
</div>
<div class="row">
<div class="column column1">
<p>Notes</p>
</div>
<div class="column column2">
<p>%%notes%%</p>
</div>
</div>
</div>
</div>
</body>
</html>