Pepperfry/prodChair.html at main · Vishnu642/Pepperfry · GitHub

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
<!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>Products | Chairs</title>
    <link rel="stylesheet" href="/styles/productDetail.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="styles/navbar.css">
    <link rel="stylesheet" href="styles/index.css">
    <link rel="stylesheet" href="styles/footer.css">
</head>
<body>
    <header id="header"></header>
    <div id="main">
        <!-- side bar section div  -->
        <div id="sort-sec">

        </div>
        <!-- data div in which data is appended -->
        <div id="data">

        </div>

    </div>
    <footer id="footer"></footer>

</body>
</html>
<script type="module">
    import appendData from "/scripts/function.js";
    import struc from "/components/structure.js"

    var chairs = [
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/p/a/494x544/pario-guest-chair-in-blue-colour-by-furniturstation-pario-guest-chair-in-blue-colour-by-furniturstat-0ik0wb.jpg",
            desc: "Style Ergonomic Chair In Black Colour",
            name: "VOF",
            dprice: 3449,
            mrp: 459,
            disc: "54% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/w/e/494x544/weekender-premium-plastic-chair-in-weather-brown-colour-by-nilkamal-weekender-premium-plastic-chair--bezyvh.jpg",
            desc: "Weekender Premium Plastic Chair In Weather Brown Colour",
            name: "Nilkamal",
            dprice: 1386,
            mrp: 540,
            disc: "10% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/a/k/494x544/akemi-iconic-dsw-replica-chair-in-pattern-colour-by-creative-seating-system-akemi-iconic-dsw-replica-vtvsfe.jpg",
            desc: "Akemi Iconic DSW Replica Chair In Pattern Colour",
            name: "Creative Seating System",
            dprice: 7999,
            mrp: 199,
            disc: "33% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/e/l/494x544/elegant-designer-gaming-chair-in-grey-colour-by-adiko-systems-elegant-designer-gaming-chair-in-grey--vnpg0z.jpg",
            desc: "Elegant Designer Gaming Chair In Grey Colour",
            name: "Adiko Systems",
            dprice: 1150,
            mrp: 905,
            disc: "60% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/j/u/494x544/jute-redchair-pad-14-x-14-inches-by-story-home-jute-redchair-pad-14-x-14-inches-by-story-home-eoyfmc.jpg",
            desc: "Jute Red Polyester Filled 14X14 Inch Chair Pad",
            name: "Story@Home",
            dprice: 178,
            mrp:299,
            disc: "40% Off"
        },

        {
            image: "https://ii1.pepperfry.com/media/catalog/product/g/i/494x544/giantex-upholstered-dining-chair-in-black-colour-by-furniease-giantex-upholstered-dining-chair-in-bl-d6qh8p.jpg",
            desc: "Giantex Upholstered Dining Chair In Black Colour",
            name: "Furniease",
            dprice: 1999,
            mrp: 759,
            disc: "65% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/b/e/494x544/bergen-barrel-chair-in-yellow-colour-by-joyrd-international-bergen-barrel-chair-in-yellow-colour-by--v7sccm.jpg",
            desc: "Bergen Barrel Chair In Yellow Colour",
            name: "Joyrd International",
            dprice: 1187,
            mrp: 599,
            disc: "26% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/c/u/494x544/cube-ergonomic-chair-in-black-colour-by-vof-cube-ergonomic-chair-in-black-colour-by-vof-irosys.jpg",
            desc: "Cube Ergonomic Chair In Black Colour",
            name: "VOF",
            dprice: 4999,
            mrp: 109,
            disc: "45% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/c/a/494x544/carleson-solid-wood-armchair-in-brown-colour-by--home-carleson-solid-wood-armchair-in-brown-colour-b-5mxssn.jpg",
            desc: "Carleson Solid Wood Armchair In Brown Colour",
            name: "@Home",
            dprice: 7900,
            mrp: 190,
            disc: "34% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/e/a/494x544/eames-replica-iconic-chair-in-white-colour-by-star-india-eames-replica-iconic-chair-in-white-colour--8lr2k9.jpg",
            desc: "Eames Replica Iconic Chair In White Colour",
            name: "Star India",
            dprice: 3500,
            mrp: 9999,
            disc: "12% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/e/r/494x544/eri-ergonomic-chair-in-black-colour---valuewud-eri-ergonomic-chair-in-black-colour---valuewud-tayjsy.jpg",
            desc: "Eri Ergonomic Chair In Black Colour",
            name: "ValueWud",
            dprice: 3450,
            mrp: 7779,
            disc: "68% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/j/u/494x544/jute-blackchair-pad-14-x-14-inches-by-story-home-jute-blackchair-pad-14-x-14-inches-by-story-home-mytizz.jpg",
            desc: "Jute Black Polyester Filled 14X14 Inch Chair Pad",
            name: "Story@Home",
            dprice: 186,
            mrp:299,
            disc: "38% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/s/p/494x544/spacex-high-back-executive-chair-in-brown-colour-by-rose-furniture-spacex-high-back-executive-chair--4jekou.jpg",
            desc: "SpaceX High Back Executive Chair In Brown Colour",
            name: "Rose Furniture",
            dprice: 8447,
            mrp: 500,
            disc: "44% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/c/o/494x544/comet-ergonomic-chair-in-black---white-colour-by-trevi-furniture-comet-ergonomic-chair-in-black---wh-y7qznr.jpg",
            desc: "Comet Ergonomic Chair In Black & White Colour",
            name: "Trevi Furniture",
            dprice: 4799,
            mrp: 9099,
            disc: "56% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/c/o/494x544/colombia-dining-chair-in-wenge-finish-by-nilkamal-colombia-dining-chair-in-wenge-finish-by-nilkamal-noptgj.jpg",
            desc: "Colombia Dining Chair In Wenge Finish",
            name: "Nilkamal",
            dprice: 3200,
            mrp: 4200,
            disc: "20% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/a/p/494x544/apollo-dining-chair-in-black-colour-by-rose-furniture-apollo-dining-chair-in-black-colour-by-rose-fu-5rxx1l.jpg",
            desc: "Apollo Dining Chair In Black Colour",
            name: "Rose Furniture",
            dprice: 1495,
            mrp: 2449,
            disc: "34% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/m/a/494x544/marvel-ergonomic-chair-in-black-colour-by-durian-marvel-ergonomic-chair-in-black-colour-by-durian-nn67z9.jpg",
            desc: "Marvel Ergonomic Chair In Black Colour",
            name: "Durian",
            dprice: 107,
            mrp:1550,
            disc: "35% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/b/o/494x544/boom-ergonomic-medium-back-chair-in-black-colour-by-hometown-boom-ergonomic-medium-back-chair-in-bla-imxjhd.jpg",
            desc: "Boom Ergonomic Medium Back Chair In Black Colour",
            name: "HomeTown",
            dprice: 3799,
            mrp: 100,
            disc: "65% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/a/l/494x544/altro-gaming-chair-in-black---red-colour-by-bantia-furniture-altro-gaming-chair-in-black---red-colou-zw5ons.jpg",
            desc: "Altro Gaming Chair In Black & Red Colour",
            name: "Bantia Furniture",
            dprice: 8359,
            mrp: 250,
            disc: "33% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/p/l/494x544/plush-executive-chair-in-brown-colour-by-furniease-plush-executive-chair-in-brown-colour-by-furnieas-lzlg2r.jpg",
            desc: "Plush Executive Chair In Brown Colour",
            name: "Furniease",
            dprice: 8540,
            mrp: 658,
            disc: "49% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/j/u/494x544/jute-bluechair-pad-14-x-14-inches-by-story-home-jute-bluechair-pad-14-x-14-inches-by-story-home-garq4w.jpg",
            desc: "Inch Chair Pad",
            name: "Story@Home",
            dprice: 186,
            mrp:299,
            disc: "38% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/p/o/494x544/polyester-printed-19x15-chair-cover--set-of-1--by-cortina-polyester-printed-19x15-chair-cover--set-o-qetypi.jpg",
            desc: "Polyester Printed 19x15 Chair",
            name: "Cortina",
            dprice: 280,
            mrp:798,
            disc: "65% Off"
        },
        {
            image: "https://ii2.pepperfry.com/media/catalog/product/u/v/494x544/uv-ergonomic-chair-in-black-and-maroon-colour-by-vof-uv-ergonomic-chair-in-black-and-maroon-colour-b-tivuml.jpg",
            desc: "UV Ergonomic Chair In Black & Maroon Colour",
            name: "VOF",
            dprice: 4749,
            mrp: 459,
            disc: "44% Off"
        },
        {
            image: "https://ii3.pepperfry.com/media/catalog/product/u/v/494x544/uv-ergonomic-chair-in-black-colour-by-vof-uv-ergonomic-chair-in-black-colour-by-vof-0oq81x.jpg",
            desc: "UV Ergonomic Chair In Black Colour",
            name: "VOF",
            dprice: 4749,
            mrp: 459,
            disc: "44% Off"
        },
        {
            image: "https://ii1.pepperfry.com/media/catalog/product/d/e/494x544/delight-medium-back-workspace-chair--in-black-colour-by-durian-delight-medium-back-workspace-chair---xpbfkg.jpg",
            desc: "Delight Medium Back Workspace Chair In Black Colour",
            name: "Durian",
            dprice: 4620,
            mrp: 600,
            disc: "30% Off"
        },
    ]
    let loc = document.getElementById("data");
    let func = appendData(chairs, loc);

    let container = document.getElementById("sort-sec");
    container.innerHTML = struc();
</script>
<script type="module" src="/scripts/index.js"></script>