-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathperlengkapan kantor.html
156 lines (153 loc) · 8.58 KB
/
perlengkapan kantor.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
<!DOCTYPE html>
<html>
<head>
<title>Toko Firo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="/img/LOGO FIRO5 2.png" />
<link rel="stylesheet" type="text/css" href="checkout.css">
<script src="checkout.js" async></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
</head>
<body>
<header>
<nav>
<div class="margin-1200">
<ul class="nav-left">
<a class="logo-mark" href="MainPage.html"><img src="img/LOGO FIRO5 4.png" width="60px" id="logo"></a>
</ul>
<ul class="nav-right">
<a href="MainPage.html">Home</a>
<div class="dropdown">
<button class="dropbtn" style="font-family:'GothamMedium'">Collection
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="alat tulis.html">Alat Tulis</a>
<a href="produk kertas.html">Produk Kertas</a>
<a href="perlengkapan kantor.html">Perlengkapan Kantor</a>
</div>
</div>
<a href="MainPage.html#about-us">About Us</a>
<a href="profile.html" class="fas fa-user-circle"></a>
</ul>
</div>
</nav>
</header>
<br>
<main>
<br>
<section id="koleksi">
<div class="shop-items">
<div class="grid centered" id="koleksi">
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">Kenko Gunting 848</p>
<img src="img/collection/gunting.png" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 12000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">ID Gantungan Yoyo</p>
<img src="img/collection/yoyo id gantungan.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 2700</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">ID Gantungan Yoyo</p>
<img src="img/collection/kalkulator.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 185000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
</div>
<div class="grid centered" id="koleksi">
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">Casio Stopwatch HS-3</p>
<img src="img/collection/casio stopwatch.png" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 330000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">ABC Baterai Alkaline LR06 AA (2pcs)</p>
<img src="img/collection/alkaline baterai.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 12000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">Joyko Green Laser Pointer LP-101</p>
<img src="img/collection/joyko green laser.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 60000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
</div>
<div class="grid centered" id="koleksi">
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">Deli Kaca Pembesar Magnifier 2,5X,5X E9090</p>
<img src="img/collection/deli kaca pembesar.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 30000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">Joyko ID Card Name Tag Potrait NT-51 White</p>
<img src="img/collection/id card.jpg" alt="produk" width="215px" class="shop-item-image">
<p class="shop-item-price">Rp 7000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">Joyko Kompas Arah Mata Angin Compass CO-46LG</p>
<img src="img/collection/joyko kompas.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 50000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
</div>
<div class="grid centered" id="koleksi">
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">SDI Desk Call Bell #1099</p>
<img src="img/collection/sdi desk call bell.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 60000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">V-TEC Hand Tally Counter No.900</p>
<img src="img/collection/vtec hand tally counter.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 25000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
<div class="grid-content col-4 shop-item">
<p class="shop-item-title">GM Label Stiker Warna LK211C</p>
<img src="img/collection/gm label stiker.jpg" alt="produk" width="200px" class="shop-item-image">
<p class="shop-item-price">Rp 13000</p>
<button class="btn btn-primary shop-item-button" type="button">ADD TO CART</button>
</div>
</div>
</div>
</section>
<section class="container content-section">
<h2 class="section-header">CART</h2>
<div class="cart-row">
<span class="cart-item cart-header cart-column">ITEM</span>
<span class="cart-price cart-header cart-column">PRICE</span>
<span class="cart-quantity cart-header cart-column">QUANTITY</span>
</div>
<div class="cart-items">
</div>
<div class="cart-total">
<strong class="cart-total-title">Total</strong>
<span class="cart-total-price">Rp0</span>
</div>
<button class="btn btn-primary btn-purchase" type="button">PURCHASE</button>
</section>
</main>
</body>
<footer>
<div class="footer">
<div class="grid centered">
<div class="left">
<p></p>
<img src="img/LOGO FIRO5 4.png" width="60px">
</div>
<div class="right">
<p style="color:whitesmoke">Toko Firo - 2020 All Rights Reserved</p>
</div>
</div>
</div>
</footer>
</html>