-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
340 lines (307 loc) · 18 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
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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.css">
<title>Document</title>
</head>
<body>
<section class="container">
<section class="parent">
<ul class="allProducts">
<li>
<img src="image/2023 ASUS Zenbook.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">2023 ASUS Zenbook</h3>
<ul class="featured">
<li>Storage Type : SSD</li>
<li>SSD Capacity : 256 GB</li>
<li>Optical Drive Type : No</li>
<li>GPU AMD Radeon Graphics</li>
<li>Item Height : 0.78</li>
<li>Item Weight : 3.89</li>
<li>ZA149 Resolution : 1920 x 1080</li>
<li>Part Number : F515EA-WH52-R</li>
<li>Video Inputs: 1 x HDMI 1.4</li>
<li>ZA50 Memory Type : DDR4</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">5685000 S.Y</h3>
<button class="btnAdd" price="5685000" itme-name="2023 ASUS Zenbook"
condition=" UM3402YA 14 2.8K OLED Touch Laptop Ryzen5 7530U 8GB 256GB W11">Add</button>
</div>
</li>
<li>
<img src="image/Dell.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">Dell</h3>
<ul class="featured">
<li>RAM Size : 32 GB</li>
<li>SSD Capacity : 512 GB</li>
<li>GPU : Intel HD Graphics P630</li>
<li>Maximum Resolution : 1920 x 1080</li>
<li>Features : Built-in Webcam, Widescreen Display, Wi-Fi</li>
<li>Seller Notes : “Perfectly working in Very Good Condition”</li>
<li>Model : Dell Latitude 5480</li>
<li>Connectivity : HDMI, USB 3.0, SD Card Slot</li>
<li>Operating System : Windows 10 Pro</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">5249850 S.Y</h3>
<button class="btnAdd" price="5249850" itme-name="Dell"
condition="IPS FHD Laptop Intel Core i5-1335U 12GB 512GB SSD W11">Add</button>
</div>
</li>
<li>
<img src="image/Lenovo ThinkPad X1 Nano 13.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">Lenovo ThinkPad X1 Nano 13</h3>
<ul class="featured">
<li>Processor Model : Intel Core i5-1335U</li>
<li>Processor Speed : up to 4.6 GHz with Intel® Turbo Boost Technology, 12 MB L3 cache, 10
cores, 12 threads</li>
<li>Processor Cores : 10 cores (8E + 2P)</li>
<li>Storage Type : SSD (Solid State Drive)</li>
<li>Features : Backlit Keyboard, Bluetooth, Built-in Microphone, Built-in Webcam</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">8999850 S.Y</h3>
<button class="btnAdd" price="8999850" itme-name="Lenovo ThinkPad X1 Nano 13"
condition="IPS FHD Laptop Intel Core i5-1335U 12GB 512GB SSD W11">Add</button>
</div>
</li>
<li>
<img src="image/2023 HP 17.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">2023 HP 17</h3>
<ul class="featured">
<li>Operating System : Windows 11</li>
<li>SSD Capacity : 512 GB</li>
<li>Storage Type : SSD</li>
<li>Processor : Intel i5-1335U</li>
<li>RAM Size : 12 GB</li>
<li>Screen Size : 17.3 in</li>
<li>ZA50 Memory Type : DDR4</li>
<li>ZA021 Battery : 3-Cell 41 WHr</li>
<li>Connectivity : USB 3.1 Type-C Gen1 2 x USB 3.1 Gen2, 1x HDMI</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">4450050 S.Y</h3>
<button class="btnAdd" price="4450050" itme-name="2023 HP 17"
condition="IPS FHD Laptop Intel Core i5-1335U 12GB 512GB SSD W11">Add</button>
</div>
</li>
<li>
<img src="image/Dell Latitude 5410 14.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">Dell Latitude 5410 14</h3>
<ul class="featured">
<li>Processor Speed : 4.90 GHz</li>
<li>Operating System : Windows 10 Pro</li>
<li>Features : Backlit Keyboard, Bluetooth, Built-in Microphone, Built-in Webcam</li>
<li>Storage Type : SSD (Solid State Drive)</li>
<li>Graphics Processing Type : Integrated/On-Board Graphics</li>
<li>SSD Capacity : 512 GB</li>
<li>Condition : Very Good - Refurbished: The item shows minimal wear and is backed by a one
year warranty. </li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">6300000 S.Y</h3>
<button class="btnAdd" price="6300000" itme-name="Dell Latitude 5410 14"
condition="FHD i7-10610U 32GB 512GB SSD FPReader Cam Windows 10 Pro">Add</button>
</div>
</li>
<li>
<img src="image/Apple MacBook Pro 15.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">Apple MacBook Pro 15 </h3>
<ul class="featured">
<li>Brand : Apple</li>
<li>Processor : Intel Core i7</li>
<li>RAM Size : 32 GB</li>
<li>Screen Size : 15 in</li>
<li>Model : MacBook Pro</li>
<li>Seller Notes : “Industry leading technicians, warranty and support. This earlier model
year Macbook has
been upgraded, verified and certified by our industry leading technicians. We're so
confident in our products that we include warranty with Macbook Pro.</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">5835000 S.Y</h3>
<button class="btnAdd" price="5835000" itme-name="Apple MacBook Pro 15"
condition="Retina Laptop Quad Core i7 16GB RAM 512GB SSD - WARRANTY">Add</button>
</div>
</li>
<li>
<img src="image/HP Victus 15.6.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">HP Victus 15.6</h3>
<ul class="featured">
<li>Type : Notebook/Laptop</li>
<li>Processor : ntel Core i5 12th Gen.</li>
<li>Screen Size : 15.6 in</li>
<li>Hard Drive Capacity : 512 GB</li>
<li>Operating System : Windows 11 Home</li>
<li>SSD Capacity : 512 GB</li>
<li>GPU : 2050</li>
<li>UPC : 198122495634</li>
<li>Condition : New: A brand-new, unused, unopened, undamaged item in its original packaging
(where packaging is applicable).Packaging should be the same as what is found in a
retail store.</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">8849850 S.Y</h3>
<button class="btnAdd" price="8849850" itme-name="HP Victus 15.6"
condition="FHD 144Hz Laptop Intel Core i5-12450H/8GB/512GB/RTX2050 New!!!">Add</button>
</div>
</li>
<li>
<img src="image/HP CHROMEBOOK.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">HP CHROMEBOOK</h3>
<ul class="featured">
<li>Processor : Intel Celeron</li>
<li>Screen Size : 14 in</li>
<li>RAM Size : 4 GB</li>
<li>SSD Capacity : 16 GB</li>
<li>GPU : Intel HD Graphics</li>
<li>Processor Speed : 1.40 GHz</li>
<li>Brand : HP</li>
<li>Maximum Resolution : 1366 x 768</li>
<li> Series : HP Chromebook</li>
<li>Model : HP CHROMEBOOK 14 G1</li>
<li>Type : Chromebook</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">585000 S.Y</h3>
<button class="btnAdd" price="585000" itme-name="HP CHROMEBOOK"
condition="14 G1 CELERON 2955U 1.40GHZ 4GB 16GB SSD 14 HD">Add</button>
</div>
</li>
<li>
<img src="image/Dell Latitude 5300.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">Dell Latitude 5300</h3>
<ul class="featured">
<li>Storage Type : SSD</li>
<li>Maximum Resolution : 1920 x 1080</li>
<li>Processor Speed : 1.6 GHz</li>
<li>MPN : Latitude 5300 2-in-1</li>
<li>Series : Latitude 5300 2-in-1</li>
<li>RAM Size : 16GB</li>
<li>Series : Latitude 5300 2-in-1</li>
<li>Most Suitable For : Office</li>
<li>Connectivity : AC</li>
<li>Part Number : Latitude 5300 2-in-1</li>
<li>Intel Dual Band Wireless AC 9560 (802.11ac) 2x2 + Bluetooth 5.0</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">2549850 S.Y</h3>
<button class="btnAdd" price="2549850" itme-name="Dell Latitude 5300"
condition="2-in-1 TS 13.3 FHD Laptop Intel i5-8365U 16GB 256GB W10P">Add</button>
</div>
</li>
<li>
<img src="image/Sony VAIO.png" alt="image loading..." class="face">
<div class="back">
<h3 class="title">Sony VAIO</h3>
<ul class="featured">
<li>RAM Size : MB</li>
<li>Brand : Sony</li>
<li>Screen Size : 13.3 in</li>
<li>Processor : Intel Pentium</li>
<li>Operating System : Windows 98</li>
<li>Hard Drive Capacity : 10 GB</li>
<li>Storage Type : HDD (Hard Disk Drive) </li>
<li>Seller Notes : “Bad Battery // Item has been tested and is in full working condition.
Expect Blemishes/Scuffs/Dust from normal wear and tear.”</li>
</ul>
<div class="cover-color">
<h4 class="cover">COVER:</h4>
<button class="btn-blue btn-color">BLUE</button><button
class="btn-red btn-color">RED</button><button
class="btn-green btn-color">GREEN</button><button
class="btn-gray btn-color">GRAY</button>
</div>
<h3 class="price">2159850 S.Y</h3>
<button class="btnAdd" price="2159850" itme-name="Sony VAIO"
condition="PCG-XG500 Intel Pentium 1.13GHz 128MB RAM 10GB HDD Win98 SE">Add</button>
</div>
</li>
</ul> <!-- /allProducts -->
<section class="MyBag">
<h2 class="title">my bag</h2>
<div class="goodTable">
<div class="haed-goodTable">
</div>
<div class="body-goodTable"></div>
<div class="footer-goodTable"></div>
</div>
<button class="showPrice">show price</button>
</section> <!-- /MyBag -->
</section> <!-- /parent -->
</section> <!-- /container -->
<!--
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
-->
<script src="js/script.js"></script>
</body>
</html>