-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
106 lines (100 loc) · 4.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mehul Darshni</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar background h-nav">
<ul class="nav-list v-class">
<div class="logo"><img src="./images/logo.jpeg" alt="logo"></div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact" id="contact
">Contact Us</a></li>
</ul>
<div class="rightnav v-class">
<input type="text" name="search" id="search">
<button class="btn-sm">search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="background ">
<div class="box-main">
<div class="firsthalf">
<p class="text-big">The speed you need is here</p>
<p class="text-small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum eveniet voluptatem cumque optio doloremque cupiditate non deleniti aliquid vero quisquam quo, odit tempora tenetur perspiciatis!</p>
<div class="buttons">
<button class="btn">try it now</button>
</div>
<button class="userexp">user exerience</button></div>
<div class="secondhalf">
<img src="./images/logo.jpeg" alt=""logo1>
</div>
</div>
</div>
</section>
<section class="section">
<div class="paars">
<p class="sectintag text-big">All time Hits</p>
<p class="sectionsubtag text-small">The Jaguar XF is a mid-size executive car introduced in 2008 to replace the S-Type. In January 2008, the XF was awarded
the What Car? 'Car of the Year' and 'Executive Car of the Year' awards. The XF was also awarded Car of the Year 2008
from What Diesel? magazine. Engines available in the XF are 2.2-litre I4 and 3.0-litre V6 diesel engines, or 3.0 litre
V6 and 5.0-litre V8 petrol engines.</p>
</div>
<div class="thumbnail">
<img src="./images/jag1.jpg" alt="logo1img">
</div>
</section>
<section class="section sectionleft">
<div class="paars">
<p class="sectintag text-big">Best in the segment</p>
<p class="sectionsubtag text-small">The XE is the first compact executive Jaguar since the 2009 model year X-Type and is the first of several Jaguar models
to be built using Jaguar's new modular aluminium architecture,[citation needed] moving the company away from the Ford
derived platforms that were used in the past for the X-Type and XF.</p>
</div>
<div class="thumbnail">
<img src="./images/jag2.webp" alt="logo1img">
</div>
</section>
<section class="section">
<div class="paars">
<p class="sectintag text-big">The compay</p>
<p class="sectionsubtag text-small">ith its headquarters in Whitley, Coventry, England. Jaguar Cars was the company that was responsible for the production
of Jaguar cars until its operations were fully merged with those of Land Rover to form Jaguar Land Rover on 1 January
2013</p>
</div>
<div class="thumbnail">
<img src="./images/logo1.jpeg" alt="logo1img">
</div>
</section>
<br>
<section class="contact">
<h2 class="text-center">contact us</h2>
<div>
<div class="form">
<type="text" name="name" id="name">
<input type="text" name="name" id="text" placeholder="Enter your name">
<input type="text" name="phone" id="text" placeholder="Enter your phone">
<input type="email" name="email" id="text" placeholder="Enter your email">
<textarea class="big-box" name="text" id="text" cols="30" rows="10" placeholder="please elaborate your queries here"></textarea>
<button class="btn-low">submit</button>
</div>
</section>
<footer class="background">
<p
class="text-footer">
copyright ©2021-All Rights Reserved
</p>
</footer>
<script src="js/resp.js"></script>
</body>
</html>