-
Notifications
You must be signed in to change notification settings - Fork 0
/
jaguar_main.html
123 lines (117 loc) · 4.45 KB
/
jaguar_main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jaguar Motors</title>
<link rel="stylesheet" href="jaguar_main.css">
</head>
<body>
<div class="container">
<header>
<div class="logo">
<a href="jaguar_main.html"><img src="jaguar3.jpg" alt="Jaguar Motors Logo"></a>
</div>
<nav class="button-list">
<ul>
<li><a href="f-pace.html" onmouseover="changeColor(this)" onmouseout="resetColor(this)">F-pace</a></li>
<li><a href="i-pace.html" onmouseover="changeColor(this)" onmouseout="resetColor(this)">I-pace</a></li>
<li><a href="f-type.html" onmouseover="changeColor(this)" onmouseout="resetColor(this)">F-type</a></li>
<li><a href="xf.html" onmouseover="changeColor(this)" onmouseout="resetColor(this)">Jaguar XJ</a></li>
<a href="jaguar-signup.html">
<button class="home-btn">Sign in</button></a>
<a href="jaguar_main.html">
<button class="home-btn">Log in</button></a>
</ul>
</nav>
<script>
function changeColor(element) {
element.classList.add('button-highlight');
}
function resetColor(element) {
element.classList.remove('button-highlight');
}
</script>
</header>
<div class="video">
<video autoplay muted loop>
<source type="video/webm" src="Jaguarvideoclip1.webm" >
</video>
</div>
<div class="columns">
<div class="row">
<a href="test_drive.html"><img src="logo (2).png" alt="Logo"></a><br>
<i><b>>BOOK A TEST DRIVE</b><br>
Choose your best model</i>
</div>
<div class="row">
<a href="car_type.html"><img src="logo (3).png" alt="Logo"></a><br>
<i><b>> VIEW PRICES</b><br>
View vechicles price online</i>
</div>
<div class="row">
<a href="gallery_home.html"><img src="logo (4).png" alt="Logo"></a><br>
<i><b>>VIEW GALLERY</b><br>
Visit Our New Emerging Models</i>
</div>
<div class="row">
<a href="jaguar_main.html"><img src="logo (1).png" alt="Logo"></a><br>
<i><b>Compare Your Models</b><br>
Experience Jaguar Luxury and Performance</i>
</div>
</div>
<div class="slideshow">
<div class="photos">
<img src="jcar1.jpeg" alt="Car 1">
<img src="jcar2.jpeg" alt="Car 2">
<img src="jcar3.jpeg" alt="Car 3">
<img src="jcar4.jpeg" alt="Car 4">
</div>
<div class="footer-container">
<footer>
<div class="footer-content">
<div class="footer-section">
<h3>OUR JAGUAR VEHICLES</h3>
<ul>
<li>JAGUAR F-PACE</li>
<li>JAGUAR I-PACE</li>
<li>JAGUAR F‑TYPE</li>
<li>SPECIAL VEHICLE OPERATIONS</li>
</ul>
</div>
<div class="footer-section">
<h3>PRICE AND OFFERS</h3>
<ul>
<li>JAGUAR FINANCIAL SERVICES</li>
<li>BUILD YOUR OWN</li>
<li>VIEW PRICES</li>
</ul>
</div>
<div class="footer-section">
<h3>SERVICE AND MAINTENANCE</h3>
<ul>
<li>OVERVIEW</li>
<li>GUIDES AND MANUALS</li>
<li>DIESEL PARTICULATE FILTER</li>
</ul>
</div>
<div class="footer-section">
<h3>JOIN THE CONVERSATION</h3>
<ul>
<li><img src="fb.png" alt="Facebook"> FACEBOOK</li>
<li><img src="twit.png" alt="Twitter"> TWITTER</li>
<li><img src="you.png" alt="YouTube"> YOUTUBE</li>
<li><img src="insta.png" alt="Instagram"> INSTAGRAM</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>JAGUARLIMITED 2023</p>
<p>Address Office: Mount Road ,Chennai ,Tamilnadu,INDIA</p>
<p>
Welcome to Jaguar Motors Franchise in Chennai, Tamilnadu! We take pride in offering the finest luxury cars to our valued customers. Experience the epitome of elegance, performance, and innovation with our exceptional lineup of Jaguar vehicles. Visit us today for an unparalleled automotive journey.</p>
</div>
</footer>
</div>
</body>
</html>