-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (151 loc) · 6.63 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
<!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>Rent it</title>
<meta name="description" content="AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles">
<meta name="keywords" content="cars, truck, vehicle">
<meta name="rent it" content="cars rental">
<meta name="og:title" property="og:title" content="rent it is a website for renting vehicles">
<meta name="twitter:card" content="rent it is a website for renting vehicles">
<link rel="canonical" href="rentit.com">
<link rel="stylesheet" href="index.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
</style>
</head>
<body>
<nav>
<span><img src="icons/rent it.png" alt="rent it logo"></span>
<ul id="navv">
<a href="index.html">Home</a>
<a href="gallery.html">Gallery</a>
<a href="reservation.html">Reservation</a>
<a href="contact.html">Contact us</a>
</ul>
<div id="close" onclick="closee()">X</div>
<div class="burger" id="open" onclick="openn(id)">
<div></div>
<div></div>
<div></div>
</div>
</nav>
<main>
<div id="heading">
<h1>For the ones who know the difference.</h1>
</div>
<div id="desc1">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
</main>
<div id="desc2">
<h1>Every vehicle has some specialty.</h1>
<p>Whether you are looking for a standard economy or compact car rental or something a little bigger like an
SUV, full sized van or pickup truck we have plenty of options to choose from. </p>
</div>
<div id="photos-container">
<div class="card">
<img src="/cars/home photos/berline.jpg" alt="berline car">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
<div class="card">
<img src="/cars/home photos/moto.jpg" alt="motorcyle">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
<div class="card">
<img src="/cars/home photos/julio nery.jpg" alt="julio nery">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
<div class="card">
<img src="/cars/home photos/kango.jpg" alt="kangoo uv">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
<div class="card">
<img src="/cars/home photos/engine chantier.jpg" alt="Utility vehicle">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
<div class="card">
<img src="/cars/home photos/truck.jpg" alt="truck">
<p>AutoRentals is ranked number one by Smartertravel as The best car rental booking site in 2020 and
provides excellent pricing on a wide range of vehicles. </p>
</div>
</div>
<div id="desc3">
<h1>What Our Customers Say</h1>
</div>
<div id="reviews-container">
<div class="review-card">
<img src="/cars/customers/moto.jpg">
<p class="review">Great car,good prices! I will use you again and tell others about you!</p>
<p class="customer-name">Jack Gofman</p>
</div>
<div class="review-card">
<img src="/cars/customers/man driving.jpg">
<p class="review">Great bike,good prices! I will use you again and tell others about you!</p>
<p class="customer-name">Jack Gofman</p>
</div>
<div class="review-card">
<img src="/cars/customers/woman driving.jpg">
<p class="review">Rentit was great! Easy and affordable, First time use. Better than the rest so far.</p>
<p class="customer-name">Jack Gofman</p>
</div>
<div class="review-card">
<img src="/cars/customers/truck.jpg">
<p class="review">Great bike,good prices! I will use you again and tell others about you!</p>
<p class="customer-name">Jack Gofman</p>
</div>
</div>
<footer>
<div id="footer">
<div class="first">
<ul id="links">
<a href="index.html">Home</a>
<a href="gallery.html">Gallery</a>
<a href="reservation.html">Reservation</a>
<a href="contact.html">Contact us</a>
</ul>
</div>
<div id="footer-content">
<p>[email protected]</p>
<p>+212620814793209283</p>
<p>boulevard Zerktoni 1293 Safi Morocco</p>
<p>View on map</p>
</div>
<div id="icons">
<img src="icons/instagram.svg">
<img src="icons/twitter.svg">
<img src="icons/facebook.svg">
<img src="icons/linkedin.svg">
</div>
</div>
<div id="copyright">
<p> © 2021 Trustpilot, Inc. All rights reserved. </p>
</div>
</footer>
</body>
<script>
var close = document.querySelector("#close")
var open = document.querySelector("#open")
var navv = document.querySelector("#navv")
function openn(e) {
navv.style.display = "flex"
open.style.display = "none"
close.style.display = "inline"
}
function closee() {
navv.style.display = "none"
open.style.display = "inline"
close.style.display = "none"
}
</script>
</html>