forked from Online-Car-Rental-System/car-e-rental
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (195 loc) · 9.92 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!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=Archivo+Black&display=swap" rel="stylesheet">
<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/style.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.html">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-main.html">Subscription</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login/ Sign Up</a>
</li>
</ul>
</div>
</nav>
<div id="slider">
<figure>
<img src="Images/car6 (1).jpg">
<img src="Images/car7 (3).jpg">
<img src="Images/car9 (2).jpg">
<img src="Images/car6 (1).jpg">
</figure>
<div class="text"><h2><Strong>START YOUR JOURNEY HERE</Strong></h2>
<a class="btn btn-dark btn1" href="rentals.html" role="button">View Plans</a>
</div>
</div>
<div class="container info">
<h2>About us</h2>
<p id="content1">Car E Rental strives to provide afforatble trust-worthy rental purchases through it's application.
<br>This system is
designed in such a way that it can be used by any company specializing in car rental
service. This is an online system which would be available to the customers in
the form of a user friendly website.Through this website the customers can view
the range of cars available, view their profile, book a car and also make a
subscription.
This online car rental system is developed to provide the below services.
<br>
</p>
</div>
<div class="row">
<div class="col-sm-4">
<div class="card1">
<img class="img-fluid img1" src="Images/rental-car-service-abstract-concept-illustration_335657-1846-removebg-preview.png">
<p class="heading">Online Vehicle Reservation</p>
</div>
</div>
<div class="col-sm-4">
<div class="card1">
<img class="img-fluid img1" src="Images/registration-form_23-2147981070-removebg-preview.png">
<p class="heading">Customer Registration</p>
</div>
</div>
<div class="col-sm-4">
<div class="card1">
<img class="img-fluid img1" src="Images/subscriber-concept-illustration_114360-4117-removebg-preview.png">
<p class="heading"> Subscription of a Vehicle</p>
</div>
</div>
</div>
</div>
<div class="row second">
<div class="col-sm-4">
<div class="card1">
<img class="img-fluid img1" src="Images/group-college-university-students-hanging-out_74855-5251-removebg-preview.png">
<p class="heading">Group Bookings</p>
</div>
</div>
<div class="col-sm-4">
<div class="card1">
<img class="img-fluid img1" src="Images/search-engine-marketing-business-copywriting-service-content-management_335657-3148-removebg-preview.png">
<p class="heading">Content Management System</p>
</div>
</div>
<div class="col-sm-4">
<div class="card1">
<img class="img-fluid img1" src="Images/guarantee-best-quality-stamp_1017-7145-removebg-preview.png">
<p class="heading"> Quality</p>
</div>
</div>
</div>
</div>
<div class="container info1">
<h2 class="header-info1">How it Works</h2>
<p class="content2">Keeping up with the changing times, where social distancing is the new normal,
personal mobility is the safest bet to travel anywhere. This is because it allows
you to commute away from the crowds and eliminates the risk of transmission.
However, if you do not have a personal vehicle, then taking a self-drive car
rental service is the best solution to have access to a private means of
commuting.
The system works for two distinct end users- The end customers who rent the cars and the car owners who sell their cars through
our platform.
</p>
</div>
<div class="container">
<div class="accordion" id="accordionE">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link shadow-none" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" >
I want to rent a car
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionE" >
<div class="card-body">
Well, Hello there! We are glad you have taken interest to rent a car through our system.<br><br>
Firstly, you will have to <a href ="login.html" >create an account</a> and decide the plan you want to opt for.
We recommend using
the <a href="rentals.html">rental plans</a> if you are a first time user. The <a href="subscription.html">subscription plans</a> are great if you are a frequent customer.
The next step would be for you to browse through our various availabiltiy to find your perfect ride. You can click
on the view option to get more information about the vehicle. Once , you have selected a car of your choice, head to the payment gateway to finalize your booking!
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
I would like to give my car for rental
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionE" >
<div class="card-body">
Well, Hello there! We are glad you have taken interest to rent your car through our system.<br><br>
Firstly, you will have to create an account and fill in the necessary information.
After which you will be taken to your dashboard , where you will be able to add cars, delete and even edit them. You will be able to view the customer details, the booking details and transaction details of customers renting your car. After every successful transaction, the money is directly deposited into your bank account. Our system does not take any type of commision from your earning.
</div>
</div>
</div>
</div>
</div>
<div class="why-us container">
<h2 class="header-info1">Why Us</h2>
<p class="content2">Car E Rental aims to bring out Revolutionary changes in the rental industry.
This system has done so by developing
the following opportunities:</p>
<br>
<ul>
<li>No hassles of using public transport, you can commute independently and freely
whenever you want.</li>
<li>Provides personal mobility which ensures that you are able to limit interaction with
people, allowing you to follow the protocols of social distancing.</li>
<li>Affordable Travelling : being able to own a car at an affordable cost (referring to
subscription) or even rent a car at an affordable cost.</li>
<li>Being able to travel in different cars for different trips: provides a wide range of cars
suitable for different people.</li>
<li>Being able to rent or reserve a car at anytime, overcoming the limitations of operational
hours.</li>
<li>Provides an easy way for the renters to rent their car online, with very less paperwork
consuming less time.</li>
<li>Extensive regular deals and offers.<br><br></li>
</ul>
</div>
<div class="main">
<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>