forked from timotbone/Web-Programming-Project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathqui-sommes-nous.html
121 lines (113 loc) · 4.86 KB
/
qui-sommes-nous.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Le Salon de café TAM | Qui sommes-nous?</title>
<script
src="https://kit.fontawesome.com/8a69b78096.js"
crossorigin="anonymous"
></script>
<script src="/script.js"></script>
<link rel="stylesheet" href="./CSS/style.css" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header class="header">
<nav>
<h1>
<a href="index.html">LE SALON DE CAFÉ TAM</a>
</h1>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a class="active" href="qui-sommes-nous.html">Qui sommes-nous ?</a></li>
<li><a href="Boutique.html">Boutique</a></li>
<li><a href="réservation.html">Réservez</a></li>
<li><a href="nous_trouver.html">Nous trouver</a></li>
<li><a href="jouer.html">À vous de jouer !</a></li>
</ul>
</nav>
</header>
<section class="vp3">
<div class="vp-content">
<h1>Une équipe d'amis</h1>
<div class="separator"></div>
<p>
Le salon de café TAM, créé en 2020 par Ahmed, Méo et Timothé, vous offre une expérience unique.
Profitez de choix de cafés exceptionnels, en provenance des quatres coins du monde, vous offrant
des saveurs dépaysantes, tout en étant conseillé et informé par les plus fins connaisseurs.
Le salon de café TAM vous propose plus de 50 références de cafés et thés Turcs, Brésiliens, Australiens, Américains
et plus encore. Vous pourrez profiter d'un cadre exceptionnel pour vous relaxer tout en profitant de boissons
d'exception, rares en France. Le salon de café TAM possède aussi une boutique avec six références de grandes
classes, pour vous permettre de poursuivre l'expérience TAM chez vous.
</p>
</div>
</section>
<section class="features">
<div class="container2">
<div class="feature2">
<img class="image_perso" src="/Images/avatar-gratuit (3).png" alt="Photo Ahmed">
<h2>AHMED</h2>
<p>
Co-créateur du salon de café TAM. Considéré comme un érudit du monde du café.
Il vous apportera son expertise et ses connaissances du monde du café,
mais aussi en HTML, CSS et JavaScript.
</p>
</div>
<div class="feature2">
<img class="image_perso" src="/Images/avatar-gratuit (2).png" alt="Photo Meo">
<h2>MEO</h2>
<p>
Co-créateur du salon de café TAM. Un des plus grands spécialistes de café
et thé du monde entier. Il saura vous impressionner par ses vastes connaissances
sur l'histoire du café. Les gens sont aussi parfois stupéfaits par son habileté à
coder en toutes circonstances.
</p>
</div>
<div class="feature_centered">
<img class="image_perso" src="/Images/avatar1.png" alt="Photo Timothé">
<h2>TIMOTHE</h2>
<p>
Co-créateur du salon de café TAM. A traversé le monde pour goûter
les grands-crus du monde des cafés. Durant son voyage, il est notamment
revenu avec de grandes compétences, que lui a enseigné le mondialement
connu professeur Marshall-Breton.
</p>
<div class="avatar"></div>
</div>
</div>
</section>
<div class="café"></div>
<section class="reservation">
<div class="container">
<h2>Réservez dès maintenant</h2>
<p>
Réservez une table ou même le salon pour vos brunch, vos réunions de travail
ou encore vos retrouvailles entre amis.
</p>
<a class="btn btn-dark my-20" href="réservation.html"
>RÉSERVEZ</a
>
</div>
</section>
<footer>
<p>Copyright Ⓒ - TIMOTHE MEO AHMED - 2020</p>
<br>
<div>
<br>
<ul>
<li style="list-style-type: none;"><a href="https://fr-fr.facebook.com/" >Facebook</a></li>
<li><a href="https://www.instagram.com/?hl=fr">Instagram</a></li>
<li><a href="https://twitter.com/explore">Twitter</a></li>
<li><a href="qui-sommes-nous.html">Qui sommes-nous ?</a></li>
<li><a href="nous_trouver.html">Nous trouver</a></li>
<li><a href="jouer.html">À vous de jouer !</a></li>
</ul>
</div>
</footer>
</body>
</html>