-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
395 lines (377 loc) · 22.5 KB
/
Index.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
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
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!doctype html>
<html>
<head>
<meta name="viewpoert" content="width=device-width, initial-scale=1.0">
<!-- Web Pages CSS links-->
<link rel="stylesheet" href="Include/css/Home.css">
<link rel="stylesheet" href="Include/css/Steps.css">
<link rel="stylesheet" href="Include/css/Services.css">
<link rel="stylesheet" href="Include/css/WhyUs.css">
<link rel="stylesheet" href="Include/css/AboutUs.css">
<link rel="stylesheet" href="Include/css/ContactUs.css">
<link rel="stylesheet" href="Include/css/Footer.css">
<!--WebPage Title and Icon-->
<title>GTA Car Scrapping</title>
<link rel="icon" type="image/x-icon" href="Include/Icons/logo_icon.png" sizes="16x16"> <title>Scrap Cars Canada</title>
<!-- Bootstrap and Jquery Links-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!--Google Font-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
</head>
<body>
<header id="header">
<a href="#" class="logo"><img src="Include/Icons/logo_icon.png" style="height: 5%; width: 5%;"></a>
<div id="toggle"></div>
<div id="navbar">
<ul>
<li><a href="#Home">HOME</a></li>
<li><a href="#Steps">Steps</a></li>
<li><a href="#Services">Services</a></li>
<li><a href="#WhyUs">Why Us</a></li>
<li><a href="#AboutUS">About Us</a></li>
<li><a href="#ContactUs">Contact Us</a></li>
</ul>
</div>
</div>
</header>
<section class="home">
<div class="container">
<div class="row" style="height:auto; min-height: 70vh; margin-top: 120px; background: rgba(255, 255, 255, 0.05); box-shadow: 0px 10px 25px rgba(0,0,0,0.2); border-radius: 10px; backdrop-filter: blur(15%);">
<div class="col-md-6">
<div class="home-text">
<h1>GTA Car Scrapping</h1>
<h2>A RELIABLE TOWING & SCRAPPING SERVICE IN CANADA</h2>
<h3>Get Cash for your<br/> Old, Broken, <br/>Useless, Unwanted Cars</h3>
<h4>We're One Call Away</h4>
<h5>Cal Us Now At <br/>000-000000</h5>
<div class="home-social">
<ul class="sci">
<li><a href="#"><img src="Include/Icons/facebook-app-symbol.png"></a></li>
<li><a href="#"><img src="Include/Icons/twitter.png"></a></li>
<li><a href="#"><img src="Include/Icons/instagram.png"></a></li>
<li><a href="#"><img src="Include/Icons/whatsapp.png"></a></li>
<li><a href="#"><img src="Include/Icons/youtube.png"></a></li>
<li><img src="Include/Picture/HomePage/Logo.png" style="height: 150px; width: 180px; margin-top: -100px; margin-left: 30px;"></li>
</div>
</div>
</div>
<div class="col-md-6">
<div id="slider" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#slider" data-slide-to="0" class="active"></li>
<li data-target="#slider" data-slide-to="1" ></li>
<li data-target="#slider" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<div class="sli-text">
<h3>Make A Call</h3>
<p>We are Just one call away from you. Call us at 000-000-0000 to speak to a live representative for a fast service.</p>
</div>
<div class="home-img1"></div>
</div>
<div class="item">
<div class="sli-text">
<h3>Get A Quote</h3>
<p> We will ask you about your vehicle's Year, Make, Model, Cosmetic and Mechanical condition to determine the payout value to you.</p>
</div>
<div class="home-img2"></div>
</div>
<div class="item">
<div class="sli-text">
<h3>Schedule Pick-Up</h3>
<p> Pick Up a schedule to tow your car. Our professional tow truck driver will arrive at the scheduled time, Pay You Cash and will tow your car away.</p>
</div>
<div class="home-img3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="Steps">
<br/><br/>
<div class="container">
<div class="row">
<div class="col">
<div class="section-title text-center">
<h2 class="title"><b>How To scrap Your Car</b></h2>
<div class="steps-underline text-center"></div>
<p class="title-p "><b>Scraping Cars is Easy Just Follow These steps</b></p>
</div>
</div>
</div>
<div class="row step1" style="box-shadow: 0 0 5px rgba(0,0,0,0.1); background-color: #fff; padding: 20px; border-radius: 20px; margin: 10px;">
<div class="col-md-6">
<div class="step-Texts">
<h1>Step 1</h1>
<h2>Make a Call</h2>
<p>Call us at 647-505-1588 to speak to a live representative for a fast service. We will ask you about your vehicle's Year, Make, Model, Cosmetic and Mechanical condition to determine the payout value to you. We offer the highest possible payout for you vehicle.</p>
</div>
</div>
<div class="col-md-6">
<div class="steps-image1"></div>
</div>
</div>
<div class="row step2" style="box-shadow: 0 0 5px rgba(0,0,0,0.1); background-color: #fff; padding: 20px; border-radius: 20px; margin: 10px;">
<div class="col-md-6">
<div class="steps-image2"></div>
</div>
<div class="col-md-6">
<div class="step-Texts">
<h1>Step 2</h1>
<h2>Schedule A Pick-up</h2>
<p>Once you receive your quote, scheduling a pick-up is easy! We offer removal within 24 hours and in most cases even same days service. Once you schedule a pick-up time we will be at your house as soon as possible.</p>
</div>
</div>
</div>
<div class="row step3" style="box-shadow: 0 0 5px rgba(0,0,0,0.1); background-color: #fff; padding: 20px; border-radius: 20px; margin: 10px;">
<div class="col-md-6">
<div class="step-Texts">
<h1>Step 3</h1>
<h2>Vehicle Pick-Up</h2>
<p>Our professional tow truck driver will arrive at the scheduled time, Pay You Cash, provide you with an official receipt and answer any questions you might have and will tow your car away. </p>
</div>
</div>
<div class="col-md-6">
<div class="steps-image3"></div>
</div>
</div>
</div>
<br/><br/><br/>
</section>
<section id="Services">
<br/>
<div class="container">
<div class="row">
<div class="col content-center">
<div class="services-title">
<h1>SERVICES</h1>
<div class="services-underline"></div>
<h2>A Reliable Towing & Scraping Service In Canada</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="services-box">
<div class="services-img1"></div>
<h3>Cash For Your Car</h3>
<p>Turn your car into cold, hard cash. Scrap Cars Canada offers vehicle scrapping service for cars vans and pickup trucks throughout Toronto and the surrounding region. Call us anytime, and we’ll pick up your car within an hour. we offer the highest possible payout for your vehicle. We give cash on the spot for cars and pickup trucks in any condition. Just contact us to schedule a convenient time.</p>
</div>
</div>
<div class="col-md-4">
<div class="services-box">
<div class="services-img2"></div>
<h3>Flatbed Towing</h3>
<p>Choose a faster, safer towing service. Scrap Cars Canada offers flatbed towing in Toronto and throughout the GTA. Many older types of tow trucks are unsafe and risk causing further damage to the vehicle being towed. Our flatbed tow truck is designed to move cars and pickup trucks safely and efficiently. Our towing service is also great for dealers who buy cars at auction.</p>
</div>
</div>
<div class="col-md-4">
<div class="services-box">
<div class="services-img3"></div>
<h3>Responsible Recycling</h3>
<p>Every car includes a significant amount of metal and other materials that can be recycled. We are committed to environmentally responsible car recycling in order to minimize the impact of old vehicles on the environment. When you call Scrap Cars Canada to scrap your car, you can be sure you’re getting a fair price and doing your part for the planet. Whatever state car is in, we’ll take it off your hands.</p>
</div>
</div>
</div>
</div>
<br/><br/>
</section>
<section id="WhyUs">
<br/><br/><br/><br/><br/><br/>
<div class="container">
<div class="row">
<div class="col">
<div class="whyus-title">
<h1>Why Choose Us</h1>
<h3>What Difference We Provide You</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="whyus-box">
<div class="whyus-icon1"></div>
<h4>Available <br/>24/7</h4>
<p>We are reachable anytime, 24 hour and 7 days of week</p>
</div>
</div>
<div class="col-md-4">
<div class="whyus-box">
<div class="whyus-icon2"></div>
<h4>Free Fast <br/> Towing</h4>
<p>Our towing service is fast, free and reliable</p>
</div>
</div>
<div class="col-md-4">
<div class="whyus-box">
<div class="whyus-icon3"></div>
<h4>Best Price <br/><br/></h4>
<p>We Offer you the best possible price for your car.</p>
</div>
</div>
</div>
</div>
<br/><br/><br/><br/><br/>
</section>
<section id="AboutUS">
<br/><br/><br/><br/>
<div class="container">
<div class="aboutus-box">
<div class="row">
<div class="col-md-6">
<div class="aboutus-title">
<h1>About US</h1>
<h3>GTA Car Scraping</h3>
<p>GTA Car Scraping is a towing and scrapping company based in Toronto. Our owner, Ahmad Nassimi, has been driving tow trucks for over seven years. He decided to start this business in order to deliver faster, safer service at a more affordable rate. Since 2013, we have been offering fast, reliable towing services throughout the GTA. Our goal is to deliver the most convenient service around. We handle all the details and paperwork to make the process of disposing of your car as easy as possible.</p>
</div>
</div>
<div class="col-md-6">
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1235.0190330414457!2d-79.53065705176954!3d43.76515481575032!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3027a82aeda5%3A0x4604b75db7a7833f!2s155%20Norfinch%20Dr%2C%20North%20York%2C%20ON%20M3N%201Y2%2C%20Canada!5e0!3m2!1sen!2s!4v1638655192998!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-md-5">
<div class="contact">
<h1>Contacts</h1>
<h2>Phone</h2>
<div class="contact-icon"></div>
<h3>000-000-0000</h3>
<h3>000-000-0000</h3>
<h4>Email</h4>
<h5>gtacarscraping@gmail.com</h5>
<h5>ahmadnassimi@yahoo.com</h5>
</div>
</div>
<div class="col-md-5">
<div class="contact">
<h1>Address</h1>
<h2>000 Gosford Blvd Unit 000</h2>
<div class="contact-icon"></div>
<h3>North York, Ontario M3N-2W2</h3>
<h4>Service Area</h4>
<h5>Toronto and the GTA</h5>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="para">
<p>Thank you for your interest. Please reach out with questions or comments using the information above. We look forward to hearing from you.</p>
</div>
</div>
</div>
</div>
</div>
<br/><br/><br/>
</section>
<section id="ContactUs">
<div class="container CU-container">
<div class="contactInfo">
<div>
<h2>Contact Info</h2>
<ul class="Info">
<li>
<span><img src="Include/Icons/location.png"></span>
<span>000 Gosford Blvd Unit 000<br/>
North York, Ontario M3N-2W2<br/>
Toronto Canada</span>
</li>
<li>
<span><img src="Include/Icons/email.png"></span>
<span>gtacarscraping@gmail.com<br>ahmadnassimi@yahoo.com</span>
</li>
<li>
<span><img src="Include/Icons/phone-call.png"></span>
<span>647-000-0000<br>416-000-0000</span>
</li>
</ul>
</div>
<ul class="sci">
<li><a href="#"><img src="Include/Icons/facebook-app-symbol.png"></a></li>
<li><a href="#"><img src="Include/Icons/twitter.png"></a></li>
<li><a href="#"><img src="Include/Icons/instagram.png"></a></li>
<li><a href="#"><img src="Include/Icons/whatsapp.png"></a></li>
<li><a href="#"><img src="Include/Icons/youtube.png"></a></li>
</ul>
</div>
<div class="contactForm">
<h2>Send a Message</h2>
<form method="post" id="contact_form" class="formBox">
<div class="inputBox w50">
<input class="name" type="text" id="first_name" required>
<span>First Name</span>
</div>
<div class="inputBox w50">
<input class="lastname" type="text" id="last_name" required>
<span>Last Name</span>
</div>
<div class="inputBox w50">
<input class="email" type="email" id="email" required>
<span>Email Address</span>
</div>
<div class="inputBox w50">
<input class="phone" type="text" id="phone" required>
<span>Mobile Number</span>
</div>
<div class="inputBox w100">
<textarea class="message" id="message" required></textarea>
<span>Write Your Message Here..</span>
</div>
<div class="inputBox w100">
<input class="submit" type="submit" value="Send">
</div>
</form>
</div>
</div>
</section>
<section class="footer-last">
<footer>
<br/><br/>
<div class="container">
<div class="row last-info">
<div class="col-md-4 text-center">
<h3>GTA Car Scraping</h3>
<p>GTA Car Scraping is a towing and scrapping company based in Toronto. We deliver faster, safer service at a more affordable rate. Since 2013, we have been offering fast, reliable towing services throughout the GTA. Our goal is to deliver the most convenient service around.</p>
<img src="Include/Picture/HomePage/Logo.png" style="height: 150px; width: 180ps;">
</div>
<div class="col-md-4 text-center">
<h3>Contacts</h3>
<p>000 Gosford Blvd Unit 000<br>North York, Ontario M3N-2W2<br>Toronto, Canada<br><br>647-000-0000<br>416-000-0000<br><br>gtacarscraping@gmail.com<br>ahmadnassimi@yahoo.com</p>
</div>
<div class="col-md-4 text-center footer-social">
<h3>Social Networks</h3>
<a title="" href="" ><img style="height: 23px;width: 23px; margin-right: 20px;" src="Include/Icons/twitter.png">Facebook</a><br><br>
<a title="" href="" ><img style="height: 23px;width: 23px; margin-right:44px;" src="Include/Icons/instagram.png">Twitter</a><br><br>
<a title="" href="" ><img style="height: 23px;width: 23px; margin-right: 20px;" src="Include/Icons/whatsapp.png">Instagram</a><br><br>
<a title="" href="" ><img style="height: 23px;width: 23px; margin-right: 20px;" src="Include/Icons/youtube.png">Whatsapp</a><br><br>
</div>
</div>
<br>
<div class="row">
<div class="copy col-md-12 text-center">
<h1>Copyright 2021 By Orbit Technologies</h1>
</div>
</div>
</div>
</footer>
</section>
<!-- Bootstrap and Jquery Scripts-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- Web Pages Script Links-->
<script src="Include/js/Home.js"></script>
<!--Email JS-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js"></script>
<script type="text/javascript" src="Include/js/Init Email.js"></script>
<script type="text/javascript" src="Include/js/SendEmail.js"></script>
</body>
</html>