-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (155 loc) · 9.6 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="car-png-7539.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Car Rental</title>
<link rel="stylesheet" href="Phase1.css" .css>
</head>
<body>
<!-- Nav Bar -->
<header>
<h1>Rental<span>72</span></h1>
<nav id="nav">
<a href="#home">Home</a>
<a href="#rent">Rent</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</nav>
</header>
<!-- Home -->
<section id="home">
<h2>Welcome to Rental72
</h2>
<div id="Welcome">
<p class="p">
At Rental72, we offer a seamless and hassle-free car rental experience. <br> Whether you’re
traveling
for business or pleasure, we have the perfect vehicle to meet your needs. <br> Explore our diverse
fleet,
competitive rates, and exceptional customer service designed to make your journey enjoyable.
</p>
</div>
<h4>Our Fleet</h4>
<div id="fleet">
<div class="A">
<img src="imgs/pic1.jpg" alt="">
<div class="H">
<h3>Economy cars</h3>
<p>Ideal for budget-conscious travelers, our economy cars are fuel-efficient and perfect for city
driving.
</p>
</div>
</div>
<div class="A">
<img src="imgs/pic2.jpg" alt="">
<div class="H">
<h3>Luxury Vehicles</h3>
<p>Travel in style with our premium selection of luxury cars. Perfect for business trips or special
occasions.
</p>
</div>
</div>
<div class="A">
<img src="imgs/wp11306581-black-suv-wallpapers.jpg" alt="">
<div class="H">
<h3>SUVs and Trucks</h3>
<p>Need extra space? Our SUVs and trucks offer the power and room you need for your adventures.</p>
</div>
</div>
<div class="A">
<img src="imgs/pic3.jpg" alt="">
<div class="H">
<h3>Vans</h3>
<p>Perfect for group travel, our spacious vans can accommodate families or business groups with
ease.
</p>
</div>
</div>
</div>
</section>
<br> <br> <br> <br> <br>
<!-- Rent -->
<section id="rent">
<h2>Rent</h2>
<h4>How It Works</h4>
<div id="works">
<p><span>Search :</span> Use our user-friendly search tool to find the perfect vehicle for your needs.</p>
<p><span>Book :</span>Choose your rental dates and complete your booking in just a few clicks.</p>
<p><span>Pick Up :</span>Visit your chosen location to pick up your vehicle.</p>
<p><span>Drive Away :</span> Enjoy your journey with peace of mind.</p>
</div>
<h4>Booking Policies</h4>
<div id="Policies">
<li> <span>Cancellation Policy :</span> Free cancellations are available up to 1 day before your pick-up
time.
</li>
<li><span>Insurance Options: </span> Choose from various insurance plans for peace of mind during your
rental.
</li>
</div>
<div>
<a href="Rent.html"> <button>Rent a Car</button></a>
<a href="add-cars.html"><button class="btn">Cars you may want us to add</button></a>
</div>
</section>
<!-- Services -->
<section id="services">
<h2>Services</h2>
<h4>Why Choose Us?</h4>
<div id="why">
<li><span>Wide Selection of Vehicles : </span>From economy cars to luxury SUVs, we have options for every
budget and preference.</li>
<li><span>Affordable Rates : </span>Enjoy transparent pricing with no hidden fees. Our competitive rates
ensure you get the best value for your money.</li>
<li><span>Convenient Locations : </span>With multiple pick-up and drop-off locations, we make renting a car
easy and convenient.</li>
<li><span>24/7 Customer Support : </span>Our dedicated support team is available around the clock to assist
you with any inquiries or concerns.</li>
</div>
<h2></h2>
</section>
<!-- Contact -->
<section id="contact">
<h2>Contact Us</h2>
<h4>Have questions? We're here to help!</h4>
<div id="socials">
<a href=""><svg id="yt" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>YouTube</title>
<path
d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
</svg></a>
<a href=""><svg id="gt" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>GitHub</title>
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
</svg></a>
<a href=""><svg id="x" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>X</title>
<path
d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
</svg></a>
<a href=""><svg id="v" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Vercel</title>
<path d="M24 22.525H0l12-21.05 12 21.05z" />
</svg></a>
<a href="">
<svg id="insta" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Instagram</title>
<path
d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" />
</svg>
</a>
<a href="">
<svg id="g" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Gmail</title>
<path
d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z" />
</svg>
</a>
</div>
</section>
<footer> ©2024 rental72 </footer>
</body>
</html>