-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (147 loc) · 5.34 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<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">
<link rel="stylesheet" href="/css/main.css">
<script src="https://kit.fontawesome.com/79a08c8d3d.js" crossorigin="anonymous"></script>
<title>ChocoBake!</title>
</head>
<body>
<header>
<nav class="navbar">
<div class="logo">
ChocoBake!
<!-- <img src="https://images.vexels.com/media/users/3/167074/isolated/lists/f74c66c8f6061e3b5191cc32eb40531e-baker-gonna-bake-cake-rhomb-badge-stroke.png" alt=""> -->
</div>
<div class="drawer">
<i class="fas fa-bars fa-2x"></i>
<div class="drawer-menu">
<ul>
<li class="button">
<a href="/index.html">
<p>Home</p>
</a>
</li>
<li class="button">
<a href="/products.html">
<p>Our menu</p>
</a>
</li>
<li class="button">
<a href="#item-2">
<p>About us</p>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="basket">
<a href="/basket.html">
<i class="fas fa-shopping-basket"></i>
<p>3 items in basket</p>
<i class="fas fa-arrow-right"></i>
</a>
</div>
<section class="hero">
<img src="/images/top-view-chocolate-cake-ready-be-served.jpg" alt="">
<!-- <div class="image-overlay"></div> -->
<div class="default-margin card">
<h1>Chocolate is LOVE<br>Chocolate is LIFE!</h1>
<p>Stay Tune Chocolate Lover!<br>More chocolate menu is coming to our cafe</p>
<!-- <div class="button"><a href="">More Detail</a></div> -->
</div>
</section>
<section class="content-section">
<div>
<div>
<h1>Recommended Menu</h1>
<p>Loved by our customer!</p>
</div>
<div class="button-outline">
<a href="/products.html">
<p>View all items</p>
</a>
</div>
</div>
<section class="index-grid">
<div class="card-clickable">
<div class="price-tag">39</div>
<div class="add-to-basket">
<p>Add to basket !</p>
</div>
<img src="images/close-up-chocolate-bar-croissants.jpg">
<div class="label">
<h1>Dark Chocolate filled Croissant</h1>
</div>
</div>
<div class="card-clickable">
<div class="price-tag">39</div>
<div class="add-to-basket">
<p>Add to basket !</p>
</div>
<img src="images/happy-birthday-cake-table.jpg">
<div class="label">
<h1>Birthday Chocolate Cake</h1>
</div>
</div>
<div class="card-clickable">
<div class="price-tag">39</div>
<div class="add-to-basket">
<p>Add to basket !</p>
</div>
<img src="images/top-view-chocolate-cake-ready-be-served (1).jpg">
<div class="label">
<h1>Chocolate Cake</h1>
</div>
</div>
<div class="card-clickable">
<div class="price-tag">39</div>
<div class="add-to-basket">
<p>Add to basket !</p>
</div>
<img src="images/muffins-with-cocoa-cream-wooden-board.jpg">
<div class="label">
<h1>Coaco Muffins</h1>
</div>
</div>
</section>
</section>
<footer class="default-padding" id="footer">
<div class="contact">
<h2>Visit Us</h2>
<p>Prince of Songkla University International College</p>
<p>12th floor, Learning Resource Center (LRC)</p>
<p>15 Kanjanvanich Road, Hat Yai, Songkhla 90110</p>
<br>
<p>Telephone : 66 (0) 7428 2831, 66 (0) 7428 9404</p>
<p>Email : psuic-info@psu.ac.th</p>
</div>
<div class="sitemap">
<h2>Keep in touch</h2>
<ul>
<li class="button">
<a href="#item-1">
<p>Facebook</p>
</a>
</li>
<li class="button">
<a href="#item-2">
<p>Twitter</p>
</a>
</li>
<li class="button">
<a href="#item-3">
<p>Instagram</p>
</a>
</li>
</ul>
</div>
</footer>
<footer class="content-padding" id="credit">
<p>This website is created and designed by Jetsadakorn Maliwan.</p>
</footer>
</body>
</html>