-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
387 lines (365 loc) · 24.7 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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WebStore | beta</title>
<!-- SEO tags -->
<meta name="author" content="Roneet Kumar">
<meta name="description" content="Web-store is material design platform where developer's can show off thier web-apps and user's can easily find best web-apps at one place.">
<meta name="keywords" content="roneet,kumar,parida,webstore,pwa,progressive,web,apps,material,design,awesome,store,github,pages,github.io,roneetkumar,roneetparida">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#ffffff" />
<link rel="manifest" href="functions/manifest.json">
<link href="https://fonts.googleapis.com/css?family=Google+Sans:500,700" rel="stylesheet">
<link rel="stylesheet" href="styles/index.min.css">
<!-- fav icons -->
<link rel="shortcut icon" href="assets/favicon.ico">
<link href="assets/favicon.ico" rel="icon" sizes="192x192">
<link rel="apple-touch-icon" href="assets/favicon.ico">
</head>
<body>
<!-- header -->
<header><img src="assets/favicon.ico" style="width: 50px;
margin: -15px 7px;" alt="">WebStore</header>
<!-- main content -->
<div class="wrapper">
<!-- about section in sidebar -->
<div class="about-wrapper info-wrapper">
<div class="about-product" style="margin-top: 50vh;">
<div class="about-header">
<img src="assets/favicon.ico" alt="" class="product-logo">
<h1>WebStore</h1>
</div>
<ul class="about-content-list">
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M22 34h4V22h-4v12zm2-30C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.82 0-16-7.18-16-16S15.18 8 24 8s16 7.18 16 16-7.18 16-16 16zm-2-22h4v-4h-4v4z" />
</svg>
<h1 class="item-title">Version</h1>
<h1 class="item-sub-title">0.1.4</h1>
</li>
<a href="https://github.com/roneetkumar/webstore/blob/master/Changelog.md" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M25.99 6C16.04 6 8 14.06 8 24H2l7.79 7.79.14.29L18 24h-6c0-7.73 6.27-14 14-14s14 6.27 14 14-6.27 14-14 14c-3.87 0-7.36-1.58-9.89-4.11l-2.83 2.83C16.53 39.98 21.02 42 25.99 42 35.94 42 44 33.94 44 24S35.94 6 25.99 6zM24 16v10l8.56 5.08L34 28.65l-7-4.15V16h-3z" />
</svg>
<h1 class="item-title without-sub-heading">Changelog</h1>
</li>
</a>
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M38 6h-8.37c-.82-2.32-3.02-4-5.63-4s-4.81 1.68-5.63 4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4zM24 6c1.1 0 2 .89 2 2s-.9 2-2 2-2-.89-2-2 .9-2 2-2zm-4 28l-8-8 2.83-2.83L20 28.34l13.17-13.17L36 18 20 34z" />
</svg>
<h1 class="item-title without-sub-heading">Introduction</h1>
</li>
<a href="https://github.com/roneetkumar/webstore/blob/master/T%26C" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M28 4H12C9.79 4 8.02 5.79 8.02 8L8 40c0 2.21 1.77 4 3.98 4H36c2.21 0 4-1.79 4-4V16L28 4zm4 32H16v-4h16v4zm0-8H16v-4h16v4zm-6-10V7l11 11H26z" />
</svg>
<h1 class="item-title without-sub-heading">Terms And Conditions</h1>
</li>
</a>
</ul>
</div>
<div class="about-product">
<div class="about-header" style="height:50px;">
<h1 style="font-size:12px; margin:0 20px">Author</h1>
</div>
<ul class="about-content-list">
<a href="https://roneetkumar.github.io" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 6c3.31 0 6 2.69 6 6 0 3.32-2.69 6-6 6s-6-2.68-6-6c0-3.31 2.69-6 6-6zm0 28.4c-5.01 0-9.41-2.56-12-6.44.05-3.97 8.01-6.16 12-6.16s11.94 2.19 12 6.16c-2.59 3.88-6.99 6.44-12 6.44z" />
<path d="M0 0h48v48H0z" fill="none" />
</svg>
<h1 class="item-title">Roneet Kumar</h1>
<h1 class="item-sub-title">roneetkumar.github.io</h1>
</li>
</a>
<a href="https://plus.google.com/+roneetKumar" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" style="width: 26px;height: 26px;" viewBox="0 0 512 512">
<path d="M179.7 237.6L179.7 284.2 256.7 284.2C253.6 304.2 233.4 342.9 179.7 342.9 133.4 342.9 95.6 304.4 95.6 257 95.6 209.6 133.4 171.1 179.7 171.1 206.1 171.1 223.7 182.4 233.8 192.1L270.6 156.6C247 134.4 216.4 121 179.7 121 104.7 121 44 181.8 44 257 44 332.2 104.7 393 179.7 393 258 393 310 337.8 310 260.1 310 251.2 309 244.4 307.9 237.6L179.7 237.6 179.7 237.6ZM468 236.7L429.3 236.7 429.3 198 390.7 198 390.7 236.7 352 236.7 352 275.3 390.7 275.3 390.7 314 429.3 314 429.3 275.3 468 275.3" /></svg>
<h1 class="item-title">Follow on Google Plus</h1>
<h1 class="item-sub-title">+RoneetKumar</h1>
</li>
</a>
<a href="https://twitter.com/@iamroneet" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" style="width: 26px;height: 26px; " viewBox="0 0 512 512">
<path d="M419.6 168.6c-11.7 5.2-24.2 8.7-37.4 10.2 13.4-8.1 23.8-20.8 28.6-36 -12.6 7.5-26.5 12.9-41.3 15.8 -11.9-12.6-28.8-20.6-47.5-20.6 -42 0-72.9 39.2-63.4 79.9 -54.1-2.7-102.1-28.6-134.2-68 -17 29.2-8.8 67.5 20.1 86.9 -10.7-0.3-20.7-3.3-29.5-8.1 -0.7 30.2 20.9 58.4 52.2 64.6 -9.2 2.5-19.2 3.1-29.4 1.1 8.3 25.9 32.3 44.7 60.8 45.2 -27.4 21.4-61.8 31-96.4 27 28.8 18.5 63 29.2 99.8 29.2 120.8 0 189.1-102.1 185-193.6C399.9 193.1 410.9 181.7 419.6 168.6z" /></svg>
<h1 class="item-title">Follow on Twitter</h1>
<h1 class="item-sub-title">@iamroneet</h1>
</li>
</a>
<a href="https://github.com/roneetkumar" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" style="width: 26px;height: 26px;" viewBox="0 0 512 512">
<path d="M256 70.7c-102.6 0-185.9 83.2-185.9 185.9 0 82.1 53.3 151.8 127.1 176.4 9.3 1.7 12.3-4 12.3-8.9V389.4c-51.7 11.3-62.5-21.9-62.5-21.9 -8.4-21.5-20.6-27.2-20.6-27.2 -16.9-11.5 1.3-11.3 1.3-11.3 18.7 1.3 28.5 19.2 28.5 19.2 16.6 28.4 43.5 20.2 54.1 15.4 1.7-12 6.5-20.2 11.8-24.9 -41.3-4.7-84.7-20.6-84.7-91.9 0-20.3 7.3-36.9 19.2-49.9 -1.9-4.7-8.3-23.6 1.8-49.2 0 0 15.6-5 51.1 19.1 14.8-4.1 30.7-6.2 46.5-6.3 15.8 0.1 31.7 2.1 46.6 6.3 35.5-24 51.1-19.1 51.1-19.1 10.1 25.6 3.8 44.5 1.8 49.2 11.9 13 19.1 29.6 19.1 49.9 0 71.4-43.5 87.1-84.9 91.7 6.7 5.8 12.8 17.1 12.8 34.4 0 24.9 0 44.9 0 51 0 4.9 3 10.7 12.4 8.9 73.8-24.6 127-94.3 127-176.4C441.9 153.9 358.6 70.7 256 70.7z"></path>
</svg>
<h1 class="item-title">Fork on Github</h1>
<h1 class="item-sub-title">roneetkumar</h1>
</li>
</a>
<a href="https://www.youtube.com/channel/UCQNv-8L2eyFlAD7AC2djeVQ" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" style="width: 26px;height: 26px; " viewBox="0 0 512 512">
<path d="M422.6 193.6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54 -4 33.6-4 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54C426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303.4z" /></svg>
<h1 class="item-title">Subscribe on Youtube Channel</h1>
<h1 class="item-sub-title">roneetkumar</h1>
</li>
</a>
</ul>
</div>
<div class="about-product">
<div class="about-header" style="height:50px;">
<h1 style="font-size:12px; margin:0 20px">Support Development</h1>
</div>
<ul class="about-content-list">
<a href="https://plus.google.com/communities/105098897989891106112" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M24 4C12.95 4 4 12.95 4 24c0 11.04 8.95 20 20 20s20-8.96 20-20c0-11.05-8.95-20-20-20zm-8 31c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm3-19c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5-5-2.24-5-5zm13 19c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z" />
</svg>
<h1 class="item-title">Join Google+ Community</h1>
<h1 class="item-sub-title">If you want to contribute any idea.</h1>
</li>
</a>
</ul>
</div>
<div class="about-product">
<div class="about-header" style="height:50px;">
<h1 style="margin:0 20px">Special thanks to</h1>
</div>
<ul class="about-content-list">
<a href="https://github.com/RohitParida27" target="_blank" rel="noopener">
<li class="about-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M14 28c-3.31 0-6 2.69-6 6 0 2.62-2.31 4-4 4 1.84 2.44 4.99 4 8 4 4.42 0 8-3.58 8-8 0-3.31-2.69-6-6-6zM41.41 9.26l-2.67-2.67c-.78-.78-2.05-.78-2.83 0L18 24.5l5.5 5.5 17.91-17.91c.79-.79.79-2.05 0-2.83z" />
</svg>
<h1 class="item-title">Rohit Parida</h1>
<h1 class="item-sub-title">For helping me with design and material icon.</h1>
</li>
</a>
</ul>
</div>
</div>
<!--support section in sidebar -->
<div class="support-wrapper info-wrapper">
<div class="support-product">
<div class="support-header" style="height:50px;">
<h1 style="margin:0 20px">Support Development</h1>
</div>
<ul class="support-content-list">
<a href="https://plus.google.com/communities/109150418916571139018" target="_blank" rel="noopener">
<li class="support-item">
<svg class="item-icon" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M24 4C12.95 4 4 12.95 4 24c0 11.04 8.95 20 20 20s20-8.96 20-20c0-11.05-8.95-20-20-20zm-8 31c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm3-19c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5-5-2.24-5-5zm13 19c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z" />
</svg>
<h1 class="item-title">Join Google+ Community</h1>
<h1 class="item-sub-title">If you want to contribute any idea.</h1>
</li>
</a>
</ul>
</div>
</div>
<!--faq section in sidebar -->
<div class="faq-wrapper info-wrapper">
<div class="faq-product">
<div class="faq-header" style="height:50px;">
<h1 style="margin:0 20px">FAQs</h1>
</div>
<ul class="faq-content-list">
<li class="faq-item">
<h1 class="item-title">Whats is WebStore ?</h1>
<p class="item-sub-title">WebStore is material design platform where developer's can show off
their web-apps and user's can easily find best web-apps at one place. </p>
</li>
<hr>
<li class="faq-item">
<h1 class="item-title">How do I submit my apps ?</h1>
<p class="item-sub-title">Click on the hamburger menu-btn on the top left and fill the details
and we will get to you ASAP.</p>
</li>
<hr>
<li class="faq-item">
<h1 class="item-title">How can I prepare my app for the WebStore ?</h1>
<p class="item-sub-title">Checkout our <a href="https://github.com/roneetkumar/webstore/blob/master/T%26C" target="_blank" rel="noopener">github</a> page to know more about all the terms and
conditions and how you can prepare
your web-apps before submitting.</p>
</li>
</ul>
</div>
</div>
<!-- navigation panel overlay -->
<div class="nav-overlay"></div>
<!-- navigation panel wrapper -->
<nav class="nav-bar-wrapper">
<div class="nav-header">
<div class="nav-pic">
<img src="assets/favicon.ico" alt="" class="product-logo">
</div>
<div class="nav-heading">
<h1 class="title">WebStore</h1>
<a href="mailto:[email protected]">
<h1 class="email">[email protected]</h1>
</a>
</div>
</div>
<!-- navigation menu -->
<ul class="nav-menu">
<li class="menu-item menu-item-selected apps-item">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M10 32c0 7.73 6.27 14 14 14s14-6.27 14-14v-8H10v8zM32.25 8.74l4.2-4.2-1.65-1.65-4.61 4.61C28.31 6.57 26.23 6 24 6c-2.23 0-4.31.57-6.19 1.5L13.2 2.89l-1.65 1.65 4.2 4.2C12.28 11.28 10 15.36 10 20v2h28v-2c0-4.64-2.28-8.72-5.75-11.26zM18 18c-1.11 0-2-.9-2-2s.89-2 2-2c1.11 0 2 .9 2 2s-.89 2-2 2zm12 0c-1.11 0-2-.9-2-2s.89-2 2-2c1.11 0 2 .9 2 2s-.89 2-2 2z" />
</svg>
<h1 class="list-item-title">Apps & Games</h1>
</li>
<a href="mailto:[email protected]?subject=Submit Web App&body=Make sure you checkout our submition terms and condition before submitting your Web-app and include all the required entries. Term And Conditions Page: https://github.com/roneetkumar/webstore/blob/master/T%26C">
<li class="submit menu-item">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M18 32h12V20h8L24 6 10 20h8zm-8 4h28v4H10z" />
</svg>
<h1 class="list-item-title">Submit Apps</h1>
</li>
</a>
<hr>
<li class="support">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path fill="none" d="M0 0h48v48H0V0z" />
<path d="M40 6H8v20c0 4.42 3.58 8 8 8h12c4.42 0 8-3.58 8-8v-6h4c2.21 0 4-1.79 4-4v-6c0-2.21-1.79-4-4-4zm0 10h-4v-6h4v6zM8 38h32v4H8z" />
</svg>
<h1 class="list-item-title">Support</h1>
</li>
<li class="bug-list">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M40 16h-5.62c-.9-1.56-2.14-2.91-3.63-3.92L34 8.83 31.17 6l-4.35 4.35c-.9-.22-1.85-.35-2.82-.35-.97 0-1.92.13-2.82.35L16.83 6 14 8.83l3.25 3.25c-1.49 1.01-2.73 2.36-3.63 3.92H8v4h4.18c-.11.65-.18 1.32-.18 2v2H8v4h4v2c0 .68.07 1.35.18 2H8v4h5.62c2.07 3.58 5.94 6 10.38 6s8.31-2.42 10.38-6H40v-4h-4.18c.11-.65.18-1.32.18-2v-2h4v-4h-4v-2c0-.68-.07-1.35-.18-2H40v-4zM28 32h-8v-4h8v4zm0-8h-8v-4h8v4z" />
</svg>
<h1 class="list-item-title">Bug-Report</h1>
</li>
<a href="https://github.com/roneetkumar/webstore/issues" target="_blank" rel="noopener">
<li class="menu-item bug-list-opt">
<svg style="width: 28px;height: 28px;left: 16px;" viewBox="0 0 512 512">
<path d="M256 70.7c-102.6 0-185.9 83.2-185.9 185.9 0 82.1 53.3 151.8 127.1 176.4 9.3 1.7 12.3-4 12.3-8.9V389.4c-51.7 11.3-62.5-21.9-62.5-21.9 -8.4-21.5-20.6-27.2-20.6-27.2 -16.9-11.5 1.3-11.3 1.3-11.3 18.7 1.3 28.5 19.2 28.5 19.2 16.6 28.4 43.5 20.2 54.1 15.4 1.7-12 6.5-20.2 11.8-24.9 -41.3-4.7-84.7-20.6-84.7-91.9 0-20.3 7.3-36.9 19.2-49.9 -1.9-4.7-8.3-23.6 1.8-49.2 0 0 15.6-5 51.1 19.1 14.8-4.1 30.7-6.2 46.5-6.3 15.8 0.1 31.7 2.1 46.6 6.3 35.5-24 51.1-19.1 51.1-19.1 10.1 25.6 3.8 44.5 1.8 49.2 11.9 13 19.1 29.6 19.1 49.9 0 71.4-43.5 87.1-84.9 91.7 6.7 5.8 12.8 17.1 12.8 34.4 0 24.9 0 44.9 0 51 0 4.9 3 10.7 12.4 8.9 73.8-24.6 127-94.3 127-176.4C441.9 153.9 358.6 70.7 256 70.7z"></path>
</svg>
<h1 class="list-item-title">Github</h1>
</li>
</a>
<a href="mailto:[email protected]">
<li class="menu-item bug-list-opt">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z" />
<path d="M0 0h48v48H0z" fill="none" />
</svg>
<h1 class="list-item-title">Mail</h1>
</li>
</a>
<li class="faq">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 34h-4v-4h4v4zm4.13-15.49l-1.79 1.84C26.9 25.79 26 27 26 30h-4v-1c0-2.21.9-4.21 2.34-5.66l2.49-2.52C27.55 20.1 28 19.1 28 18c0-2.21-1.79-4-4-4s-4 1.79-4 4h-4c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.76-.71 3.35-1.87 4.51z" />
</svg>
<h1 class="list-item-title">FAQs</h1>
</li>
<li class="about">
<svg xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z" />
</svg>
<h1 class="list-item-title">About</h1>
</li>
</ul>
</nav>
<!-- card grid wrapper -->
<ul id="grid-wrapper"></ul>
<section class="header">
<!-- chips wrapper -->
<section id="chips-wrapper">
<ul class="chips-list">
<li class="chips chip-clicked all-chips">
<h1>All</h1>
</li>
<li class="chips games-chips">
<h1>Games</h1>
</li>
<li class="chips ec-chips">
<h1>Editors' Choice</h1>
</li>
<li class="chips tools-chips">
<h1>Tools</h1>
</li>
<li class="chips news-chips">
<h1>News</h1>
</li>
<li class="chips trend-chips">
<h1>Trendings</h1>
</li>
</ul>
</section>
<!-- search bar -->
<div class="search-overlay"></div>
<div class="search-bar">
<svg class="nav-btn" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z" />
</svg>
<svg class="back-btn" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M0 0h48v48H0z" fill="none" />
<path d="M40 22H15.66l11.17-11.17L24 8 8 24l16 16 2.83-2.83L15.66 26H40v-4z" />
</svg>
<input autocomplete="off" id="myinput" onkeyup="searchFunction()" class="search-text-field" type="text" name="search" value="" placeholder="Search">
<svg class="search-btn" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M31 28h-1.59l-.55-.55C30.82 25.18 32 22.23 32 19c0-7.18-5.82-13-13-13S6 11.82 6 19s5.82 13 13 13c3.23 0 6.18-1.18 8.45-3.13l.55.55V31l10 9.98L40.98 38 31 28zm-12 0c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9z" />
<path d="M0 0h48v48H0z" fill="none" />
</svg>
<svg class="search-close-btn" xmlns="https://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z" />
<path d="M0 0h48v48H0z" fill="none" />
</svg>
</div>
</section>
<!-- fab button -->
<div class="fab">
<svg xmlns="https://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
<path d="M18 12l-9 9 2.12 2.12L18 16.24l6.88 6.88L27 21z" />
<path d="M0 0h36v36H0z" fill="none" />
</svg>
</div>
</div>
</body>
<!-- scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="functions/jquery.lazy.min.js"></script>
<script src="functions/index.js ">
</script>
<!-- service worker -->
<script src="service-worker.js ">
</script>
<!-- google analytics scripts -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-88978710-2', 'auto');
ga('send', 'pageview');
</script>
</html>