-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsummary.html
193 lines (164 loc) · 10.4 KB
/
summary.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<html lang="en">
<head>
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no'>
<title>Accept Trip #10706 - Powered by AddOns.LA</title>
<title>Accept Trip #10706 - Powered by AddOns.LA</title>
<link rel='stylesheet' href="https://yt074.addons.la/css/jquery-ui.min.css" />
<link rel='stylesheet' href="https://yt074.addons.la/css/bootstrap.min.css" />
<link rel='stylesheet' href="https://yt074.addons.la/css/artusmode.css" />
<link rel="stylesheet" href="C:\Users\Andrew\Desktop\WorkSpace\bootstrap\font-awesome-4.7.0\css\font-awesome.min.css">
<script src="https://yt074.addons.la/js/jquery-1.10.2.min.js"></script>
<script src="https://yt074.addons.la/js/jquery-ui.min.js"></script>
<script src="https://yt074.addons.la/thirdparty/signature-pad/jquery.signaturepad.js"></script>
<script src="https://yt074.addons.la/thirdparty/signature-pad/assets/json2.min.js"></script>
<style>
* {
box-sizing: border-box;
}
.rows::after {
content: "";
clear:left;
display: table;
}
/*mobile*/
[class*="col-"] {
float: left;
padding-left:10px;
width: 100%;
font-size:10px;
background-color:#e6e6e6;
/*border: 1px solid red;*/
}
[class*="col-2"]{
padding-top:5px;
}
h1{font-size:20px}
.mybutton{background-color:#4CAF50; color:white; border:none; margin:0 auto; display:block; border-radius:4px; padding:15px; width:80%;}
.to-hide{display:none;}
.tohide{display:block;}
/* Desktops: */
@media only screen and (min-width: 768px) {
/* For desktop: */
[class*="col-"] {
float: left;
padding:10px;
/*border: 1px solid red;*/
font-size:15px;
background-color:#e6e6e6;
}
[class*="col-2"]{
margin-left:10%;
}
h1{font-size:20px}
.mybutton{background-color:#4CAF50; color:white; border:none; margin:0 auto; display:block; border-radius:4px; padding:15px 64px; width:20%; margin-left:46%; }
.to-hide{display:block;}
.tohide{display:none;}
.col-9{font-size:32px;}
.col-rep{width: 15%;}
.bump{padding-top:20px;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
</style>
</head>
<body>
<img style="width:40%; display: block; margin:0 auto;" src='loggo.png' />
<form action="save.php" method="post" class="sigPad" id="waiver_form" enctype="multipart/form-data">
<!-- Trip Summary -->
<h3 class="col-9" style="margin-top:0px; color:white; background-color:gray; width:100%">Trip Summary</h3>
<hr style="border: 0 ;clear:both; display:block; width: 100%; background-color:#3333cc; height: 3px;">
<div class="page" id="trip_summary">
<div class="to-hide" style="float:right; clear:none; width:45%;">
<h1 style=" width:100%;float:right; margin-right:20%; background-color:#e6e6e6; margin-bottom:0px;">Accept and Sign</h1>
<div style=" width:100%; height: 180px; overflow-y: scroll; float:right; margin-right:20%;">
<h2 style="font-size:15px;">All deposits are NON refundable. Company is not liable in the event of mechanical breakdown while on charter and will only be responsible for making up lost time at a mutually agreed date. The client assumes full financial liability for any damage to the limousine caused during the duration of the rental by them or any members of their party. A fee of 100.00 for each carpet or seat burn. Sanitation fee is 250.00. Alcohol Consumption and drug use is prohibited by law. Any fines will be paid for by the customer. The driver has the right to terminate run without refund (if there is blatant indiscretion on the part of the client(s)). It is Illegal to stand through the sunroof. Smoking is not permitted in some of our limousines and this is left to the discretion of the driver. Overtime pay will apply after the first 15 minutes of prearranged time described on the run sheet. Not responsible for delays or the termination in winter caused by unsafe road conditions (ie. not salted, accidents, etc.). Not responsible for articles left in the limousine. Balances to be paid to the driver on the run date before the beginning of the run. Vehicles cannot be loaded beyond seating capacity.<br /><br /</h2>
</div>
<div style="float:right; width:100%; margin-right:20%;">
<p style="padding:0px; margin:0px; background-color:#e6e6e6; font-weight:bold;">Accept the Terms</p>
<input type="checkbox" name="accept" id="accept" style="height: 30px; width: 30px; margin-bottom:10px; padding:10px" />
</div>
<div style="float:right; width:100%; margin-right:20%;">
<div id="signature">
<div class="sig sigWrapper">
<div class="typed"></div>
<canvas class="pad" width="500" height="100"></canvas>
<input type="hidden" name="signature" class="output">
</div>
<ul class="sigNav">
<li class="btn clearButton"><a class="btn action highlight-color">Reset Signature</a></li>
</ul>
</div>
</div>
</div>
<div class="rows bump" style="clear:none;">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-tag" aria-hidden="true"></i> Trip Confirmation Number:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">10706</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-user-circle-o" aria-hidden="true"></i> Passenger Name:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">CONTRACT TESTER</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-envelope" aria-hidden="true"></i> Passenger Email:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">[email protected]</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-phone-square" aria-hidden="true"></i> Passenger Phone:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">+17038627734</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-users" aria-hidden="true"></i> Number of Passengers:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">1</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-clock-o" aria-hidden="true"></i> Pick Up Time:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">12:00am Jan 1st, 1970</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-comments" aria-hidden="true"></i> Billing Contact:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">Bill Con</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-usd" aria-hidden="true"></i> Billing Account Number:</div>
<div class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">30004</div>
</div>
<div class="rows">
<div class="col-2" style="font-weight:bold;"><i style="padding-right:5px;" class="fa fa-credit-card-alt" aria-hidden="true"></i> Trip Cost:</div>
<div id="but" class="col-rep" style="text-decoration: underline; color:red; font-weight:bold;">$120.00</div>
</div>
<div class="tohide" style="clear:none; width:100%;">
<h1 style=" width:100%;">Accept and Sign</h1>
<div style=" width:100%; height: 200px; overflow-y: scroll;">
<h2 style="font-size:10px; text-align:left; padding-top:5px">All deposits are NON refundable. Company is not liable in the event of mechanical breakdown while on charter and will only be responsible for making up lost time at a mutually agreed date. The client assumes full financial liability for any damage to the limousine caused during the duration of the rental by them or any members of their party. A fee of 100.00 for each carpet or seat burn. Sanitation fee is 250.00. Alcohol Consumption and drug use is prohibited by law. Any fines will be paid for by the customer. The driver has the right to terminate run without refund (if there is blatant indiscretion on the part of the client(s)). It is Illegal to stand through the sunroof. Smoking is not permitted in some of our limousines and this is left to the discretion of the driver. Overtime pay will apply after the first 15 minutes of prearranged time described on the run sheet. Not responsible for delays or the termination in winter caused by unsafe road conditions (ie. not salted, accidents, etc.). Not responsible for articles left in the limousine. Balances to be paid to the driver on the run date before the beginning of the run. Vehicles cannot be loaded beyond seating capacity.<br /><br /</h2>
</div>
<input type="checkbox" name="accept" id="accept" style="height: 30px; width: 30px; margin: 10px;" />
<label for="accept" class="font-18">Accept the Terms</label>
<div id="signature">
<div class="sig sigWrapper">
<div class="typed"></div>
<canvas class="pad" style="width:100%;" height="150"></canvas>
<input type="hidden" name="signature" class="output">
</div>
<ul class="sigNav">
<li class="btn clearButton"><a class="btn action highlight-color">Reset Signature</a></li>
</ul>
</div>
</div>
</div>
<button class="mybutton" data-target="tos_accept" type="button" style="clear:both; margin-top:20px;">Next</button>
<img height="30" width="50" style=" display: block; margin:0 auto;" src='visa-icon.png' />
<img height="30" width="50" style=" display: block; margin:0 auto;" src='Master-card-icon.png' />
<img height="30" width="50" style=" display: block; margin:0 auto;" src='discover.png' />
<br>
</body>
</html>