-
Notifications
You must be signed in to change notification settings - Fork 1
/
product.html
97 lines (81 loc) · 3.37 KB
/
product.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
<!-- This page will be open when clicking the subitems of makeup which will include the face, eye etc depndeing
on that it will fetch that data from the API and will show on the DOM in the grid form. So when clicked on the product
save that data on local storage with key "productDetail" and them show the detail on the detail.html.
Once Product is added to bag save it on local storage with key "addToBag".
This will also include the navbar and footer div with the id "navbar" and "footer" respectivly and import it from
nav&foot .->
<!-- -->
<!DOCTYPE html>
<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">
<title>Category</title>
<!-- <link rel="stylesheet" href="./font.css" /> -->
<link rel="stylesheet" href="./product.css"/>
<link rel="stylesheet" href="./nav2.css">
<link
rel="icon"
href="https://i.postimg.cc/sG1kG01m/My-Glamm-Logo-1.jpg"
type="image/x-icon"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<script
src="https://kit.fontawesome.com/1bec6be586.js"
crossorigin="anonymous"
></script>
<!-- pagination link -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
</style>
</head>
<body>
<!-- navbar div start -->
<div id="navbar">
<!-- <input type="text" id="search" placeholder="search here" oninput="debounce(searchquery,1500)">
<div>
<button id="Blush" onclick="pressedbtn(Blush)">Blush</button>
<button id="Mascara" onclick="pressedbtn(Mascara)">Mascara</button>
<button id="Lip_liner" onclick="pressedbtn(Lip_liner)">Lip liner</button>
<button id="Eyeshadow" onclick="pressedbtn(Eyeshadow)">Eyeshadow</button>
<button id="Bronzer" onclick="pressedbtn(Bronzer)">Bronzer</button>
<button id="Eyebrow" onclick="pressedbtn(Eyebrow)">Eyebrow</button>
<button id="Eyeliner" onclick="pressedbtn(Eyeliner)">Eyeliner</button>
<button id="Foundation" onclick="pressedbtn(Foundation)">Foundation</button>
<button id="Nail_polish" onclick="pressedbtn(Nail_polish)">Nail polish</button>
</div> -->
</div>
<!-- navbar div end -->
<div id="top_height"></div>
<!-- product page start -->
<div id="category-title-div">
<h1 id="category-title"></h1>
</div>
<div id="product-contianer">
</div>
<!-- product page end -->
<div id="pagination">
<!-- Preveios page -->
<button onclick="prevPagination()"><span class="glyphicon glyphicon-menu-left"></span>Prev</button>
<!-- Next paginamtion -->
<button onclick="nextPagination()">Next <span class="glyphicon glyphicon-menu-right"></span></button>
</div>
<!-- footer div start -->
<div id="footer">
</div>
<!-- footer div end -->
</body>
</html>
<script src="./product.js"></script>
<script type="module">
import { navbar, footer } from './nav&foot.js';
let nav = document.getElementById('navbar');
nav.innerHTML = navbar();
let foot = document.getElementById('footer');
foot.innerHTML = footer();
</script>
<script src="./sign&login.js" type="module"></script>