sidsAlignment/appointment.html at main · echotech/sidsAlignment · GitHub

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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html>
	<head>
		<title>Sid's Alignment Services - Appointment</title>
		<!--meta-->
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.2" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="keywords" content="Mechanic, Car, Auto, Alignment" />
		<meta name="description" content="Sid's Alignment Services - Springville Utah" />
		<!--style-->
		<link href='//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,600,700,800&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="style/reset.css">
		<link rel="stylesheet" type="text/css" href="style/superfish.css">
		<link rel="stylesheet" type="text/css" href="style/prettyPhoto.css">
		<link rel="stylesheet" type="text/css" href="style/jquery.qtip.css">
		<link rel="stylesheet" type="text/css" href="style/style.css">
		<link rel="stylesheet" type="text/css" href="style/animations.css">
		<link rel="stylesheet" type="text/css" href="style/responsive.css">
		<link rel="stylesheet" type="text/css" href="style/odometer-theme-default.css">
		<!--fonts-->
		<link rel="stylesheet" type="text/css" href="fonts/streamline-small/style.css">
		<link rel="stylesheet" type="text/css" href="fonts/template/styles.css">
		<link rel="stylesheet" type="text/css" href="fonts/social/styles.css">
		<link rel="shortcut icon" href="images/favicon.ico">
	</head>
	<body>
		<div class="site-container">
			<div class="header-top-bar-container clearfix">
				<div class="header-top-bar">
					<ul class="contact-details clearfix">
						<li class="template-phone">
							<a href="tel:8014893253">(801) 489-3253</a>
						</li>
						<li class="template-mail">
							<a href="mailto:sidsalignment@gmail.com">sidsalignment@gmail.com</a>
						</li>
						<li class="template-clock">
							Mon - Fri: 8am - 5:00pm
						</li>
					</ul>
					<ul class="social-icons">
						<li>
							<a target="_blank" href="https://www.facebook.com/profile.php?id=100063652057924" class="social-facebook" title="facebook"></a>
						</li>
					</ul>
				</div>
				<a href="#" class="header-toggle template-arrow-up"></a>
			</div>
			<div class="header-container">
			<!--<div class="header-container sticky">-->
				<div class="vertical-align-table column-1-1">
					<div class="header clearfix">
						<div class="logo vertical-align-cell">
							<h1><a href="home" title="Sid's Alignment">Sid's Alignment</a></h1>
						</div>
						<a href="#" class="mobile-menu-switch vertical-align-cell">
							<span class="line"></span>
							<span class="line"></span>
							<span class="line"></span>
						</a>
						<div class="menu-container clearfix vertical-align-cell">
							<nav>
								<ul class="sf-menu">
									<li class="selected">
										<a href="index.html" title="Home">
											Home
										</a>
									</li>
									<li>
												<a href="about.html" title="About">
													About
												</a>
									</li>

								</ul>
							</nav>
							<div class="mobile-menu-container">
								<div class="mobile-menu-divider"></div>
								<nav>
									<ul class="mobile-menu collapsible-mobile-submenus">
										<li class="selected">
											<a href="index.html" title="Home">
												Home
											</a>
											<a href="#" class="template-arrow-menu"></a>

										</li>
										<li>
													<a href="about.html" title="About">
														About
													</a>
										</li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="theme-page padding-bottom-66">
				<div class="clearfix">
					<div class="row page-margin-top">
						<div class="column column-1-1">
							<div class="row">
								<h2 class="box-header">BOOK AN APPOINTMENT</h2>
								<p class="description align-center">We are one of the leading auto repair shops serving customers in Tucson.<br>All mechanic services are performed by highly qualified mechanics.</p>
							</div>
						</div>
					</div>
					<div class="row page-margin-top">
						<form class="contact-form cost-calculator-container" id="contact-form" method="post" action="contact_form/contact_form.php">
							<div class="row">
								<fieldset class="column column-1-3">
									<div class="cost-calculator-box clearfix">
										<label>VEHICLE YEAR</label>
										<input type="hidden" name="vehicle-year-label" value="VEHICLE YEAR">
										<div class="cost-slider-container">
											<input id="vehicle-year" class="cost-slider-input" name="vehicle-year" type="number" value="2008">
											<div class="cost-slider" data-value="2008" data-step="1" data-min="1990" data-max="2015" data-input="vehicle-year"></div>
										</div>
									</div>
								</fieldset>
								<fieldset class="column column-1-3">
									<div class="cost-calculator-box clearfix">
										<label>VEHICLE MAKE</label>
										<input type="hidden" name="vehicle-make-label" value="VEHICLE MAKE">
										<input id="vehicle-make" class="cost-slider-input big" name="vehicle-make" type="number" value="" placeholder="Vehicle Make">
									</div>
								</fieldset>
								<fieldset class="column column-1-3">
									<div class="cost-calculator-box clearfix">
										<label>VEHICLE MILEAGE</label>
										<input type="hidden" name="vehicle-mileage-label" value="VEHICLE MILEAGE">
										<input id="vehicle-mileage" class="cost-slider-input big" name="vehicle-mileage" type="number" value="" placeholder="Vehicle Mileage">
									</div>
								</fieldset>
							</div>
							<div class="row page-margin-top">

								<fieldset class="column column-1-2">
									<label>CONTACT DETAILS</label>
									<input class="text-input" name="name" type="text" value="Your Name *" placeholder="Your Name *">
									<input class="text-input" name="email" type="text" value="Your Email *" placeholder="Your Email *">
									<input class="text-input" name="phone" type="text" value="Your Phone" placeholder="Your Phone">
									<textarea class="margin-top-20" name="message_appointment" placeholder="Additional Questions or Comments">Additional Questions or Comments</textarea>
									<input type="hidden" name="action" value="contact_form" />
									<input type="hidden" name="form_type" value="appointment">
									<a class="more margin-top-20 display-block submit-contact-form" href="#" title="SUBMIT NOW"><span>SUBMIT NOW</span></a>
								</fieldset>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="row dark-gray footer-row full-width padding-top-30 padding-bottom-50">
				<div class="row padding-bottom-30">
					<div class="column column-1-2">
						<ul class="contact-details-list">
							<li class="sl-small-location-map">
								<p>925 1950 W <br>
								Springville, UT 84663</p>
							</li>
						</ul>
					</div>
					<div class="column column-1-2">
						<ul class="contact-details-list">
							<li class="sl-small-phone-circle">
								<p>Feel Free to Call Us Now<br>
								<a href="tel:8014893253">(801) 489-3253</a></p>
							</li>
						</ul>
					</div>
				</div>
				<div class="row row-4-4 top-border page-padding-top">
					<div class="column column-1-3">
						<h6 class="box-header">ABOUT US</h6>
						<ul class="list simple margin-top-20">
							<li>925 1950 W </li>
							<li>Springville, UT 84663</li>
							<li><span>Phone:</span><a href="tel:8014893253">(801) 489-3253</a></li>
							<li><span>E-mail:</span><a href="mailto:sidsalignment@gmail.com">sidsalignment@gmail.com</a></li>
						</ul>
						<ul class="social-icons gray margin-top-26">
							<li>
								<a target="_blank" href="https://www.facebook.com/profile.php?id=100063652057924" class="social-facebook" title="facebook"></a>
							</li>
						</ul>
					</div>
					<div class="column column-1-3">
						<h6 class="box-header">We Align</h6>
						<ul class="list margin-top-20">
							<li class="template-bullet">Cars</li>
							<li class="template-bullet">Trucks</li>
							<li class="template-bullet">Semis</li>
							<li class="template-bullet">Lowered Vehicles</li>
							<li class="template-bullet">RVs</li>
							<li class="template-bullet">Trailers</li>
							<li class="template-bullet">UTVs</li>
						</ul>
					</div>

					<div class="column column-1-4">
						<h6 class="box-header">HOURS</h6>
						<ul class="list simple margin-top-20">
							<li><span>Monday:</span>8:00am - 5:00pm</li>
							<li><span>Tuesday:</span>8:00am - 5:00pm</li>
							<li><span>Wednesday:</span>8:00am - 5:00pm</li>
							<li><span>Thursday:</span>8:00am - 5:00pm</li>
							<li><span>Friday:</span>8:00am - 5:00pm</li>
							<li><span>Saturday:</span>Closed</li>
							<li><span>Sunday:</span>Closed</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row align-center padding-top-bottom-30">
				<span class="copyright">© Copyright 2023 <a href="https://buttonfortheinter.net" title="HelloIT LLC" target="_blank">HelloIT LLC</a> </span>
			</div>
		</div>
		<a href="#top" class="scroll-top animated-element template-arrow-up" title="Scroll to top"></a>
		<div class="background-overlay"></div>
		<!--js-->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	</body>
</html>