-
Notifications
You must be signed in to change notification settings - Fork 0
/
photos.html
164 lines (159 loc) · 9.64 KB
/
photos.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="Jajang Restaurant website">
<meta name="keywords" content="jajang korean food restaurant korea flavor asia asian">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<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="assets/CSS/style.css" rel="stylesheet" media="all" type="text/css">
<title>Jajang Restaurant</title>
<link rel="icon" type="image/png" href="assets/img/favicon2.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-danger sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img class="logoAnim img-fluid" src="assets/img/logo-min.png" width="270"
alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler"
aria-controls="navbarToggler" aria-expanded="true" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse flex-row-reverse" id="navbarToggler">
<ul class="navbar-nav ">
<li class="nav-item"><a class="nav-link" href="index.html">Accueil<span class="sr-only">(page
actuelle)</span></a></li>
<li class="nav-item"><a class="nav-link" href="menu.html">Menu</a></li>
<li class="nav-item active"><a class="nav-link" href="photos.html">Photos</a></li>
<li class="nav-item"><a class="nav-link" href="restos.html">Restaurants</a></li>
<li class="nav-item"><a class="nav-link" href="contacts.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header>
<div class="row">
<div class="col-12"><img src="assets/img/bann-min.jpeg" class="img-fluid" alt="Image de bannière"></div>
</div>
</header>
<section>
<div class="container">
<div class="jumbotron text-center">
<h1>Vous trouverez toutes ces saveurs chez nous</h1>
<h3 class="mb-0">Certaines varient en fonction du menu du mois</h3>
</div>
<div class="row mt-4">
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/1.jpg" data-toggle="lightbox"
data-gallery="img-gallery">
<img class="img-fluid rounded" src="assets/img/1.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Repas traditionnel coréen</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/2.jpg" data-toggle="lightbox">
<img class="img-fluid rounded" src="assets/img/2.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">De nombreuses saveurs</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/3.jpg" data-toggle="lightbox">
<img class="img-fluid rounded" src="assets/img/3.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Traditionnel kimchi</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/4.jpg" data-toggle="lightbox"><img class="img-fluid rounded"
src="assets/img/4.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Entré nouilles piquantes</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/5.jpg" data-toggle="lightbox"><img class="img-fluid rounded"
src="assets/img/5.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Tteokbokki</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/6.jpg" data-toggle="lightbox"><img class="img-fluid rounded"
src="assets/img/6.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Fabrication de dumplings</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/7.jpg" data-toggle="lightbox"><img class="img-fluid rounded"
src="assets/img/7.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Légumes tempura</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/8.jpg" data-toggle="lightbox"><img class="img-fluid rounded"
src="assets/img/8.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Scampi sauce piquante</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/9.jpg" data-toggle="lightbox"><img class="img-fluid rounded"
src="assets/img/9.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Nous faisons nos propres nouilles</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/10.jpg" data-toggle="lightbox"><img
class="img-fluid rounded" src="assets/img/10.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Bibimbap</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/11.jpg" data-toggle="lightbox"><img
class="img-fluid rounded" src="assets/img/11.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Bulgogi de poulet</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 my-3"><a href="assets/img/12.jpg" data-toggle="lightbox"><img
class="img-fluid rounded" src="assets/img/12.jpg" alt="Responsive image"></a>
<div class="card-body">
<p class="card-text text-center bg-white rounded">Barbecue coréen</p>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer bg-danger mt-5">
<div class="container">
<div class="row">
<div class="follow col-md-12 text-center">
<p>Suivez-nous sur :</p>
</div>
</div>
<div class="row">
<div class="col-12 pb-3 text-center">
<a href="https://www.facebook.com/" aria-label="Access Facebook page"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/?lang=fr" aria-label="Access Twitter page"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/" aria-label="Access Linkedin page"><i class="fa fa-linkedin"></i></a>
<a href="https://www.instagram.com/" aria-label="Access Instagram page"><i class="fa fa-instagram"></i></a>
<a href="https://www.pinterest.com/" aria-label="Access Pinterest page"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
<div class="footer-copyright text-center pb-3 ">© 2018 Copyright:
<a href="https://github.com/Gaellga">Gaellga Github Page</a>
</div>
</footer>
<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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.js"></script>
<script src="assets/JS/script.js"></script>
<script src="assets/JS/lightbox.js"></script>
</body>
</html>