forked from nono-web/Bto-Beach-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-us.html
82 lines (65 loc) · 3.56 KB
/
about-us.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
<!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="style.css">
<link rel="shortcut icon" href="https://i.ibb.co/v4M1KJd/btob.jpg" />
<title>Beach to Beach</title>
</head>
<nav class="navbar">
<img class="logo-btob" src="https://i.ibb.co/PtCXdz2/btob1.jpg" alt="logo-btob"/>
<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>
<main>
<section class="section-team">
<header>
<h2 class="team-title">Qui sommes nous?</h2>
</header>
<div class="column-img">
<img id="portraitOne" class="img-team" src="./assets/img-team/portraitOne.png" alt="Staff img test">
<img id="portraitTwo" class="img-team" src="./assets/img-team/PortraitFour.png" alt="Staff img test">
</div>
<div class="column-img-solo">
<img id="portraitThree" class="img-team" src="./assets/img-team/PortraitThree.png" alt="Staff img test">
</div>
<div class="column-img">
<img id="portraitFour" class="img-team" src="./assets/img-team/PortraitSix.png" alt="Staff img test">
<img id="portraitFive" class="img-team" src="./assets/img-team/portraitTwo.png" alt="Staff img test">
</div>
</section>
<section class="team-history">
<h2 class="philo-title"> Notre philosophie</h2>
<p class="about-text">Nous souhaitons vous faire découvrir l'âme de la France en sortant des sentiers battus. Pour nous, le voyage permet de découvrir les spécificités de chaque terroire.</p>
<p class="about-text">Fort de plus de 15ans d'experience, nous saurons nous adapter pour vous préparer un voyage sur mesure.</p>
<p class="about-text">Organiser un séjour, qu'il soit dans le cadre privé ou professionnel, peut parfois prendre beaucoup d'énergie et générer du stress. Pour vous faire gagner un temps précieux, nous prenons en charge l' organisation complète de votre voyage.</p>
<p class="about-text">En groupe, en solo ou en couple, notre équipe veille à répondre à toutes vos attentes.
</p>
</section>
</main>
<div id="arrow-upping">
<svg 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>
</div>
<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>
<script src="./scripts/script-about-us.js"></script>
</body>
</html>