forked from Hashal890/fruits-vegetables-platform
-
Notifications
You must be signed in to change notification settings - Fork 0
/
data.html
157 lines (156 loc) · 5.96 KB
/
data.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
<!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" />
<link rel="stylesheet" href="./styles/data.css" />
<title>Data of Products</title>
</head>
<body>
<form>
<h1>Data Fetching</h1>
<input
required
placeholder="Enter url of main product image"
type="text"
id="img"
/>
<input required placeholder="Enter title" type="text" id="det" />
<input
required
placeholder="Enter strikethrough price"
type="number"
id="Mprice"
/>
<input
required
placeholder="Enter discount price"
type="number"
id="Dprice"
/>
<input
required
placeholder="Enter background big image url"
type="text"
id="Limg"
/>
<input
required
placeholder="Enter ml below of title"
type="number"
id="ml"
/>
<input required placeholder="Enter details" type="text" id="ins" />
<input
required
placeholder="Enter small images below main imae of product"
type="text"
id="simg2"
/>
<input
required
placeholder="Enter small images below main imae of product"
type="text"
id="simg3"
/>
<input
required
placeholder="Enter small images below main imae of product"
type="text"
id="simg4"
/>
<input
required
placeholder="Enter small images below main imae of product"
type="text"
id="simg5"
/>
<input
required
placeholder="Enter small images below main imae of product"
type="text"
id="simg6"
/>
<select required name="Filter" id="filter">
<option value="">Filter</option>
<option value="acne-control">Acne Control</option>
<option value="acne-prone-skin">Acne Prone Skin</option>
<option value="activeacne">activeAcne</option>
<option value="age-defense">Age Defense</option>
<option value="bundle">bundle</option>
<option value="cica">CICA</option>
<option value="clay-masks">Clay Masks</option>
<option value="cleanse-cica-calming-blemish-clearing-face-wash">
cleanse:cica-calming-blemish-clearing-face-wash
</option>
<option value="cleanse-watermelon-super-glow-facial-gel-cleanser">
cleanse:watermelon-super-glow-facial-gel-cleanser
</option>
<option value="cleanser">Cleanser</option>
<option value="combination-skin">Combination Skin</option>
<option value="congested-skin">Congested Skin</option>
<option value="daily-essentials">Daily Essentials</option>
<option value="dark-spots">Dark Spots</option>
<option value="dry-skin">Dry Skin</option>
<option value="dryacne">dryAcne</option>
<option value="dryness-and-repair">Dryness And Repair</option>
<option value="exfoliators">Exfoliators</option>
<option value="face-wash">Face Wash</option>
<option value="haircare">haircare</option>
<option value="hydration">Hydration</option>
<option value="lip-care">Lip Care</option>
<option value="mature-skin">Mature Skin</option>
<option value="moisturize-cica-calming-skin-renewing-night-gel">
moisturize:cica-calming-skin-renewing-night-gel
</option>
<option value="moisturize-vitamin-c-e-super-bright-moisturizer">
moisturize:vitamin-c-e-super-bright-moisturizer
</option>
<option value="moisturizer">Moisturizer</option>
<option value="new-drops">new-drops</option>
<option value="normal-skin">Normal Skin</option>
<option value="oily-skin">Oily Skin</option>
<option value="postacne">postAcne</option>
<option value="proneacne">proneAcne</option>
<option value="sensitive-skin">Sensitive Skin</option>
<option value="serums-and-oils">Serums And Oils</option>
<option value="skin-glow">Skin Glow</option>
<option value="sleeping-mask">Sleeping Mask</option>
<option value="summer-picks">Summer Picks</option>
<option value="sunscreen">Sunscreen</option>
<option value="swim-care">Swim Care</option>
<option value="tone-cica-calming-skin-clarifying-toner">
tone:cica-calming-skin-clarifying-toner
</option>
<option value="tone-watermelon-superglow-pore-tightening-toner">
tone:watermelon-superglow-pore-tightening-toner
</option>
<option value="toners">Toners</option>
<option value="treat-dot-key-20-vitamin-c-freshly-made-face-serum">
treat:dot-key-20-vitamin-c-freshly-made-face-serum
</option>
<option value="treat-niacinamide-spot-corrector-serum">
treat:niacinamide-spot-corrector-serum
</option>
<option value="uneven-tone">Uneven Tone</option>
<option value="valentine">valentine</option>
<option value="winter-pick">winter-pick</option>
</select>
<select required name="SortBy" id="sort">
<option value="title-ascending" selected="selected">Sort</option>
<option value="manual" selected="selected">Featured</option>
<option value="best-selling">Best selling</option>
<option value="title-ascending">Alphabetically, A-Z</option>
<option value="title-descending">Alphabetically, Z-A</option>
<option value="price-ascending">Price, low to high</option>
<option value="price-descending">Price, high to low</option>
<option value="created-ascending">Date, old to new</option>
<option value="created-descending">Date, new to old</option>
</select>
<input type="submit" id="submit" />
</form>
</body>
</html>
<script src="./scripts/data.js"></script>
<script src="./scripts/alldata.js"></script>