-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathshop.html
More file actions
154 lines (143 loc) · 6.17 KB
/
shop.html
File metadata and controls
154 lines (143 loc) · 6.17 KB
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
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/academy.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/shop.css" media="screen,projection"/>
<title>Hi Tea Online Store</title>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div class="academy-background">
<nav class="navbar-color">
<div class="container">
<div class="nav-wrapper ">
<a href="index.html" class="brand-logo center">
<img src="image/logo.png" alt="" class="nav-logo">
</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a class="" href="index.html">Hi-Tea Academy </a></li>
<li><a href="shop.html">Hi-Tea Shop</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a class="" href="index.html">Hi-Tea Academy </a></li>
<li><a href="shop.html">Hi-Tea Shop</a></li>
</ul>
</div>
</div>
</nav>
<div class="main-title-div">
<h3>Hi-Tea Shop</h3>
</div>
<div class="container shop-container">
<div class="jumbotron">
<div class="col l12 s12">
<div class="card">
<div class="row product-detail ">
<div class="col l8 s12">
<div class="card-image ">
<img src="image/shirt.jpeg">
</div>
</div>
<div class="col l4 s12 product-description">
<h4>Shop T-Shirt</h4>
<a class="waves-effect waves-light btn-flat blue-text text-darken-2" href="shirt.html"><i class="material-icons right">shop</i>Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col l4 m6 s12">
<div class="card">
<a href="itemDetail.html" disabled>
<div class="card-image">
<img src="image/sticker.jpg">
</div>
</a>
<div class="card-action action-box">
<p class="no-block">Sticker</p>
<p class="blue-text text-darken-2">Coming Soon</p>
</div>
</div>
</div>
<div class="col l4 m6 s12">
<div class="card">
<a href="itemDetail.html" disabled>
<div class="card-image">
<img src="image/lanyard.jpg">
</div>
</a>
<div class="card-action action-box">
<p class="no-block">Lanyard</p>
<p class="blue-text text-darken-2">Coming Soon</p>
</div>
</div>
</div>
<div class="col l4 m6 s12">
<div class="card">
<a href="itemDetail.html" disabled>
<div class="card-image">
<img src="image/hoodie.png">
</div>
</a>
<div class="card-action action-box">
<p class="no-block">Hoodies</p>
<p class="blue-text text-darken-2">Coming Soon</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">My Hi Tea Tech</h5>
<p class="grey-text text-lighten-4">
My Hi Tech is a non-profit activities that provides free learning courses to all FTMK students.
This event is orgarnized by FICTS and run by FTMK students.
<br><br>
Any passionate students or lectures that willing to share their experience and knowledge is welcomed to
be the instructor to teach students.
</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Social Networks</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="https://www.facebook.com/FICTS-UTeM-365022793705325/?fref=ts">FICTS Facebook</a></li>
<li><a class="grey-text text-lighten-3" href="https://www.instagram.com/fictsutem/">FICTS Instagram</a></li>
<li><a class="grey-text text-lighten-3" href="https://twitter.com/twt_FICTs?lang=en">FICTS Twitter</a></li>
<li><a class="grey-text text-lighten-3" href="http://ftmk.utem.edu.my/web/">FTMK Websites</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>
$(document).ready(function(){
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal-trigger').leanModal();
});
$(document).ready(function() {
$('select').material_select();
$(".button-collapse").sideNav();
});
</script>
</body>
</html>