-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (151 loc) · 6.94 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
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="assets/images/logo.png">
<title>CAR RENTAL WEBSITE 2</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="assets/css/fonts.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<img src="assets/images/banner.jpg" id="banner" alt="Responsive image" >
<nav class="navbar navbar-expand-sm navbar-dark bg-dark sticky-top ">
<a href="index.html" id="rc-logo" class="navbar-brand d-flex ">
<img src="assets/images/logo.png" width="60" height="30">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" ></span>
</button>
<div class="collapse navbar-collapse " id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto ">
<li class="nav-item active ">
<a class="nav-link" href="/">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Inscription.html">Inscription</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Authentification.html">Authentification</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Galerie.html">Galerie</a>
</li>
</ul>
</div>
</nav>
<main role="main" class="container-fluid-p-0">
<!-- Slideshow-->
<div id="demo" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
<li data-target="#demo" data-slide-to="3"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/images/Qashqai.jpg" width="100%" height="550px">
<div class="carousel-caption">
</div>
</div>
<div class="carousel-item">
<img src="assets/images/Volan.jpg" width="100%" height="550px">
<div class="carousel-caption">
</div>
</div>
<div class="carousel-item">
<img src="assets/images/Porsche.jpg"width="100%" height="550px">
<div class="carousel-caption">
</div>
</div>
<div class="carousel-item">
<img src="assets/images/slide1.jpg" width="100%" height="550px">
<div class="carousel-caption">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<h2 class="h2">Offers</h2>
<section>
<div class="row">
<div class="column">
<h3>Location Particulier</h3>
<a href="Location_particulier.html"> <img src="assets/images/Qashqai.jpg" width=100%></a>
<p>Idéales pour se faufiler en ville mais aussi aptes à prendre la route sans trop de bagages.</p>
</div>
<div class="column">
<h3>Location Professionnelle</h3>
<a href="Location_professionnelle.html"><img src="assets/images/Rifter.jpg" width=100%></a>
<p>Cross-Over ou Tout Terrain, idéals pour sortir des sentiers battus en alliant le plaisir et la
performance.
</p>
</div>
<div class="column">
<h3>Location de Luxe</h3>
<a href="Location_luxe.html"> <img src="assets/images/Jaguar.jpg" width=100%></a>
<p> Vivez une expérience unique avec la gamme PREMIUM!</p>
</div>
</div>
</section>
<footer>
<div class="footer">
<div class="plan-de-site">
<div>
<ul style="list-style-type:none;">
<li class="li-title"><strong>Véhicules en location</strong></li>
<li><a href="Location_particulier.html" title="Location Particulier" class="list">Location Particulier</a></li>
<li><a href="Location_professionnelle.html" title="Location Professionnelle" class="list">Location Professionnelle</a></li>
<li><a href="Location_luxe.html" title="Location De Luxe" class="list">Location De Luxe</a></li>
</ul>
</div>
<div>
<ul style="list-style-type:none;">
<li class="li-title"><strong>Notre Agence</strong></li>
<li><a href="Authentification.html" title="Authentification" class="list">Authentification</a></li>
<li><a href="Inscription.html" title="Inscription" class="list">Inscription</a></li>
<li><a href="Galerie.html" title="Galerie" class="list">Galerie</a></li>
</ul>
</div>
<div>
<li class="li-title" style="list-style-type:none;"><strong>Contact Info </strong></li>
<i style="font-size:24px" class="fa"></i> : 0798347641<br>
<i style="font-size:24px" class="fa"></i> : [email protected] <br>
<i style="font-size:24px" class="fa"></i> : Amal 5 Avenue Al majd Rabat
</div>
</div>
<section >
<div class="map">
<iframe width="100%" height="200" id="gmap_canvas" src="https://maps.google.com/maps?q=33.971889,%20-6.889591&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
</iframe>
</section>
<section class="copy">
<p style="color: aliceblue;">Copyright © Rent cars-2021-Powred by <a href="https://www.linkedin.com/in/ouabane-ayoub/" title="Powered by Ayoub OUABANE"> Ayoub OUABANE</a>
</p>
</section>
</div>
</footer>
</main>
<!-- Bootstrap core JavaScript-->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slider.js"></script>
</script>
</body>
</html>