-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservicing.html
137 lines (114 loc) · 5.55 KB
/
servicing.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel = "icon" href ="images\logo.png" type = "image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel ="stylesheet" href="stylesheets\styleServicing.css">
<title>Car Service | BTS MOTORS</title>
<script src="script/header.js"></script>
</head>
<body style="height: 500px;">
<div class="imag">
<img src="https://i.ibb.co/bm3HCtH/70024-2.jpg" style="position: relative; left: 40px; height:700px; width: 1200px; alt="">
</div>
<div class="mis">
<h2>OUR MISSION</h2>
<hr>
<p class="a">We offer a wide range of services to the vehicle owners with efficient pricing and latest technology.
All mechanic services are performed by highly qualified mechanics. We can handle any car problem.</p>
<p class="b">Our professionals know how to handle a wide range of car services.
Our mechanics strive to ensure that your vehicle will be performing at its best before leaving our car shop.</p>
<button><span>Read More </span></button>
<img class="misIMG" src="https://i.ibb.co/G7QPRms/car-service-center-is-checking-cars-isolated-vector-22497919.jpg">
</div>
<img class="imgB" src="https://i.ibb.co/Vp4ZT3X/123.jpg">
<img class="imgT" src="https://www.glocar.in/blog/wp-content/uploads/2018/05/best-hyundai-service-centre.jpg" width="1287" height="675px">
<img class="imgS" src="https://i.ibb.co/bLt399m/wa.jpg" alt="Workplace">
<h2 style="position: relative; left: 380px; text-align: center; background-color: #dcdcdc; padding: 10px; border-radius: 10px; width: 600px; font-size: 35px;">Pricing<br>(In <i class="fa fa-rupee"></i>)</h2>
<div class="columns">
<ol class="price">
<li class="header">Basic Service</li>
<li class="grey"><i class="fa fa-rupee"> 500/-</i></li>
<li>Interior Dry Wash</li>
<li>Exterior Wet Wash</li>
<li>Manual Cleaning</li>
<li class="grey"><div class="popup" onclick="myFunction()"><b>Enquire !</b>
<span class="popuptext" id="myPopup">Call us at : <a style="color: white;" href="tel:9516536350">(+91) 9516536350</a>
<br>
Email us at: <a style="color: white;" href="mailto:bhavibhavjot14@gmail.com">bhavibhavjot14@gmail.com</a></span></div></li>
</ol>
</div>
<div class="columns" style="border: 5px solid grey; height: 550px;">
<h4 style="position: relative; left: 70px; bottom: 33px; background-color: #333; border: 2.5px solid #8eb28a; border-radius: 5px; width: 100px; text-align: center; color: white;">Best Value</h4>
<ol class="price" style="position: relative; bottom: 50px;">
<li class="header" style="background-color:#8eb28a; color:black; border: 5px solid #333;">Pro Service</li>
<li class="grey"><i class="fa fa-rupee"> 700/-</i></li>
<li>Interior Dry Wash + Vacuum</li>
<li>Exterior Wet Wash</li>
<li>Manual Cleaning</li>
<li>AC Checkup</li>
<li>Lubrication</li>
<li class="grey"><div class="popup" onclick="myFunction1()"><b>Enquire !</b>
<span class="popuptext" id="myPopup1">Call us at : <a style="color: white;" href="tel:9516536350">(+91) 9516536350</a>
<br>
Email us at: <a style="color: white;" href="mailto:bhavibhavjot14@gmail.com">bhavibhavjot14@gmail.com</a></span></div></li>
</ol>
</div>
<div class="columns">
<ol class="price">
<li class="header">Premium Service</li>
<li class="grey"><i class="fa fa-rupee"> 1200/-</i></li>
<li>Interior Dry Wash + Vacuum</li>
<li>Exterior Wet Wash</li>
<li>AC Checkup</li>
<li>Lubrication</li>
<li>Check Spark Plugs</li>
<li>Wheel Alignment & Balancing</li>
<li class="grey"><div class="popup" onclick="myFunction2()"><b>Enquire !</b>
<span class="popuptext" id="myPopup2">Call us at : <a style="color: white;" href="tel:9516536350">(+91) 9516536350</a>
<br>
Email us at: <a style="color: white;" href="mailto:bhavibhavjot14@gmail.com">bhavibhavjot14@gmail.com</a></span></div></li>
</ol>
</div>
<div class="columns">
<ol class="price">
<li class="header">Premium Service<br>(OPTI COAT)</li>
<li class="grey"><i class="fa fa-rupee"> 3500/-</i></li>
<li><b>OPTI COAT</b></li>
<li>Interior Dry Wash</li>
<li>Exterior Wet Wash</li>
<li>AC Checkup</li>
<li>Lubrication</li>
<li>Check Spark Plugs</li>
<li>Wheel Alignment & Balancing</li>
<li>Complete Electrical Checkups</li>
<li class="grey"><div class="popup" onclick="myFunction3()"><b>Enquire !</b>
<span class="popuptext" id="myPopup3">Call us at : <a style="color: white;" href="tel:9516536350">(+91) 9516536350</a>
<br>
Email us at: <a style="color: white;" href="mailto:bhavibhavjot14@gmail.com">bhavibhavjot14@gmail.com</a></span></div></li>
</ol>
</div>
<button class="bookButton" onclick="document.location='ServicingBook.html'"><span class="bookSpan">Book Now </span></button>
<script>
function myFunction() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}
function myFunction1() {
var popup = document.getElementById("myPopup1");
popup.classList.toggle("show");
}
function myFunction2() {
var popup = document.getElementById("myPopup2");
popup.classList.toggle("show");
}
function myFunction3() {
var popup = document.getElementById("myPopup3");
popup.classList.toggle("show");
}
</script>
<img style="position: relative; right: 65px;" src="https://iccu.in/images/service/Accident-Jobs-%26-Painting.gif">
<iframe src="Servicingfooter.html" width="100%" height="800" scrolling="no" style="overflow: hidden; border:none; display: block; position: relative; bottom: 400px; margin-bottom: -200px;"></iframe>
</body>
</html>