-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproductpage.html
158 lines (125 loc) · 5.42 KB
/
productpage.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
<!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>Document</title>
<link rel="stylesheet" href="1.css">
<link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/3703/3703259.png"/>
</head>
<body>
<header class="mainhead"></header>
<h1 id="digital">DIGITAL PRODUCTS</h1><br>
<p id="cash">View Additional : <span id="mash">Used Digital Products (1000)</span></p><br>
<div class="subhead">
<div class="vp1">
<h3 id="cate">CATEGORIES :</h3><br>
<p class="none1"><span class="nmnm"><</span> All Categories</p>
<hr>
<p class="none1"> <span class="nmnm"><</span> Products</p>
<hr>
<p class="mone1">Desktop Computers</p>
<p id="mone200">SanDisk</p>
<p id="mone201">Earphone</p>
<p id="mone202">Printer</p>
<p id="mone203">Camera</p>
<p id="mone204">Desktops</p><br><br>
<h3 id="cate">FILTERS :</h3>
<input type="text" id="inp-1" placeholder="Search Filter's"><button id="btnnn"><img
src="https://cdn-icons-png.flaticon.com/512/54/54481.png" alt=""></button><br><br>
<h2 class="ces">Brand </h2>
<hr>
<button id="mone22"> All</button>
<button id="mone221"> Acer</button>
<button id="mone222">Apple </button>
<button id="mone223">Asus</button>
<button id="mone224">Azulle</button>
<button id="mone225">HP</button>
<button id="mone226">Lenovo</button>
<button id="mone227">iBuypower</button>
<button id="mone228">LG</button>
<button id="mone229">Samsung</button><br><br>
<h2 class="ces">Generation </h2>
<hr><br>
<button id="mmss1">AMD Ryzen 3</button>
<button id="mmss2">AMD Ryzen 5</button>
<button id="mmss3">AMD Ryzen 7</button>
<button id="mmss4">AMD Ryzen 9</button>
<button id="mmss5">AMD Ryzen R1305G</button>
<button id="mmss6">Apple M1 Max</button>
<button id="mmss7">Apple M1 Ultra</button>
<button id="mmss8">Intel Core i7 10th Gen</button>
<button id="mmss9">Intel Core i7 13th Gen</button>
<button id="mmss10">Intel Core i9 11th Gen</button>
<button id="mmss11">Intel Core i9 13th Gen</button>
<button id="mmss12">Intel Pentium</button>
<button id="mmss13">Intel Xeon</button>
</select><br><br>
<h2 class="ces">Storage </h2>
<hr><br>
<button id="kkss1">256 SSD</button>
<button id="kkss2">512 SSD</button>
<button id="kkss3">1012 SSD</button>
<button id="kkss4">1 TB</button>
<br><br>
<h2 class="ces">RAM </h2>
<hr><br>
<button id="ssss1">4 GB</button>
<button id="ssss2">8 GB</button>
<button id="ssss3">16 GB</button>
<button id="ssss4">32 GB</button>
<br><br>
<!-- <h2 class="ces">Price Range </h2>
<hr>
<button id="monemone23">₹100 to ₹5000</button>
<button id="monemone24">₹5000 to ₹7000 </button>
<button id="monemone25">₹7000 to ₹9000</button>
<button id="monemone26">₹9000 to ₹12000</button>
<button id="monemone27">₹12000 to ₹15000</button>
<button id="monemone28">> ₹15000</button><br>
<input type="text" placeholder="₹ min" id="came1">to
<input type="text" placeholder="₹ max" id="came2"><br><br>
<hr><br><br> -->
<h2 class="ces">Graphics System</h2>
<hr><br>
<h2 class="ces">Operating System</h2>
<hr><br>
<h2 class="ces">Computer Type</h2>
<hr><br>
<h2 class="ces">Total Processor Cores</h2>
<hr><br>
<h2 class="ces">Storage Drive Type</h2>
<hr><br>
<h2 class="ces">Drive Info</h2>
<hr><br>
<h2 class="ces">Model</h2>
<hr><br>
<h2 class="ces">Optical Drive</h2>
<hr><br>
</div>
<div class="vp2">
<div id="subsub">
<div id="st1">Sort By :
<select name="" id="sub1">
<option value="">Popular Results</option>
<option value="Low to High">Price : Low to High</option>
<option value="High to Low">Price : High to Low</option>
<option value="High Rated">High Rated</option>
</select>
</div>
<span id="totalitem"></span>
<div id="st2">
<div id="image1"><img
src="https://icon-library.com/images/hamburger-icon-white/hamburger-icon-white-16.jpg"
alt=""></div>
<div id="image2"> <img src="https://cdn-icons-png.flaticon.com/512/747/747327.png" alt=""></div>
</div>
</div>
<div id="cont">
</div>
</div>
</div>
</body>
</html>
<script src="./1.js"></script>