-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcart.html
194 lines (182 loc) · 9.53 KB
/
cart.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta charset="UTF-8">
<title>六角西餐廳2</title>
<link rel="shortcut icon" href="img/knife_icon_1515.png">
<meta name="description" content="123">
<meta name="keyword" content="漢堡,餐廳,高雄">
<meta property="og:title" content="FB title">
<meta property="og:description" content=" FB description">
<meta property="og:type" content="website">
<meta property="og:url" content="FB website">
<meta property="og:image" content="FB img">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<link rel=stylesheet type="text/css" href="css/all.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/all.js"></script>
</head>
<body>
<div class="wrap">
<div class="header banner">
<div class="container">
<h1><a href="index.html">六角西餐廳</a></h1>
<ul class="menu">
<li><a href="index.html#feartures">特色</a></li>
<li><a href="index.html#chef">主廚</a></li>
<li><a href="index.html#map">地圖</a></li>
<li><a href="cart.html">商品</a></li>
<li><a href="login.html">登入</a></li>
</ul>
<i class="fas fa-bars hamburger_menu"></i>
<i class="fas fa-times cancel none"></i>
<div class="clear"></div>
<div class="slogan">
<h2 class="slogan_pcsize">咬一口就無法忘懷的漢堡</h2>
<h2 class="slogan_phonesize">咬一口<br>就無法忘懷的漢堡</h2>
<h3>七夕絕對無法錯過的好滋味<br><i class="fas fa-utensils"></i>六角大漢堡<i class="fas fa-utensils"></i></h3>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="cart_side_menu">
<h4><i class="fas fa-leaf"></i>線上訂購美食</h4>
<ul>
<li><a href="#">全部(23)</a></li>
<li><a href="#">只愛吃薯條(18)</a></li>
<li><a href="#">加熱就可食(1)</a></li>
<li class="category"><a href="#" class="category">不敗漢堡系列(4)</a></li>
</ul>
</div>
<div class="cart_main">
<div class="nav">
<div class="cart_search">
<input type="text" class="cart_search_input">
<i class="fas fa-search"></i>
</div>
<div class="cart_checkout">
<h5><a href="#">結帳去</a></h5>
<span class="decoration_line_left"></span>
<a href="#" class="cart_logo">
<i class="fas fa-shopping-cart">
<span class="cart_quantity">1</span>
</i>
</a>
</div>
<div class="clear"></div>
</div>
<ul class="commodity">
<li class="product product_1">
<div class="product_pic_box">
<img src="img/product_1.png" alt="經典漢堡套餐" class="product_pic">
</div>
<i class="far fa-heart unlike"></i>
<i class="fas fa-heart like none"></i>
<div class="hot_commodity">
<div class="hot_commodity_position">
<p>熱銷美食</p>
<div class="trapezoid"></div>
<div class="traingle traingle_1"></div>
<div class="traingle traingle_2"></div>
</div>
</div>
<div class="clear"></div>
<div class="container">
<h4 class="product_name">經典漢堡套餐</h4>
<p class="product_name_eng">Classic Hamburger Package</p>
<div class="decoration_line_top"></div>
<h4 class="price">$120</h4>
<h5 class="add_to_the_cart">
<i class="fas fa-shopping-cart"></i>
加入購物車
</h5>
</div>
</li>
<li class="product product_2">
<div class="product_pic_box">
<img src="img/product_2.png" alt="經典漢堡套餐" class="product_pic">
</div>
<i class="far fa-heart unlike"></i>
<i class="fas fa-heart like none"></i>
<div class="container">
<h4 class="product_name">英俊香腸</h4>
<p class="product_name_eng">Handsome Sausage</p>
<div class="decoration_line_top"></div>
<h4 class="price">$1,024</h4>
<h5 class="add_to_the_cart">
<i class="fas fa-shopping-cart"></i>
加入購物車
</h5>
</div>
</li>
<li class="product product_3">
<div class="product_pic_box">
<img src="img/product_3.png" alt="經典漢堡套餐" class="product_pic">
</div>
<i class="far fa-heart unlike"></i>
<i class="fas fa-heart like none"></i>
<div class="container">
<h4 class="product_name">漢堡兄弟</h4>
<p class="product_name_eng">Hamburg Brothers</p>
<div class="decoration_line_top"></div>
<h4 class="price">$792</h4>
<h5 class="add_to_the_cart">
<i class="fas fa-shopping-cart"></i>
加入購物車
</h5>
</div>
</li>
<li class="product product_4">
<div class="product_pic_box">
<img src="img/product_4.png" alt="經典漢堡套餐" class="product_pic">
</div>
<i class="far fa-heart unlike"></i>
<i class="fas fa-heart like none"></i>
<div class="container">
<h4 class="product_name">完美願望</h4>
<p class="product_name_eng">Dragon Ball Package</p>
<div class="decoration_line_top"></div>
<h4 class="price">$999,999</h4>
<h5 class="add_to_the_cart">
<i class="fas fa-shopping-cart"></i>
加入購物車
</h5>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="about">
<h4>關於 六角西餐廳</h4>
<h5>Curabitur lobortis id lorem id bibndum. Ut id consectetur magna. Quisque volutpat augue enim, pulvinar lobortis nibh lacinia at. </h5>
</div>
<div class="contact">
<h4>聯絡方式</h4>
<ul>
<li>高雄市中正五路到底</li>
<li>+886 886 886</li>
<li>[email protected]</li>
</ul>
</div>
<div class="social_link">
<div class="logo"><a href="index.html"><img src="img/logo_l.svg" alt="index.html"></a></div>
<ul>
<li><a href="#"><img src="img/google+_logo.png" alt="#"></a></li>
<li><a href="#"><img src="img/twitter-logo.png" alt="#"></a></li>
<li><a href="#"><img src="img/FB-Icon.png" alt="#"></a></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>