Divi-Engine/estate-agents-form-templates
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial layout

Browse Source
This commit is contained in:
Pavak Paul 2023-06-13 10:11:40 +05:30
parent 5e86ed3783
commit 45e4001472
1 changed files with 125 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
tour-booking-form-template.html Normal file
View File

@ -0,0 +1,125 @@
<!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 {
/* background:pink; */
min-height:100%;
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>