-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (144 loc) · 6.43 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
<!DOCTYPE HTML>
<html>
<head>
<title>Car Rental System</title>
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="styles/Home_styles.css">
<!-- CSS files for this page -->
<link rel="stylesheet" type="text/css" href="styles/home.css">
<!-- Footer CSS -->
<link rel="stylesheet" type="text/css" href="styles/footer.css">
<!-- Icon Library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Actor&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@700&display=swap" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">
</head>
<!-- Header -->
<body style="background-color:black">
<div style="background-color:orange; width:100%; height:176px; padding-bottom:20px">
<a href="index.html"><img src="images/LOGO11.png" width = "192" height = "192" class = "logo" style="border-radius:100px; padding-top:2px; padding-left:5px" align = "left"></a>
<div style="padding-top: 1px; padding-left: 10px; padding-right:150px">
<header>
<center><h1 class="monospace"><b>EagleEye Rent-a-Car</b></h1></center>
<p style="position: relative; text-align:right; width:111%; font-size:18px"><a href="loginAs.html" style="text-decoration:none">LOG IN </a> | <a href="register.html" style="text-decoration:none">REGISTER</a></p>
</header>
</div>
</div>
<!-- Menu -->
<ul class="menu">
<li class="menu"><a href="#"><i class="fa fa-home" id="nav-image"></i>Home</a></li>
<li class="menu"><a href="about us.html"><i class="fa fa-user" id="nav-image"></i>About Us</a></li>
<li class="menu"><a href="Rates.php"><i class="fa fa-usd" id="nav-image"></i>Rates</a></li>
<li class="menu"><a href="contactUs.html"><i class="fa fa-phone" id="nav-image"></i>Contact Us</a></li>
</ul>
<!-- This Page Content -->
<marquee behavior="scroll" direction="right"><center><h1 style="font-family: 'Cinzel', serif;"><font color="white">Welcome To eagleeye.com</font></h1></center></marquee>
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="images/car1.jpg" style="width:100%">
<div class="text">FIND THE RIGHT <br> VEHICLE FOR YOU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="images/car2.jpg" style="width:100%">
<div class="text1">COMFORTABLE</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="images/car3.jpg" style="width:100%">
<div class="text2">FAST AND AFFORDABLE</div>
</div>
</div>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<script src="js/slideshow.js"></script>
<br></br>
<div class="container1">
<div class="box">
<div class="icon">01</div>
<div class="content">
<h4><img src="images/1.png">Simple Car Management</h4>
<p>The user-friendly car booking system allows you to manage your car fleet, add car types, set extras availability, and more.</p>
</div>
</div>
<div class="box">
<div class="icon">02</div>
<div class="content">
<h4><img src="images/2.png">Car Bookings Management</h4>
<p>The built-in rental software allows admins to add, edit, and delete bookings, manage customer data and locations.</p>
</div>
</div>
<div class="box">
<div class="icon">03</div>
<div class="content">
<h4><img src="images/3.png">Rent-a-car Automation</h4>
<p>Our high-performance Car Rental System allows you to set your own booking rules and automate the reservation process.</p>
</div>
</div>
</div>
<div class="container1">
<div class="box">
<div class="icon">04</div>
<div class="content">
<h4><img src="images/4.png">Online & Offline Payments</h4>
<p>Collect various types of payments available in the car rental software - PayPal, Visa, Master & cash, etc.</p>
</div>
</div>
<div class="box">
<div class="icon">05</div>
<div class="content">
<h4><img src="images/5.png">Extra Services</h4>
<p>Assign different extras to each car (child seat, GPS, full insurance, etc.) The price is calculated per day or per reservation.</p>
</div>
</div>
<div class="box">
<div class="icon">06</div>
<div class="content">
<h4><img src="images/6.png">Email & SMS Notifications</h4>
<p>Personalize and send out various types of Email and SMS auto-responder messages to both customers and administrators.</p>
</div>
</div>
</div>
</div>
<br></br>
<!-- Footer -->
<footer style="background-color:#283c5f; width:100%; height:200px; padding-top:2px">
<div class="main-content">
<div class="left box1">
<h4><a href="#">QUICK LINKS</a></h4>
<h5><a href="#">HOME</a></h5>
<h5><a href="https://distancecalculator.globefeed.com/India_Distance_Calculator.asp">DISTANCE CALCULATOR</a></h5>
<h5><a href="terms.html">TERMS & CONDITIONS</a></h5>
</div>
<div class="left box2">
<h4><a href="#"></a></h4>
<h5><a href="Rates.php">RATES</a></h5>
<h5><a href="about us.html">ABOUT US</a></h5>
<h5><a href="contactUs.html">CONTACT US</a></h5>
<h5><a href="privacy.html">PRIVACY POLICY</a></h5>
</div>
<img src="images/LOGO12.png" height = "170px" class = "logo" style="padding-top:15px; padding-left:10px; padding-right:230px" align = "center">
<div class="right box3">
<h4><font color="white">FOLLOW US</font></h4>
<div class="social">
<a href="#"><span class="fa fa-facebook"></span></a>
<a href="#"><span class="fa fa-twitter"></span></a>
<a href="#"><span class="fa fa-instagram"></span></a>
<a href="#"><span class="fa fa-youtube"></span></a>
</div>
</div>
</div>
</footer>
<h5 align="center" style = "font-family:'Poppins', sans-serif"> <font color="white">Copyright 2024. All Rights Reserved. Designed by Shyleja.S</font></h5>
</body>
</html>