/
cart.html
143 lines (140 loc) · 6.49 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
<!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>六角西餐廳(RWD work)</title>
<link rel="shortcut icon" href="images/burger-icon.png">
<meta name="description" content="咬一口就無法忘懷的漢堡!!絕對無法錯過的好滋味!!">
<meta property="og:title" content="六角西餐廳~咬一口就無法忘懷的漢堡!!">
<meta property="og:description" content="六角西餐廳~咬一口就無法忘懷的漢堡!!絕對無法錯過的好滋味!!">
<meta property="og:type" content="website">
<meta property="og:image" content="https://i.imgur.com/MccT5N0.png">
<link rel="stylesheet" href="css/all.css">
<script src="js/all.min.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/all.js"></script>
</head>
<body>
<div class="wrap">
<div class="header">
<div class="nav">
<h1 class="logo"><a href="index.html">六角西餐廳</a></h1>
<ul class="menu">
<li><a href="index.html#f">特色</a></li>
<li><a href="index.html#c">主廚</a></li>
<li><a href="index.html#m">地圖</a></li>
<li><a href="#">購物</a></li>
<li><a href="register.html">註冊</a></li>
<li><a href="login.html">登入</a></li>
</ul>
<a class="hamburger" href="#"><i class="fas fa-bars"></i></a>
<!-- <i class="fas fa-chevron-down"></i> -->
</div>
<div class="contain">
<div class="contain-mask">
<h2>咬一口就<br>無法忘懷的漢堡</h2>
<p>
七夕絕對無法錯過的好滋味<br>
<i class="fas fa-utensils"></i>六角大漢堡<i class="fas fa-utensils"></i>
</p>
</div>
</div>
</div>
<div class="cart">
<div class="cart-inner-l">
<h3><i class="fas fa-leaf"></i>線上訂購美食</h3>
<ul>
<li><a href="#">全部 (23)</a></li>
<li><a href="#">只愛吃薯條 (18)</a></li>
<li><a href="#">加熱就可食 (1)</a></li>
<li><a class="clicked" href="#">不敗漢堡系列 (4)</a></li>
</ul>
</div>
<div class="cart-inner-r">
<div class="search-checkout-area">
<div class="search">
<input type="text" placeholder="Search">
<span class="search-mark"><i class="fas fa-search"></i></span>
</div>
<div class="checkout">
<a href="#">結帳去</a>
<span>|</span>
<a href="#">
<span class="fa-layers fa-fw">
<i class="fas fa-shopping-cart fa-2x"></i>
<span class="fa-layers-counter">1</span>
</span>
</a>
</div>
</div>
<div class="items-area">
<ul>
<li class="itemcard hot">
<div class="pic p1">經典漢堡套餐</div>
<h4>經典漢堡套餐</h4>
<h5>Classic Hamburger Package</h5>
<hr>
<p>$120</p>
<a href="#"><i class="fas fa-shopping-cart"></i> 加入購物車</a>
<i class="far fa-heart"></i>
</li>
<li class="itemcard">
<div class="pic p2">英俊香腸</div>
<h4>英俊香腸</h4>
<h5>Handsome Sausage</h5>
<hr>
<p>$1,024</p>
<a href="#"><i class="fas fa-shopping-cart"></i> 加入購物車</a>
<i class="far fa-heart"></i>
</li>
<li class="itemcard">
<div class="pic p3">漢堡兄弟</div>
<h4>漢堡兄弟</h4>
<h5>Hamburg Brothers</h5>
<hr>
<p>$792</p>
<a href="#"><i class="fas fa-shopping-cart"></i> 加入購物車</a>
<i class="far fa-heart"></i>
</li>
<li class="itemcard">
<div class="pic p4">完美願望</div>
<h4>完美願望</h4>
<h5>Dragon Ball Package</h5>
<hr>
<p>$999,999</p>
<a href="#"><i class="fas fa-shopping-cart"></i> 加入購物車</a>
<i class="far fa-heart"></i>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="info">
<div>
<h3>關於 六角西餐廳</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellendus inventore eaque, consequuntur commodi vitae esse maxime incidunt perspiciatis accusantium provident.</p>
</div>
<div>
<h3>聯絡方式</h3>
<ul>
<li>高雄市中正五路到底</li>
<li>+886 886 886</li>
<li>service@hexschool.com</li>
</ul>
</div>
</div>
<div>
<h2><a href="index.html">六角西餐廳</a></h2>
<ul class="social">
<li class="gplus"><a href="#"><i class="fab fa-google-plus-square"></i></a></li>
<li class="twitter"><a href="#"><i class="fab fa-twitter-square"></i></a></li>
<li class="facebook"><a href="#"><i class="fab fa-facebook-square"></i></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>