-
Notifications
You must be signed in to change notification settings - Fork 0
/
restaurant reservetion booking letter format.html
98 lines (93 loc) · 7.37 KB
/
restaurant reservetion booking letter format.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restaurant Reservetion Booking Letter</title>
</head>
<body>
<!-- mail content main frame -->
<div style="margin: 0; padding: 0; background-color: aliceblue; font-family: Arial, Helvetica, sans-serif; color: black;">
<!-- Mail document header -->
<div style="width: 100%; display: inline-block; border-bottom: 2px solid #f58d17; text-align: center; ">
<div style=" padding: 40px 20px 5px 20px;
margin: 0 auto;
width: 200px;
text-align: center;"><img width="80%" src="assets/img/Qrispy_dark.svg" alt=""></div>
<h1 style=" text-transform: capitalize;
margin: 0;
padding: 0;
color: tomato;">Restaurant Table Reservetion letter</h1>
<p style="width: 80%; text-align: center; margin: 0 auto;
padding: 0; font-size: 0.8em;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni facere labore itaque eius. At odit aspernatur laudantium voluptates harum non quam facilis ex ut blanditiis.</p>
</div>
<!-- inner content body -->
<div style="margin: 20px;">
<form style="margin-right: 20%;">
<table style="border-left: 1px solid green ; border-collapse: collapse; letter-spacing: 2px; font-size: 0.8em; color: gray;">
<tbody style=" border-left: 1px solid green ; border-collapse: collapse;" >
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Full Name:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">Md. Omar Faruk</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">E-mail Address:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic; text-decoration: none; color: initial; cursor: auto;"><a style="text-decoration: none; color: gray; cursor: auto;" href="#">[email protected]</a></td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Phone Number:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">Md. Omar Faruk</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Reservetion Date:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">2023-09-15</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Event Date:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">2023-09-15</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Event Start Time:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">10:30 AM</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Event End Time:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">05:30 PM</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Number Of Guest:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">25 Guest</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">They are From:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">Demra, Dhaka</td>
</tr>
<tr>
<td style="border-bottom: 1px solid green; border-collapse: collapse; width: 250px; padding: 10px 5px;">Speccial Message:</td>
<td style="border-bottom: 1px solid green; border-collapse: collapse; padding: 10px 5px; font-style: italic;">Lorem ipsumdolor sit amet consectetur adipisicing elit. Officia perspiciatis hic soluta consequatur sint nemo deleniti nobis deserunt dicta iusto?</td>
</tr>
</tbody>
</table>
</form>
<div style="margin-top: 20px;">
<h4 style=" text-transform: capitalize;
margin: 0;
padding: 0;">Cancellation Condition: </h4>
<div style="width: 100px; border-bottom: 2px solid #f58d17;"></div>
<p><span style="font-weight: 700;">Note:</span> if you changed your mind then inform us before 48 hours. Otherwise reservation amount is not refundable.</p>
</div>
</div>
<!-- Mail document Footer -->
<div style="margin-top: 50px; padding-bottom: 10px;">
<!-- Reservation protocoll information -->
<div style="margin-top: 20px; text-align: center; width: 100%;">
<p style="font-style: italic; margin-bottom:0; font-size: 0.8em; color: rgb(61, 60, 60); display: flex; justify-content: space-between; text-align: center; padding: 2px 10px; align-items: center;"><span style="width: 33.33%;text-align: left;"><span style="font-weight: 700;">Letter Path: </span> www.Qrispy-Rastaurant.com </span><span style="width: 33.33%;text-align: center;"><span style="font-weight: 700;">Letter-Sent: </span> Contact form </span><span style="width: 33.33%;text-align: center;"><span style="font-weight: 700;">Mailing Date: </span> 01 September, 2023 10:25 AM</span></p>
</div>
<div style="border-top: 5px solid #f58d17; text-align: center;">
<h4>For More info visit <a href="#" style="text-decoration: none; color: green; text-shadow:4px 5px 3px paleturquoise;" >www.Qrispy-Restaurant.com</a></h4>
<p><span style="font-weight: 700;">Hotline:</span> <a href="tel:+8801684285963" style="text-decoration: none; color: green; text-shadow:4px 5px 3px paleturquoise;">+88 01684-285963</a></p>
</div>
</div>
</div>
</body>
</html>