-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgalerie.html
121 lines (117 loc) · 5.86 KB
/
galerie.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>galerie</title>
<link rel="stylesheet" href="assets/sass/header.css">
<link rel="stylesheet" href="assets/sass/galerie.css">
<link rel="stylesheet" href="assets/sass/footer.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=Abril+Fatface&family=Lilita+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Lilita+One&family=Poppins:ital,wght@0,100;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" rel="stylesheet">
</head>
<body>
<header>
<div class="navbar">
<div id="menu-header">
<div class="logo">
<a href="header.html"><img src="img/contact/logo.png" alt="Logo Cocktail"></a>
</div>
<nav class="nav-links">
<a class="button" href="header.html#histoire">HISTOIRE</a>
<a class="button" href="galerie.html">CARTE</a>
<a class="cta" href="contact.html">CONTACT</a>
</nav>
<div class="menu-icon">
<img class="iconburger" src="img/menu.png" alt="Logo Menu">
</div>
</div>
</div>
</header>
<div class="nav--phone hidden_phone">
<a class="button-phone" href="header.html#histoire">HISTOIRE</a>
<a class="button-phone" href="galerie.html">CARTE</a>
<a class="cta-phone" href="contact.html">CONTACT</a>
</div>
<main>
<div class="container-titre">
<h1>Nos recettes de cocktails</h1>
<p>Bienvenue à la Galerie des Cocktails, l’endroit parfait pour des idées de boissons originales et pleines de caractère. <br><br>Ici, on fait de chaque cocktail une petite aventure, avec des mélanges surprenants, des ingrédients frais, et une touche de créativité. Que tu sois fan des grands classiques ou que tu aimes tester de nouvelles saveurs, notre carte te réserve des surprises. Nos barmans sont là pour te conseiller et te préparer des cocktails qui te feront voyager.<br><br> Alors, installe-toi, détends-toi et laisse-toi emporter par nos créations dans une ambiance décontractée et chaleureuse !</p>
</div>
<section class="section-container">
<a href="item.html?cocktail=tequilasunriseshots">
<div class="container-img">
<img src="img/cocktail/TequilaSunriseShots.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Tequila Sunrise</p>
</div>
</a>
<a href="item.html?cocktail=sunsetmartini">
<div class="container-img-bis">
<img src="img/cocktail/SunsetMartini.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Sunset Martini</p>
</div>
</a>
<a href="item.html?cocktail=lemondelight">
<div class="container-img">
<img src="img/cocktail/LemonDelight.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Lemon Delight</p>
</div>
</a>
<a href="item.html?cocktail=margaritaglacee">
<div class="container-img-bis">
<img src="img/cocktail/MargaritaGlacee.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Margarita Glacée</p>
</div>
</a>
</section>
<section class="section-container-bis">
<a href="item.html?cocktail=negronisoleil">
<div class="container-img">
<img src="img/cocktail/NegroniSoleil.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Negroni Soleil</p>
</div>
</a>
<a href="item.html?cocktail=rougedete">
<div class="container-img-bis">
<img src="img/cocktail/Rougedete.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Rouge d'été</p>
</div>
</a>
<a href="item.html?cocktail=summerbreeze">
<div class="container-img">
<img src="img/cocktail/SummerBreeze.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Summer Breeze</p>
</div>
</a>
<a href="item.html?cocktail=citrusbliss">
<div class="container-img-bis">
<img src="img/cocktail/CitrusBliss.jpg" alt="cocktail glouglou" class="img-cocktail">
<p class="p">Citrus Bliss</p>
</div>
</a>
</section>
</main>
<footer>
<div class="footer">
<section class="section-container-footer">
<div class="container-social">
</div>
<div class="container-footer">
<a href="mentions.html">Mentions légales</a>
<a href="mentions.html">Politique de confidentialité</a>
<a href="mentions.html">Cookies</a>
</div>
<div class="container-cta">
<a class="cta" href="contact.html">CONTACT</a>
</div>
<div class="container-made">
<p>Concocté avec 🧡 par <a href="https://linktr.ee/TicketResto">Ticket Resto</a></p>
</div>
</section>
</div>
</footer>
<script src="header.js"></script>
</body>
</html>