-
Notifications
You must be signed in to change notification settings - Fork 1
/
gallerie.html
120 lines (118 loc) · 6.74 KB
/
gallerie.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="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--favicons-->
<link rel="apple-touch-icon" sizes="57x57" href="assets/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/favicons/manifest.json">
<meta name="msapplication-config" content="assets/favicons/browserconfig.xml" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Personal CSS -->
<title>Pizza & Falafel</title>
<meta name="description" content="Projet 'progressive enhancement' considéré comme un des premiers sites web de Joseph Ismail pour Becode. Le sujet étant la relativité du Bien et du Mal. Une histoire chinoise illustre cette idée"/>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" href="assets/img/pizza-falafel_logo.ico" type="image/x-icon"/>
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-light">
<img class="mr-2" src="assets/img/pizza-falafel_logo.png" alt="stone-oven">
<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" href="index.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="carte.html">Notre carte</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="gallerie.html">
Gallerie<span class="sr-only">(current)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="restaurants.html">
Nos restaurants</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">
Contact</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<h1 class="display-4">Photos</h1>
<p>Certes une photo n'est pas la réalité, mais elle permet d'en avoir un aperçu.</p>
<hr class="my-4">
<div class="row pictures">
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/restaurant1.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/restaurant2.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/restaurant4.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/wine.jpg">
</div>
</div>
<div class="row pictures">
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/pizza1.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/pizza4.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/pizza2.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/pizza3.jpg">
</div>
</div>
<div class="row pictures">
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/falafel.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/falafel2.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/falafel3.jpg">
</div>
<div class="col-12 col-sm-6 col-md-3 d-flex align-items-center">
<img class="img-thumbnail" alt="" src="assets/img/tiramisu1.jpg">
</div>
</div>
</div>
<!-- Optional JavaScript -->
<script src="assets/js/script.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>