-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (128 loc) · 5.59 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1">
<meta name="author" content="Jo Yun, 若昀">
<meta name='description' content='好功夫中華料理，我們有的是好廚藝和好身手' />
<meta name='keywords' content='好功夫中華料理, 中華料理, 美食' />
<meta property="og:title" content="好功夫中華料理" />
<meta property="og:description" content="好功夫中華料理，我們有的是好廚藝和好身手" />
<meta property="og:type" content="website" />
<meta property="og:url" content="index.html" />
<meta property="og:image" content="images/banner.png" />
<meta name="twitter:url" content="index.html">
<meta name="twitter:title" content="好功夫中華料理">
<meta name="twitter:description" content="好功夫中華料理，我們有的是好廚藝和好身手">
<meta name="twitter:image" content="images/banner.png">
<link rel="stylesheet" href="sass/all.css">
<title>好功夫中華料理</title>
</head>
<body>
<div class="wrap">
<div class="banner">
<div class="header l-p-row">
<h3>KUNG FU</h3>
<ul class="menu">
<li><a href="#">HOME</a></li>
<li><a href="#to-about">ABOUT</a></li>
<li><a href="#to-latest">LATEST</a></li>
<li><a href="#to-contact">CONTACT</a></li>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
<a href="#" class="showmenu"><i class="fas fa-bars"></i></a>
</div>
<div class="clear-fix"></div>
<div class="heading">
<h1>KUNG FU</h1>
<h2>好功夫中華料理</h2>
</div>
</div>
<ul class="about" id="to-about">
<li class="content">
<img src="images/about01.png" alt="美味的蒸餃">
<div class="content-text left">
<h3>關於功夫家常菜</h3>
<p>堅持嚴選當地食材，自然純淨的好味道<br>
食材經過嚴格拔關，選用無瘦肉精豬肉及非基因改蔬果</p>
</div>
</li>
<li class="content">
<img src="images/about02.png" alt="可口的豬排">
<div class="content-text right">
<h3>繼承第三代家常菜</h3>
<p>好功夫第三代，繼承家鄉味<br>
延續六十年老店，堅持選用當地食材<br>
讓老饕安心食用，吃的健康原則</p>
</div>
</li>
<li class="content">
<img src="images/about03.png" alt="好吃的蒸籠料理">
<div class="content-text top">
<h3>關於功夫家常菜</h3>
<p>堅持嚴選當地食材，自然純淨的好味道<br>
食材經過嚴格拔關，選用無瘦肉精豬肉及非基因改蔬果</p>
</div>
</li>
<li class="content">
<img src="images/about04.png" alt="專業的廚師">
<div class="content-text bottom">
<h3>繼承第三代家常菜</h3>
<p>好功夫第三代，繼承家鄉味<br>
延續六十年老店，堅持選用當地食材<br>
讓老饕安心食用，吃的健康原則</p>
</div>
</li>
</ul>
<div class="latest" id="to-latest">
<h2 class="l-p-row">LATEST</h2>
<span class="line l-m-row"></span>
<ul class="latest-pic">
<li>
<img src="images/latest01.png" alt="菜餚1">
</li>
<li>
<img src="images/latest02.png" alt="菜餚2">
</li>
<li>
<img src="images/latest03.png" alt="菜餚3">
</li>
<li>
<img src="images/latest04.png" alt="菜餚4">
</li>
<li>
<img src="images/latest05.png" alt="菜餚5">
</li>
<li>
<img src="images/latest06.png" alt="菜餚6">
</li>
<li>
<img src="images/latest07.png" alt="菜餚7">
</li>
<li>
<img src="images/latest08.png" alt="菜餚8">
</li>
</ul>
</div>
<div class="access" id="to-contact">
<h2 class="l-p-row">ACCESS</h2>
<span class="line l-m-row"></span>
<img src="images/map.png" alt="地圖">
</div>
<div class="footer l-p-row">
<h3>KUNG FU</h3>
<p>©2021 kung fu All Rights Reserved.</p>
<ul class="media">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
</ul>
</div>
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/all.js"></script>
</body>
</html>