-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (117 loc) · 6.44 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
<!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, shrink-to-fit=no">
<title>Melting Pot | Accueil</title>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="Assets/Css/normalize.css">
<link rel="stylesheet" href="Assets/Css/style.css">
<link rel="icon" href="Assets/Img/Global/Klukeart-Playground-Ice-Cream.ico">
</head>
<body>
<div class="container">
<header>
<div class="jumbotron text-center shadow p-4" id="jumbotron">
<div class="row">
<div class="col-6 mb-4">
<img id="logo" src="Assets/Img/Global/logo.jpg" alt="Logo Melting pot ice cream bar">
</div>
<div class="col-6 my-auto pl-4">
<h1>Melting Pot</h1>
<div class="row">
<div class="col-12 my-auto pl-4">
<h2>Ice-Cream etc...</h2>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-md navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Accueil<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="carte.html">À la carte</a>
</li>
<li class="nav-item">
<a class="nav-link" href="photos.html">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="adresses.html">Adresses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<div class="row">
<div class="col-12">
<p id="bienvenue">Bienvenue !</p>
</div>
</div>
<div class="row">
<div class="col-12 col-md-7 my-auto">
<p>Le concept de la glace au kilo a été découvert lors d'un voyage au Brésil en 2012. Il était disposé en self-service un comptoir rempli d'une panoplie de glace colorée aux goûts multiples et un autre présentant d'inombrables garnitures.
C'était comme un rêve mais tout éveillé, un vrai bonheur de concoter soi-même son envie du jour ! Nous avons décidé de ramener ce rêve de gosse au plat pays pour vous en faire profiter !</p>
</div>
<div class="col-md-5 my-auto pt-1 pb-3">
<div class="hovereffect">
<img class="img-fluid" src="Assets/Img/Accueil/camila-melim-1181195-unsplash.jpg" alt="ice-cream in a pot with topping">
<div class="overlay">
<h5>Glaces en self-service</h5>
<a class="info" href="carte.html">À la carte</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-7 my-auto">
<p>Notre premère boutique proposant ce concept unique en Belgique de galce au kilo a été ouverte en 2018 à Bruxelles. Il ne fallut pas plus de 6 mois pour que le succès nous appel à etendre le concepte à Liège. S'en suit alors des demandes
de franchise et Melting Pot devient en un an un groupe avec aujourd'hui 5 adresses à travers le pays. Vennez nous rendre visite et vous exprimer en faisant vos propres choix selon votre envie, votre humeur ou tout simplement votre faim.</p>
</div>
<div class="col-12 col-md-5 my-auto pt-1 pb-3">
<div class="hovereffect">
<img class="img-fluid" src="Assets/Img/Accueil/clifford-yeo-452260-unsplash.jpg" alt="inside a tea-room">
<div class="overlay">
<h5>Première boutique à Bruxelles</h5>
<a class="info" href="adresses.html">Adresses</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-7 my-auto">
<p>Concrètement vous choisissez votre contenant, vos goûts et tailles de boules et votre garniture : chantilly variée, fruit sec, fraichement coupé ou confit, bonbon, paillette et notre assortiment de surprenant couli. Ensuite, nous pesons
votre galce et vous payez au poids ! Nous proposons aussi des glaces à l'eau, des bols d'açai, de croustillantes gauffres et de delicieux muffins à customiser selon vos désirs. Côté boissons : jus frais, café glacé et milkshake préparé que
nous vous préparons avec le plus grand soin.</p>
</div>
<div class="col-12 col-md-5 my-auto pt-1 pb-3">
<div class="hovereffect">
<img class="img-fluid" src="Assets/Img/Accueil/milada-vigerova-348433-unsplash.jpg" alt="açai bowl with muesli">
<div class="overlay">
<h5>Açai bowl from Brazil</h5>
<a class="info" href="photos.html">Photos</a>
</div>
</div>
</div>
</div>
<div class="row">
<footer class="col-12">Site fictif. Exercice dans le cadre d'une formation en WebDev chez <a href="https://www.becode.org/index_fr.html" target="_blank">BeCode Bruxelles</a>. Créer par <a href="https://www.linkedin.com/in/audrey-kremers-433776178/"
target="_blank">Audrey Kremers</a>.</footer>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript" src="Assets/Js/script.js"></script>
</body>
</html>