-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (136 loc) · 5.97 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
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>參星便當!</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/indexrwd.css">
<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=Noto+Serif+TC:wght@200;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="topbarcontent">
<div class="topleftitem">
<img src="./img/Logo.svg" alt="" class="logo">
<p class="storename">參星便當</p>
</div>
<div class="toprightitem">
<ul>
<li><a href="./nav_menu.html">美味便當</a></li>
<li><a href="./nav_contactus.html">最新消息</a></li>
<li><a href="#"><i class="fa-solid fa-bars"></i></a></li>
</ul>
</div>
</div>
</div>
<header>
<div class="headtxt">
<h1 class="headline">
一盒精緻美食
</h1>
<h1 class="headline">
滿足您的味蕾與需求！
</h1>
<h2 class="headh2">
請問您今天要吃什麼呢？
</h2>
<ul class="headbtn">
<li><a href="#">我要訂位！</a></li>
<li><a href="#">我要外帶！</a></li>
</ul>
</div>
</header>
<main>
<div class="content1">
<img src="./img/content1img.jpg" alt="">
<section>
<h3>
我們的故事
</h3>
<p>
2020年是個特別的日子，因為在那一年，我們開幕了！
</p>
<p>
歡迎來到參星便當，一家致力於為您提供美味、營養且方便的便當店。
</p>
<p>
我們深知現代生活的忙碌與繁忙，因此我們的目標是為您節省時間，同時讓您享受到美味的餐點。
</p>
<p>
無論您是在辦公室、學校還是家中，我們都是您快速解決午餐或晚餐問題的最佳選擇。我們提供方便的外帶服務，讓您輕鬆帶上一份美味的便當。此外，我們也提供團體訂購和外送服務，以滿足您各種場合的需求。
</p>
<p>
想了解更多我們的故事嗎？</br>歡迎點擊
</p>
<a href="./nav_aboutus.html">瞭解更多！！</a>
</section>
</div>
</main>
<section class="slideshow">
<div class="slideshowcontent">
<h3>
本季最熱銷!
</h3>
<h4>
嚴選本季最熱銷產品的前五名為您做推薦
</h4>
<ul>
<li><a href="#">就選他了!</a></li>
<li><a href="#">就選他了!</a></li>
<li><a href="#">就選他了!</a></li>
</ul>
</div>
</section>
<section class="evaluate">
<div class="evaluatecontent">
<h3>
來看看最新評價吧!
</h3>
<div class="evaluatetxt">
<img src="./img/avatar01.png" alt="" class="">
<p>
參星便當真是太好吃了！每次打開便當盒都能看到新鮮又豐盛的食材，每一口都讓人驚艷。不僅味道美味，而且份量十足，絕對讓人吃得滿足。我特別喜歡他們的菜色選擇多樣化，無論是肉類還是蔬菜，口感都很棒！而且他們注重食品的安全和衛生，讓我吃得放心。參星便當真的是我平時忙碌時的最佳選擇，方便又好吃，推薦給大家！
</p>
</div>
<ul>
<li><a href="#" class="evaluatebtn"></a></li>
<li><a href="#" class="evaluatebtn"></a></li>
<li><a href="#" class="evaluatebtn"></a></li>
<li><a href="#" class="evaluatebtn"></a></li>
<li><a href="#" class="evaluatebtn"></a></li>
</ul>
</div>
</section>
<footer>
<div class="footercontent">
<img src="./img/Logo.svg" alt="">
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Twitter</a></li>
</ul>
<ul>
<li><a href="#">參星菜單</a></li>
<li><a href="#">關於我們</a></li>
<li><a href="#">會員登錄</a></li>
</ul>
<ul>
<li><a href="#">訂位外帶</a></li>
<li><a href="#">意見反饋</a></li>
</ul>
<ul>
<li>訂餐電話: 02 - 22415XX5</li>
<li>郵件信箱: [email protected]</li>
<li>餐廳地址: 台北市基隆路一段XX號地下1樓F201</li>
</ul>
</div>
</footer>
</div>
</body>
</html>