-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (90 loc) · 4.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="Put your description here.">
<title>Ukiyo - Floating World</title>
<!-- Links towards Bootstrap, Font-Awesome -->
<link rel="stylesheet" href="style.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="manifest" href="manifest.json">
<link rel="icon" type="image/png" href="https://charlottetusset.github.io/BootstrapWebsite/images/manekineko.jpg">
</head>
<body>
<div class="main">
<!-- Navbar-->
<div class="nav-container">
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
<a class="navbar-brand" href="#home"><i>Ukiyo</i></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="navbar-home nav-link" href="#home"><i class="fas fa-home"></i> Home</a>
</li>
<li class="nav-item">
<a class="navbar-menu nav-link" href="Menu.html"><i class="fas fa-utensils"></i> Menu</a>
</li>
<li class="nav-item">
<a class="navbar-gallery nav-link" href="Gallery.html"><i class="fas fa-images"></i> Gallery</a>
</li>
<li class="nav-item">
<a class="navbar-location nav-link" href="Location.html"><i class="fas fa-thumbtack"></i> Location</a>
</li>
<li class="nav-item">
<a class="navbar-contact nav-link" href="contact.html"><i class="fas fa-phone-square"></i> Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- Home=Page1 -->
<div id="home">
<div class="jumbotron j-container jumbotron-fluid">
<h1>Ukiyo</h1>
<hr>
<p>Ukiyo (meaning <i>The Floating World</i>) is a new place where you will have the pleasure to taste reinvented Japanese dishes and to discover the Japanese culture in an original and peaceful way. ようこそ - Yokoso! </p>
</div>
<div class="img-fluid">
<!-- Two columns with two cards (former panels) -->
<div class="row card-deck">
<div class="col-sm-4">
<div class="card">
<div class="card-header"><h3>News</h3></div>
<div class="card-body">Discover our <b>lunch menu</b> for only <b>15€</b>!<br><br>Braised and marinated spicy octopus ramen with its wheat noodles.<br>Along with a glass of Chardonnay white wine.</div>
<img class="card-img-bottom" src="images/food3.jpg" alt="ramen">
</div>
</div>
<div class="col-sm-4">
<div class="card">
<div class="card-header"><h3>Events</h3></div>
<img class="card-img-top" src="images/matchaTea.jpg" alt="matchaTea">
<div class="card-body"><b>The 1st of June</b> (2-5pm): Matcha tea workshop. Join us and enjoy an afternoon dedicated to Matcha tea. In partnership with the Kenryo Tea Room, you will discover different varieties and learn about the health benefits and origin of this popular beverage.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<footer>Powered by Charlotte Tusset
</footer>
<script src="app.js"></script>
<script type="text/javascript">
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('sw.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
});
}
</script>
</html>