-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (239 loc) · 13 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
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
<!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" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Montserrat:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<title>Eazy Camper</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__wrapper">
<div class="logo">
<img class="logo__img" src="/img/logo.svg" alt="logo" />
</div>
<div class="login">
<div class="login__button">
<div class="login__arrow">
<img src="/img/arrow-down.svg" alt="" />
</div>
<div class="login__icon">
<img src="/img/user.svg" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="header__info">
<h1 class="header__info_title">
Find out how we can <span>save your time</span> in Backpacking in
Europe
</h1>
<p class="header__info_text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ac amet id
eget scelerisque amet etiam in sit commodo. Pretium ut duis orci
pulvinar pretium id consectetur.
</p>
<div class="header__info_button button">
<a class="header__info_link" href="#">
<img class="header__info_link-icon" src="/img/global.svg" alt="" /> <span>Explore</span>
</a>
</div>
</div>
</header>
<section class="about">
<div class="container">
<ul class="about__list">
<li class="about__item">
<img class="about__img" src="/img/about1.svg" alt="">
<h4 class="about__header" >Promoting your territory towards foreign tourists </h4>
<p class="about__text" > EasyCamper wants to promote the excellence of Italian food and wine, art, culture and the economy.</p>
<p class="about__text" >Discover the places linked to your area that you can link to your structure</p>
</li>
<li class="about__item">
<img class="about__img" src="/img/about.svg" alt="">
<h4 class="about__header" >Additional services designed for the needs of campers </h4>
<p class="about__text" > Travelling often means that you dont have time to organise excursions along your route. EasyCamper takes care of that!</p>
<p class="about__text" >Discover the Guided Tours and additional services that you can link to your structure</p>
</li>
<li class="about__item">
<img class="about__img" src="/img/about3.svg" alt="">
<h4 class="about__header" >Free online showcase with promotion in Italy and abroad </h4>
<p class="about__text" >Forget about the time and money spent on creating your own website or e-commerce system for bookings. </p>
<p class="about__text" >Easycamper creates your showcase. Discover the terms and conditions for joining the Network</p>
</li>
</ul>
</div>
</section>
<section class="benefits">
<div class="container container_wide">
<h2 class="benefits__title">Making your facility known is our priority</h2>
<ul class="benefits__list">
<li class="benefits__item">
<img class="benefits__img" src="/img/benefit_img1.svg" alt="">
<h4 class="benefits__subtitle">
Choose the type of stop
</h4>
<p class="benefits__text">
Select the type of stopover you are ordering from Equipped Area, Camping and Agricamping
</p>
<a href="" class="benefits__link">Show me more</a>
</li>
<li class="benefits__item">
<img class="benefits__img" src="/img/benefit_img2.svg" alt="">
<h4 class="benefits__subtitle">
Describe your structure
</h4>
<p class="benefits__text">
Describe thee property, location and nearby attractions
</p>
<a href="" class="benefits__link">Show me more</a>
</li>
<li class="benefits__item">
<img class="benefits__img" src="/img/benefit_img3.svg" alt="">
<h4 class="benefits__subtitle">
Build your showcase
</h4>
<p class="benefits__text">
Add photos, videos and descriptions Define the price of each type of that make your propety truly
</p>
<a href="" class="benefits__link">Show me more</a>
</li>
<li class="benefits__item">
<img class="benefits__img" src="/img/benefit_img4.svg" alt="">
<h4 class="benefits__subtitle">
Prices and Availability
</h4>
<p class="benefits__text">
pitch and configure the availablity
calendar.
</p>
<a href="" class="benefits__link">Show me more</a>
</li>
</ul>
</div>
</section>
<section class="community">
<div class="container container_wide-xl">
<div class="community__wrapper">
<div class="community__join">
<h2 class="community__title">Join the community campervan sites managers.</h2>
<p class="community__discription">
Discover all the equibbed areas in Italy. Find the shop with all the services for you and your camper.
</p>
<div class="community__button button">
<a href="#" class="community__button-link">
<img class="community__start-icon" src="/img/start.svg" alt=""><span class="community__start-text">Start</span>
</a>
</div>
</div>
<ul class="community__list">
<li class="community__item">
<img src="/img/community1.jpg" alt="" class="community__img">
<h4 class="community__subtitle">Lucciano</h4>
<span class="community__city">Rome</span>
<a href="" class="community__link">View the Site</a>
</li>
<li class="community__item">
<img src="/img/community2.jpg" alt="" class="community__img">
<h4 class="community__subtitle">Cremonesi</h4>
<span class="community__city">Florence</span>
<a href="" class="community__link">View the Site</a>
</li>
<li class="community__item">
<img src="/img/community3.jpg" alt="" class="community__img">
<h4 class="community__subtitle">Beneventi</h4>
<span class="community__city">Venice</span>
<a href="" class="community__link">View the Site</a>
</li>
</ul>
</div>
</div>
</section>
<section class="advantage">
<div class="container container_wide-xl">
<h1 class="advantage__header benefits__title">Our Advantages</h1>
<ul class="advantage__list benefits__list">
<li class="advantage__item benefits__item">
<img src="/img/adventage1.svg" alt="" class="advantage__img benefits__img">
<h4 class="advantage__subtitle benefits__subtitle">Convenience and Transparency</h4>
<p class="advantage__text benefits__text">You don’t have to find out later or only after
camenierk and trarsparent Easyamper ratains pliacas and beautias of your tariaary and halpin
a fixed commission on each transaction of 5</p>
</li>
<li class="advantage__item benefits__item">
<img src="/img/adventage2.svg" alt="" class="advantage__img benefits__img">
<h4 class="advantage__subtitle benefits__subtitle">Digital marketing and editorial support</h4>
<p class="advantage__text benefits__text">You don’t have to find out later or only after
camenierk and trarsparent Easyamper ratains pliacas and beautias of your tariaary and halpin
a fixed commission on each transaction of 5</p>
</li>
<li class="advantage__item benefits__item">
<img src="/img/adventage3.svg" alt="" class="advantage__img benefits__img">
<h4 class="advantage__subtitle benefits__subtitle">Community of services dedicated to campers</h4>
<p class="advantage__text benefits__text">You don’t have to find out later or only after
camenierk and trarsparent Easyamper ratains pliacas and beautias of your tariaary and halpin
a fixed commission on each transaction of 5</p>
</li>
</ul>
</div>
</section>
<footer class="footer footer_gray">
<div class="container">
<div class="footer__wrapper">
<div class="footer__tagline">
<h3 class="footer__logo">Easy Camper</h3>
<h2 class="footer__slogan">When Passion Meets Comfort.</h2>
</div>
<div class="footer__menu-wrapper">
<div class="footer__nav">
<h4 class="footer__menu-title">Discover the Network</h4>
<menu class="footer__menu">
<li class="footer__item"><a href="#" class="footer__menu-link">Where to shop</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">Tour Guided</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">Our Tours</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">About Us</a></li>
</menu>
</div>
<div class="footer__nav">
<h4 class="footer__menu-title">Become a Manager</h4>
<menu class="footer__menu">
<li class="footer__item"><a href="#" class="footer__menu-link">Join your Pairing</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">Offer your Service</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">Are you a guide?</a></li>
</menu>
</div>
<div class="footer__nav">
<h4 class="footer__menu-title">Assistance</h4>
<menu class="footer__menu">
<li class="footer__item"><a href="#" class="footer__menu-link">Support Center</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">FAQs</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">Cancallation Options</a></li>
<li class="footer__item"><a href="#" class="footer__menu-link">Reliablity and Sequrity</a></li>
</menu>
</div>
</div>
</div>
<div class="footer__devider"></div>
<div class="footer__copyright">
<div class="footer__copyright-text">EazyCamper. All rights reserved. </div>
<ul class="footer__copyright-nav">
<li class="footer__copyright-item"><a href="" class="footer__copyright-link footer__menu-link">About</a></li>
<li class="footer__copyright-item"><a href="" class="footer__copyright-link footer__menu-link">Site Map</a></li>
<li class="footer__copyright-item"><a href="" class="footer__copyright-link footer__menu-link">Terms</a></li>
<li class="footer__copyright-item"><a href="" class="footer__copyright-link footer__menu-link">Privacy Policy</a></li>
<li class="footer__copyright-item"><a href="" class="footer__copyright-link footer__menu-link">Teams</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>