-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
127 lines (111 loc) · 5.48 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
<!DOCTYPE html>
<html lang="fr">
<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="style.css">
<link rel="shortcut icon" href="./assets/home-page/logo.jpg" />
<title>Beach to Beach</title>
</head>
<body>
<nav class="navbar">
<img alt="logo-btob" class="logo-btob" src="https://i.ibb.co/PtCXdz2/btob1.jpg" />
<ul class="nav-menu">
<li class="nav-item"><a href="./index.html">Home</a></li>
<li class="nav-item"><a href="./tour.html">Tour</a></li>
<li class="nav-item"><a href="./about-us.html">About us</a></li>
<li class="nav-item"><a href="./contact.html">Contact</a></li>
</ul>
</nav>
<header>
<h1 class="entry-title">Concepteur d'itinéraire touristique...</h1>
<div id="slide">
<figure>
<img class="img-slide" src="./assets/home-page/slide1.png" alt="slide0" />
<img class="img-slide" src="./assets/home-page/slide2.png" alt="slide1" />
<img class="img-slide" src="./assets/home-page/slide3.png" alt="slide2" />
<img class="img-slide" src="./assets/home-page/slide4.png" alt="slide3" />
<img class="img-slide" src="./assets/home-page/slide5.png" alt="slide4" />
<img class="img-slide" src="./assets/home-page/slide1.png" alt="slide0" />
</figure>
</div>
</header>
<section>
<h2 class="title-recommend">Ils nous recommandent</h2>
<div class="global-feedbacks">
<img src="./assets/home-page/feedback1.png" class="bulle" alt="bulle" />
<p>'<span>★ ★
★ ★ ★</span>'<br>"Nous avons connus ce site grâce à un ami et je peux vous dire que je
n'ai
absolument pas regretté! Moi et ma
femme nous avons passé un super séjour dans des contrées que nous connaissons pas, cela nous permet de connaître
un peu plus la France que nous aimons! Je le recommande vivement à toutes et à tous!"
<br>Arnaud Doe.
</p>
</div>
<div class="global-feedbacks">
<img src="./assets/home-page/feedback2.png" class="bulle" alt="bulle" />
<p>'<span>★ ★
★ ★ ★</span>'<br>"La réservation avec BtoBeach s'est très bien déroulée.
Le séjour était conforme à la description.
Je suis ravie de cette première experience."<br>Lémurien DoeDoe.
</p>
</div>
<div class="global-feedbacks">
<img src="./assets/home-page/feedback3.png" class="bulle" alt="bulle" />
<p>'<span>★ ★
★ ★ ★</span>'<br>"Organisation parfaite du début à la fin. Quel bonheur de repartir en
voyage
après tous ces mois de restrictions sanitaires! Encore une fois, Voyage Privé a parfaitement répondu à mes
attentes."<br>Stanislas Douedoue.
</p>
</div>
<div class="global-feedbacks">
<input type="button" value=" Voir plus " class="button-feedback" onClick="button()">
</div>
<div class="hidden-global-feedbacks">
<img src="./assets/home-page/feedback4.png" class="bulle" alt="bulle" />
<p>'<span>★ ★
★ ★ ★</span>'<br>"Le voyage sélectionné correspondait à mes attentes, aucun problème
rencontré et
très satisfait des hôtels. Une négociation de prix pour les personnes voyageant seules seraient une bonne
amélioration."<br>Lucille Dowe.
</p>
</div>
<div class="hidden-global-feedbacks">
<img src="./assets/home-page/feedback5.png" class="bulle" alt="bulle" />
<p>'<span>★ ★
★ ★ ★</span>'<br>"Franchement, rien à dire, c'est extraordinaire, je dirai même, c'est
WON-DER-FUL, super voyage, j'en ai parlé à tout mon entourage!"<br>Salim Doe.
</p>
</div>
<div class="hidden-global-feedbacks">
<img src="./assets/home-page/feedback6.png" class="bulle" alt="bulle" />
<p>'<span>★ ★
★ ★ ★</span>'<br>"Très satisfait de ce voyage, tout est bien expliqué concernant le
déroulement du
séjour et des papiers fournis.
Je recommande fortement! Ma petite famille en est ravie!"<br>Vincent Do.
</p>
</div>
</section>
<svg id="arrow-upping" xmlns="http://www.w3.org/2000/svg" class="arrow-up" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z"
clip-rule="evenodd" />
</svg>
<footer class="footer-container">
<img class="logo-btob1" src="https://i.ibb.co/PtCXdz2/btob1.jpg" alt="logo-btob1"/>
<p class="hidden-text">SAS capital à 1 500 000€</p>
<p class="hidden-text">Copyright.</p>
<div>
<a href="https://fr-fr.facebook.com/" target="blank"><img class="social-icon" src="./assets/icons/Facebook_icon.svg" alt=""></a>
<a href="https://twitter.com/?lang=fr" target="blank"><img class="social-icon" src="./assets/icons/Twitter-icon.svg" alt=""></a>
<a href="https://www.youtube.com/" target="blank"><img class="social-icon" src="./assets/icons/Youtube_icon.svg" alt=""></a>
<a href="https://www.instagram.com/?hl=fr" target="blank"><img class="social-icon" src="./assets/icons/Instagram_icon.svg" alt=""></a>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>