-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathservice_page.html
More file actions
88 lines (79 loc) · 6.25 KB
/
service_page.html
File metadata and controls
88 lines (79 loc) · 6.25 KB
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="CSS/style.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap" rel="stylesheet">
<script type="text/javascript" src="javaScript/service.js"></script>
</head>
<body>
<div id="main-body">
<div id="header" style="background-color:darkseagreen;">
<a href="index.html"><img src="icons/logo.jfif" height= "60px" width="60px" style="margin-left: 20px; height: 60px; width: 60px; border-radius: 10px; margin-top: -15px"></a>
<table cellpadding="40" id="head-table">
<tr>
<th><a class="Button" href="index.html" style="margin-right: 0px;">Home</a></th>
<th><a class="Button" href="about_page.html" style="margin-right: 0px;">About</a></th>
<th><a class="Button" href="#" style="margin-right: 0px;">Service</a></th>
<th><a class="Button" href="contact_page.html" style="margin-right: 0px;">Contact</a></th>
<th><a class="Button" href="login_page.html" style="margin-right: 0px;"><img height="30px" src="icons/profile.png">   Log In</a></th>
</tr>
</table>
</div>
<div id="middle">
<h1 style="color: #60b6b6; background-color: #e91e6f;">My Services are like : </h1>
<div id="images">
<h2 style="margin-top: 15px; color: darkblue; font-size: xx-large; font-family: cursive;">You Can Change Your Colour of Car..</h2>
<img src="Images/WhiteAudi.webp" id="img1" alt="white" style=" margin-left: 150px;"/>
</div>
<div id="colours" style="margin-left: 50%; margin-bottom: 20px;">
<button onclick="document.getElementById('img1').src='Images/WhiteAudi.webp' " style="border-radius: 50%; height: 30px; width: 30px; background-color: #f1f3e8;"></button>
<button onclick="document.getElementById('img1').src='Images/BlackAudi.webp' " style="border-radius: 50%; height: 30px; width: 30px; background-color: #0d1a20;"></button>
<button onclick="document.getElementById('img1').src='Images/greyAudi.webp' " style="border-radius: 50%; height: 30px; width: 30px; background-color: #222222;"></button>
<button onclick="document.getElementById('img1').src='Images/SevellicAudi.webp' " style="border-radius: 50%; height: 30px; width: 30px; background-color: #650A19;"></button>
<button onclick="document.getElementById('img1').src='Images/blueAudi.webp' " style="border-radius: 50%; height: 30px; width: 30px; background-color: #1B2128;"></button>
</div>
<hr>
<div id="videos" style="background-color: #0d1a20;">
<h2 style="margin-top: 15px; color: #92a7a3; font-size: xx-large; font-family: serif;">You Can Modifiy Your Headlights By <a href="contact_page.html" style="text-decoration: underline; color: #b87e15;">Contact us..</a></h2>
<iframe width="1000" height="500" src="https://www.youtube.com/embed/HF67gsPN4II" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="margin: 15px 15px 30px 200px; border-radius: 10px; display: flex; "></iframe>
<hr>
<h2 style="margin-top: 15px; color: #92a7a3; font-size: xx-large; font-family: serif;">You Can Repair/Service your Car By <a href="contact_page.html" style="text-decoration: underline; color: #b87e15;">Contact us..</a></h2>
<iframe width="1000" height="500" src="https://www.youtube.com/embed/KeK4d9T-IJg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="margin: 15px 15px 30px 200px; border-radius: 10px; display: flex;"></iframe>
<hr>
<h2 style="margin-top: 15px; color: #92a7a3; font-size: xx-large; font-family: serif;">You Can Change Your Body Parts By <a href="contact_page.html" style="text-decoration: underline; color: #b87e15;">Contact us..</a></h2>
<iframe width="1000" height="500" src="https://www.youtube.com/embed/ZuJMtW3xeNQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="margin: 15px 15px 30px 200px; border-radius: 10px; display: flex;"></iframe>
</div>
</div>
<div id="footer">
<div id="cl1">
<span id="car-champ">CAR CHAMPS.</span><br>
<span>Custom Car Makers</span>
</div>
<div id="cl2">
<p>
500 Terry Francois Street<br />
San Francisco, CA 94158
</p>
<a href="https://www.facebook.com/vaibhav.jain.50999"><img class="social-image"
src="https://static.wixstatic.com/media/0fdef751204647a3bbd7eaa2827ed4f9.png/v1/fill/w_29,h_29,al_c,q_85,usm_0.66_1.00_0.01/0fdef751204647a3bbd7eaa2827ed4f9.webp" /></a>
<a href="#"><img class="social-image"
src="https://static.wixstatic.com/media/8f6f59264a094af0b46e9f6c77dff83e.png/v1/fill/w_29,h_29,al_c,q_85,usm_0.66_1.00_0.01/8f6f59264a094af0b46e9f6c77dff83e.webp" /></a>
<a href="https://www.instagram.com/iam_sumitsoni__/"><img class="social-image"
src="https://static.wixstatic.com/media/01c3aff52f2a4dffa526d7a9843d46ea.png/v1/fill/w_29,h_29,al_c,q_85,usm_0.66_1.00_0.01/01c3aff52f2a4dffa526d7a9843d46ea.webp" /></a>
</div>
<div id="cl3">
<p>
Tel: 123-456-7890<br />
Opening Hours: 9am - 7pm
</p>
</div>
<div id="lastline">
<p>
<br />© 2023 by Car Champs. Made with ❤ by Sumit, Vivek& Vaibhav
</p>
<br />
</div>
</div>
</div>
</body>
</html>