-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
241 lines (232 loc) · 12.1 KB
/
index.php
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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!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>Welcome!!</title>
<!-- Link To CSS -->
<link rel="stylesheet" href="css/style-front.css">
<link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<!-- Box -->
<style>
body{
width: 100%;
min-height: 100vh;
position: relative;
background-image:url('https://github.com/Ritax2003/SWE-car-rental-system/blob/main/images/sitecar.png');
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
display: grid;
align-items: center;
grid-template-columns: repeat(2,1fr);
}
</style>
</head>
<body>
<header>
<a href="#" class="logo"><img src="images/jeep.png" alt=""></a>
<div class="bx bx-menu" id="menu-icon"></div>
<ul class="navbar">
<li><a href="#home">Home</a></li>
<li><a href="#ride">Ride</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#reviews" >About</a></li>
<li><a href="#reviews">Reviews</a></li>
</ul>
<div class="header-btn">
<a href="create-acc.php" class="sign-up">Sign Up</a>
<a href="index2.php" class="sign-in">Sign In</a>
</div>
</header>
<section class="home" id="home">
<div class="text">
<h1><span>Looking</span> For <br>Car Rental?</h1>
<p>Then You are at the right place<br>Part of ESC591 SWE Project</p>
<div class="app-stores">
<img src="images/ios.png" alt="">
<img src="images/play.png" alt="">
</div>
</div>
<div class="form-container">
</div>
</section>
<section class="ride" id="ride">
<div class="heading">
<span>How Does it work</span>
<h1>Rent with 4 easy steps</h1>
</div>
<div class="ride-container">
<div class="box">
<i class="bx bxs-user-pin"></i>
<h2>Create an Account</h2>
<p>To enjoy our service, create an account first.</p>
</div>
<div class="box">
<i class="bx bxs-map"></i>
<h2>Choose a Pickup Location</h2>
<p>Driver will arrive at that location with car. Verify with OTP sent during booking.</p>
</div>
<div class="box">
<i class="bx bxs-map"></i>
<h2>Choose your Destination</h2>
<p>Drive to your destination, upload the Speedometer picture in website.</p>
</div>
<div class="box">
<i class="bx bxs-calendar-star"></i>
<h2>Happy Riding!!</h2>
<p>Lock the car after uploading picture. Our driver will pick the car for you.</p>
</div>
</div>
</section>
<section class="services" id="services">
<div class="heading">
<span>Best services</span>
<h1>Explore our top deals<br>from top-rated dealers</h1>
</div>
<div class="services-container">
<div class="box">
<div class="box-img">
<img src="images/car1.jpg" alt="">
</div>
<p>2017</p>
<h3>2018 honda civic</h3>
<h2>$5768 | $89 <span>/month</span></h2>
</div>
<div class="box">
<div class="box-img">
<img src="images/car2.jpg" alt="">
</div>
<p>2017</p>
<h3>2018 honda civic</h3>
<h2>$5768 | $89 <span>/month</span></h2>
</div>
<div class="box">
<div class="box-img">
<img src="images/car3.jpg" alt="">
</div>
<p>2017</p>
<h3>2018 honda civic</h3>
<h2>$5768 | $89 <span>/month</span></h2>
</div>
<div class="box">
<div class="box-img">
<img src="images/car4.jpg" alt="">
</div>
<p>2017</p>
<h3>2018 honda civic</h3>
<h2>$5768 | $89 <span>/month</span></h2>
</div>
<div class="box">
<div class="box-img">
<img src="images/car5.jpg" alt="">
</div>
<p>2017</p>
<h3>2018 honda civic</h3>
<h2>$5768 | $89 <span>/month</span></h2>
</div>
</div>
</section>
<section class="about" id="about">
<div class="heading">
<span>About Us</span>
<h1>Best Customer Experience</h1>
</div>
<div class="about-container">
<div class="about-img">
<img src="images/about.png" alt=">"
</div>
<div class="about-text">
<span>About Us</span>
<p>
Welcome to <b>Pa.Sa.Se.Ri</b>, where we bring the road to your doorstep with style, convenience, and unparalleled service. Our journey began with a shared passion for travel and a vision to make exploring the world more accessible and exciting. Founded by a team of dedicated and enthusiastic individuals – Pankaj, Chonk, Sewanti, and Ritabrata – we are committed to providing you with the ultimate car rental experience.</p>
<span>Why Choose Us?</span>
<p>
<b>Wide Selection of Vehicles</b>: Whether you're looking for an efficient compact car, a spacious SUV, or a luxurious sedan, we have a diverse fleet of vehicles to suit your needs.<br>
<b>Affordability</b>: We believe in making your travel dreams accessible. Our competitive pricing and flexible rental options ensure that you get the most value for your money.<br>
<b>Convenience</b>: Booking a car with us is easy and convenient. You can do it online or with the help of our friendly customer service team. We also offer delivery and pickup options for your convenience.<br>
<b>Customer-Centric Approach</b>: Your satisfaction is our top priority. Our team is here to assist you at every step of your rental journey, ensuring that you have a seamless and enjoyable experience.<br>
<b>Safety and Maintenance</b>: Your safety is non-negotiable for us. We regularly maintain and inspect our vehicles to provide you with safe and reliable transportation.<br>
<b>Exploration Made Easy</b>: We want you to discover new places and make lasting memories. Whether you're planning a weekend getaway or a long road trip, we're here to provide the vehicle that takes you there.</p>
<span>Our Mission</span>
<p>
At <b>Pa.Sa.Se.Ri</b>, we aim to revolutionize the way you explore and experience new destinations. Our mission is to offer top-quality car rentals that fit your budget, provide exceptional customer service, and ensure your road trips are memorable and worry-free.</p>
<span>Meet Our Team</span>
<p>
<b>Pankaj</b>: Our automotive expert and co-founder, Pankaj's knowledge of cars and the industry ensures that we offer the best vehicles for your journeys.<br>
<b>Sankalpa</b>: Sankalpa brings his/her passion for travel and business acumen to the team, striving to make <b>Pa.Sa.Se.Ri</b> a leader in the industry.<br>
<b>Sewanti</b>: Our customer service superstar, Sewanti is dedicated to making your experience smooth and enjoyable. She's ready to assist with any questions or concerns you might have.<br>
<b>Ritabrata</b>: The tech genius behind the scenes, Ritabrata makes sure our website and booking system are user-friendly and efficient.</p>
</div>
</section>
<section class="reviews" id="reviews">
<div class="heading">
<span>Reviews</span>
<h1>What Our Customer Says</h1>
</div>
<div class="reviews-container">
<div clas="box">
<div class="rev-img">
<img src="images/rev1.jpg" alt="">
</div>
<h2>Sayak S.</h2>
<div class="stars">
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star-half"></i>
</div>
<p><i>"Booking a car was a breeze on your website, and the vehicle selection was superb!"</i></p>
</div>
<div clas="box">
<div class="rev-img">
<img src="images/rev2.jpg" alt="">
</div>
<h2>Parthiv M.</h2>
<div class="stars">
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star-half"></i>
</div>
<p><i>"Sewanti's assistance was exceptional – she made our trip planning so much easier. Thanks, Pa.Sa.Se.Ri!"</i></p>
</div>
<div clas="box">
<div class="rev-img">
<img src="images/rev3.jpg" alt="">
</div>
<h2>Shuvvecha N.</h2>
<div class="stars">
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star-half"></i>
</div>
<p><i>"I felt like a true adventure seeker on our road trip with Pa.Sa.Se.Ri. The service was top-notch, and the car was pristine!"</i></p>
</div>
</div>
</section>
<section class="newsletter">
<h2>Subscribe To Newsletters</h2>
<div class="box">
<input type="text" placeholder="Enter Your Email..">
<a href="#" class="btn">Subscribe</a>
</div>
</section>
<div class="copyright">
<p>ESC591 SWE PROJECT</p>
<div class="social">
<a href="#"><i class="bx bxl-facebook"></i></a>
<a href="#"><i class="bx bxl-twitter"></i></a>
<a href="#"><i class="bx bxl-instagram"></i></a>
</div>
</div>
<!-- Link To JS -->
<script src="https://unpkg.com/scrollreveal"></script>
<script src="js/main-front.js"></script>
</body>
</html>