-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (112 loc) · 5.22 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
<!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>Best Online Car Booking in India| MyOnlineCarBooking.com</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width:1351px)" href="css/phone.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@500&family=Bree+Serif&display=swap"
rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="MyOnlineCarBooking.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Service</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<!-- Home Section -->
<section id="home">
<h1 class="h-primary">Welcome to MyOnlineCarBooking </h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut id natus enim reiciendis.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<button class="btn">Book Now</button>
</section>
<!-- Services Section -->
<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/1.png" alt="">
<h2 class="h-secondary center">Car Wash</h2>
<p class="center">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime, magnam hic illum
quibusdam omnis nostrum? Nulla quaerat, autem at qui nihil quae quidem cum enim impedit
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur accusantium temporibus, libero
officiis sunt placeat ad ex nulla magnam. Exercitationem aspernatur ipsa rem.</p>
</div>
<div class="box">
<img src="img/2.png" alt="">
<h2 class="h-secondary center">Car Repair</h2>
<p class="center">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime, magnam hic illum
quibusdam omnis nostrum? Nulla quaerat, autem at qui nihil quae quidem cum enim impedit Lorem ipsum
dolor sit amet consectetur adipisicing elit. Consequuntur accusantium temporibus, libero officiis
sunt placeat ad ex nulla magnam. Exercitationem aspernatur ipsa rem.</p>
</div>
<div class="box">
<img src="img/3.png" alt="">
<h2 class="h-secondary center">Car Book</h2>
<p class="center">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime, magnam hic illum
quibusdam omnis nostrum? Nulla quaerat, autem at qui nihil quae quidem cum enim impedit Lorem ipsum
dolor sit amet consectetur adipisicing elit. Consequuntur accusantium temporibus, libero officiis
sunt placeat ad ex nulla magnam. Exercitationem aspernatur ipsa rem.</p>
</div>
</div>
</section>
<!-- Client Section -->
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="img/logo 1.png" alt="Our Clients">
</div>
<div class="client-item">
<img src="img/logo 2.png" alt="Our Clients">
</div>
<div class="client-item">
<img src="img/logo 3.png" alt="Our Clients">
</div>
<div class="client-item">
<img src="img/logo 4.png" alt="Our Clients">
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" name="email" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone Number:</label>
<input type="phone" name="phone" id="phone" placeholder="Enter your phone no.">
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<!-- footer -->
<footer>
<div class="center">
Copyright © MyOnlineCarBooking.com. All rights reserved!
</div>
</footer>
</body>
</html>