-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCategory.js
113 lines (110 loc) · 4.3 KB
/
Category.js
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
import NavBar from "./NavBar";
import Card from "react-bootstrap/Card";
import "../index.css";
import CardsPage1 from "./Cards";
// import Product_Page from "./Product_Page"
function Category() {
return (
<>
<body>
<div className="container-fluid">
<div className="row mt-5 mx-2">
<div className="col-md-2">
<Card className="glass1" style={{border:"0"}} id="category">
<button className="w-100 pb-2 pt-2 border-0" >
<strong>Browse Categories</strong>
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Flower Pots
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Fancy Mountains
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Ground Chakkars
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Fancy Chakkars
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Twinkling Stars
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Something Special Pencil
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Rocket</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Atom Bomb</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Loose Bijili Crackers
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Honey Bees</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Fly Bees</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
One Sound Crackers
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Fancy Single Shots
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Sparklers</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Color Matches
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Gift Boxes</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Multi Color Shot
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Sony's Fancy Novelties (Shots)
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Sony's Fancy Novelties (Pipes)
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Sony Egg & Run
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Uncategorized
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">
Chorsa giant crackers
</button>
<hr />
<button className="w-100 pb-2 pt-2 border-0 " id="btn">Garlands</button>
</Card>
</div>
<div className="col-md-9 ">
<h3 style={{ marginLeft: "0.8rem", color:"black" }}>Shop</h3>
<div className="row" >
<NavBar/>
<CardsPage1/>
</div>
</div>
</div>
</div>
</body>
</>
);
}
export default Category;