-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.html
144 lines (143 loc) · 5.14 KB
/
menu.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta
http-equiv="Content-Security-Policy"
content="default-src 'self';font-src 'self';style-src 'self'"
/>
<title>Menu | Coffee Shop</title>
<meta name="description" content="Menu" />
<link rel="icon" href="./images/favicon.ico" />
<link rel="stylesheet" href="./CSS/style.css" type="text/css" media="all" />
</head>
<body id="page">
<p id="sample">SAMPLE</p>
<header>
<div class="container">
<div class="block_logo">
<a href="index.html"
><img src="./images/img_logo.webp" alt="img_logo"
/></a>
</div>
<nav>
<ul>
<li><a href="menu.html">Menu</a></li>
<li><a href="access.html">Access</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<div class="contents">
<div class="container">
<main class="column_2">
<article>
<h1 class="title_page">Menu</h1>
<section>
<h2 id="policy" class="idx_menu">コーヒーのこだわり</h2>
<img
class="img_float_r"
src="./images/img_menu01.webp"
alt="img_cafe"
/>
<p>
季節の花に囲まれて、店主こだわりのスペシャルティコーヒーをお楽しみください。<br />
<br />
厳選したコーヒー豆を揃え自家焙煎しています。お好みの一杯を探してみてください。<br />
<br />
コーヒーのお供のスイーツも豊富にそろえています。
</p>
<br />
<h3 class="idx_menu"><a href="#">ページトップへ</a></h3>
</section>
<section>
<h2 id="drink" class="idx_menu">ドリンクメニュー</h2>
<div class="block_flex">
<div class="flex_item">
<div class="img_menu">
<img
src="./images/img_menu02.webp"
alt="ブレンドコーヒー"
/>
</div>
<h3>ブレンドコーヒー</h3>
<p>¥450</p>
</div>
<div class="flex_item">
<div class="img_menu">
<img src="./images/img_menu03.webp" alt="コーヒー" />
</div>
<h3>コーヒー</h3>
<p>¥450</p>
</div>
<div class="flex_item">
<div class="img_menu">
<img src="./images/img_menu04.webp" alt="カフェラテ" />
</div>
<h3>カフェラテ</h3>
<p>¥450</p>
</div>
<div class="flex_item">
<div class="img_menu">
<img src="./images/img_menu05.webp" alt="紅茶" />
</div>
<h3>紅茶</h3>
<p>¥450</p>
</div>
</div>
<br />
<h3 class="idx_menu"><a href="#">ページトップへ</a></h3>
</section>
<section>
<h2 id="dessert" class="idx_menu">デザートメニュー</h2>
<div class="block_flex">
<div class="flex_item">
<div class="img_menu">
<img
src="./images/img_menu06.webp"
alt="チョコレートブラウニー"
/>
</div>
<h3>チョコレートブラウニー</h3>
<p>¥450</p>
</div>
<div class="flex_item">
<div class="img_menu">
<img src="./images/img_menu07.webp" alt="フルーツタルト" />
</div>
<h3>フルーツタルト</h3>
<p>¥450</p>
</div>
<div class="flex_item">
<div class="img_menu">
<img src="./images/img_menu08.webp" alt="チーズケーキ" />
</div>
<h3>チーズケーキ</h3>
<p>¥450</p>
</div>
</div>
<br />
<h3 class="idx_menu"><a href="#">ページトップへ</a></h3>
</section>
</article>
</main>
<aside>
<ul>
<li><a href="#policy">コーヒーのこだわり</a></li>
<li><a href="#drink">ドリンクメニュー</a></li>
<li><a href="#dessert">デザートメニュー</a></li>
</ul>
</aside>
</div>
</div>
<footer>
<div class="container">
<p class="copyright">
This product is dedicated to Mr. I.<br />(C) Since 2021 improved by Y.K
</p>
</div>
</footer>
</body>
</html>