forked from Online-Car-Rental-System/car-e-rental
-
Notifications
You must be signed in to change notification settings - Fork 0
/
rentals.html
143 lines (117 loc) · 5.86 KB
/
rentals.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
<!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>Car E Rental</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/rentals.css">
</head>
<body>
<nav class="topnav navbar navbar-expand-md bg-dark navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html">Car E Rental</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">FAQ/ Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="rentals.html">Rentals</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Subscription</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login/ Sign Up</a>
</li>
</ul>
</div>
</nav>
<div class="container d-flex justify-content-start">
<div class="col-sm rounded mx-auto d-block adv">
<p>Save Time And Money While Renting Cars</p>
<a class="btn btn-dark btn1" href="#rental" role="button">View All Rental Plans</a>
</div>
<div class="col-sm rounded mx-auto d-block float-right ">
<img src="Images/modern-blue-urban-adventure-suv-vehicle-illustration_1344-205.jpg" class="img-fluid" alt="illustrator">
</div>
</div>
<div class="info">
<h2>Rent with us</h2>
<p>Renting a car has never been easier! Car E Rental offers two specific plans to suit your needs. <br>Choose a plan and start browsing through our various availabiltiy<br> to find your perfect ride.</p>
</div>
<!--<h2 class="heading"> Rentals we offer</h2>-->
<div id="rental" class ="slantedDiv d-flex justify-content-start">
<div class="col-sm rounded mx-auto d-block adv1">
<p class="bol">Short Term Trips</p>
<p>Rent a car for a few hours to a
day! <br>Visit nearby famous tourist
spots or use it as a transport
for work, Short term trips are
extremely affordable with no
down payment (T&c) and less
paper work.<br>
Rent a car today!</p>
<a class="btn btn-dark btn1" href="short-trip.html" role="button">View All Cars</a>
</div>
<div class="col-sm rounded mx-auto d-block">
<img id="sales" src="Images/car4-removebg-preview.png" class="img-fluid" alt="salesman">
</div>
</div>
<div class=" slantedDiv1 d-flex justify-content-start b3">
<div class="col-sm rounded mx-auto d-block quality">
<img id="quality" src="Images/car3-removebg-preview.png" class="img-fluid" alt="quality">
</div>
<div class="col-sm rounded mx-auto d-block adv1 wrap">
<p class="bol">Scheduled Round Trips</p>
<p>Scheduled Round Trips
are trips that are taken
for more than a day to a week.
Family trips, long car
drives, roadtrips all fall
into this category. We
offer such trips with
affordable prices with no
down payment(T&c) and
less paper work.<br>
Rent a car Today !</p>
<a class="btn btn-dark btnc1" href="long-trip.html" role="button">View All Cars</a>
</div>
</div>
<!--<div class="foot"><marquee><p>Exclusive Deals: Get 10 % off your first rent every month!</p></marquee></div>-->
<div class="container ad">
<h2 class="header">Advantages while Renting with us</h2>
<ul>
<li>0 % Down Payment</li>
<li>Get the Car dropped off at your location</li>
<li>Extremely affordable</li>
<li>Quality check of all cars before renting</li>
<li>Less Paperwork</li>
</ul>
</div>
<div class="main">
<!--<h2 id= "rent" class="heading ">Rent a car that suits your needs!</h2>-->
<div class="d-flex justify-content-start adv2">
<div class="col-sm rounded mx-auto d-block">
<img src="Images/photo-1541899481282-d53bffe3c35d-removebg-preview.png" class="img-fluid" alt="cars">
</div>
<div class="col-sm rounded mx-auto d-block">
<img src="Images/photo-1506015391300-4802dc74de2e-removebg-preview.png" class="img-fluid" alt="cars">
</div>
<div class="col-sm rounded mx-auto d-block">
<img src="Images/photo-1605270396307-d00ba5cda1d0-removebg-preview.png" class="img-fluid" alt="cars">
</div>
</div>
</div>
<footer class="footer">
<p id=foo1>Copyright@2021 Car E Rental</p>
<p id="foo2">All rights reserved</p>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>