-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (62 loc) · 2.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0" />
<meta
name="author"
content="AuensonScript" />
<meta
name="keywords"
content="sushi, restaurant, japanese cuisine, berlin, germany" />
<meta
name="description"
content="Sushi Restaurant in the centre of Berlin city" />
<title>Soyonara Sushi Restaurant</title>
<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=Kanit:wght@100;400;500;700;800&family=Montserrat:[email protected]&family=Stalinist+One&display=swap"
rel="stylesheet" />
<link
href="./css/main.css"
rel="stylesheet" />
<script
src="https://kit.fontawesome.com/7291077577.js"
crossorigin="anonymous"></script>
</head>
<body>
<!-- MENU OF THE RESTAURANT -->
<!-- The menu is going to be in 2 versions: mobile and dekstop.
MENU: MENU, BOOK, DEALS, ABOUT US, CONTACT
MOBILE version with a hamburger menu with animation while clicking on it
DESKTOP version: the names of the sections will change the color while hover -->
<nav></nav>
<!-- HERO IMAGE -->
<!-- The hero image will contain an image of sushi master or a plate of sushi. Shadow will be overlayed (black, semitransparent) with a white title and a quote about sushi art "Savoring the flavors that ignite your senses."-->
<!-- BUTTON SECTION -->
<!-- A small space with two buttons: "BOOK A TABLE" and "SEE THE MENU". -->
<!-- QUOTE SECTION -->
<!-- A space with a small hero image as a breaker between menu and buttons -->
<!-- DEALS SECTION -->
<!-- Section with a "deals of the month" where there will be 3 round images with name and price below. When mouse hovering there will be a small info what is inside the deal -->
<!-- MEALS MENU -->
<!-- Section with a meals menu pdf preview -->
<!-- BOOK A TABLE -->
<!-- Section with "book a table" button. When clicking there will be a form to book a table -->
<!-- ABOUT US -->
<!-- About Us section will contain the photographs of the crew (round like deals plates) with hovering to reweal the information about the particular person -->
<!-- CONTACT -->
<!-- A section with Facebook, Instagram, TikTok and X icons on the left side and the address of the restaurant with phone number on the right side of the section -->
<!-- FOOTER -->
<!-- A section with a disclaimer about the source of the photos, images and content. Info about the author of the page. -->
<script src="./js/script.js"></script>
</body>
</html>