Skip to content

Commit 71bf88b

Browse files
SMQuadriSMQuadri
authored
Add files via upload
1 parent 22196b5 commit 71bf88b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+671
-0
lines changed

‎src/components/AllShoes/AllShoes.css

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
.allShoes {
2+
max-width: 100vw;
3+
/* background: linear-gradient(to right, rgb(187, 0, 0), rgb(252, 27, 27)); */
4+
}
5+
.allShoes__shoes {
6+
margin-left: 15vw;
7+
margin-right: 30px;
8+
margin-top: 30px;
9+
/* border: 1px solid black; */
10+
display: flex;
11+
flex-wrap: wrap;
12+
justify-content: space-between;
13+
align-items: center;
14+
}
15+
16+
@media screen and (max-width: 500px) {
17+
.allShoes__shoes {
18+
margin-left: 0;
19+
margin-top: 80px;
20+
flex-direction: column;
21+
align-items: center;
22+
}
23+
}
24+
25+
@media screen and (min-width: 500px) and (max-width: 980px) {
26+
.allShoes__shoes {
27+
margin-left: 0;
28+
margin-top: 80px;
29+
align-items: center;
30+
}
31+
}

‎src/components/AllShoes/Women/Women.css

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
/* .men {
2+
max-width: 100vw;
3+
background: linear-gradient(to right, rgb(187, 0, 0), rgb(252, 27, 27));
4+
}
5+
6+
.men__shoes {
7+
margin-left: 20vw;
8+
margin-right: 30px;
9+
margin-top: 30px;
10+
border: 1px solid black;
11+
height: 100vh;
12+
} */
13+
14+
.women {
15+
max-width: 100vw;
16+
height: 100%;
17+
background: linear-gradient(to right, rgb(226, 151, 151), rgb(214, 211, 211));
18+
}
19+
20+
.women__categories {
21+
margin: 50px;
22+
display: flex;
23+
flex-wrap: wrap;
24+
justify-content: space-between;
25+
}
26+
27+
@media screen and (max-width: 500px) {
28+
.women__categories {
29+
margin: 0;
30+
margin-top: 18px;
31+
/* margin: 0 15px; */
32+
flex-direction: column;
33+
align-items: center;
34+
}
35+
}
36+
37+
@media screen and (min-width: 500px) and (max-width: 785px) {
38+
.women__categories {
39+
margin: 0;
40+
margin-top: 20px;
41+
/* margin: 0 15px; */
42+
flex-direction: column;
43+
align-items: center;
44+
}
45+
}

‎src/components/AllShoes/Women/Women.js

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
import React from 'react';
2+
3+
import './Women.css';
4+
import MenWomenFootwear from '../MenWomenFootwear/MenWomenFootwear';
5+
// import AllShoes_Navbar from '../AllShoes_Navbar/AllShoes_Navbar';
6+
import WGym from './wGym.jpg';
7+
import WTennis from './wTennis.jpg';
8+
import WJordan from './wJordan.jpg';
9+
import WRunning from './wRunning.jpg';
10+
import WFootball from './wFootball.jpg';
11+
import WBasketball from './wBasketball.jpg';
12+
13+
const Women = () => {
14+
return (
15+
<div className="women">
16+
{/* <AllShoes_Navbar
17+
title="Women's"
18+
pathGym="/women/gym"
19+
pathJordan="/women/jordan"
20+
pathWalking="/women/running"
21+
pathFootball="/women/football"
22+
pathAthletics="/women/tennis"
23+
pathBasketball="/women/basketball"
24+
/> */}
25+
.
26+
<div className="men__categories">
27+
<MenWomenFootwear
28+
title="Gym Shoes"
29+
image={WGym}
30+
pathTo="/women/gym"
31+
/>
32+
<MenWomenFootwear
33+
title="Tennis Shoes"
34+
image={WTennis}
35+
pathTo="/women/tennis"
36+
/>
37+
<MenWomenFootwear
38+
title="Air Jordan"
39+
image={WJordan}
40+
pathTo="/women/jordan"
41+
/>
42+
<MenWomenFootwear
43+
title="Running Shoes"
44+
image={WRunning}
45+
pathTo="/women/running"
46+
/>
47+
<MenWomenFootwear
48+
title="Football Boots"
49+
image={WFootball}
50+
pathTo="/women/football"
51+
/>
52+
<MenWomenFootwear
53+
title="Basketball Shoes"
54+
image={WBasketball}
55+
pathTo="/women/basketball"
56+
/>
57+
</div>
58+
.
59+
</div>
60+
);
61+
}
62+
63+
export default Women;

‎src/components/AllShoes/Women/WomenBasketball/WomenBasketball.js

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
import React from 'react';
2+
3+
// import './WomenBasketball.css';
4+
import AllShoes_Navbar from '../../AllShoes_Navbar/AllShoes_Navbar';
5+
import ShoeComponent from '../../ShoeComponent/ShoeComponent';
6+
import AllShoes from '../../AllShoes.css';
7+
8+
import AirMax from './airMax.jpg';
9+
import Freak1 from './freak1.jpg';
10+
import Kyrie4 from './kyrie4.jpg';
11+
import Lebron17 from './lebron17.jpg';
12+
import Precision4 from './precision4.jpg';
13+
import Soldier14 from './soldier14.jpg';
14+
import Trey5 from './trey5.jpg';
15+
16+
17+
const WomenBasketball = () => {
18+
return (
19+
<div className="allShoes">
20+
<AllShoes_Navbar
21+
title="Women's"
22+
pathGym="/women/gym"
23+
pathJordan="/women/jordan"
24+
pathWalking="/women/running"
25+
pathFootball="/women/football"
26+
pathAthletics="/women/tennis"
27+
pathBasketball="/women/basketball"
28+
/>
29+
<div className="allShoes__shoes">
30+
<ShoeComponent
31+
image={AirMax}
32+
id="660000"
33+
title="Nike Air Max Impact"
34+
before={120}
35+
after={100}
36+
category="Basketball Shoe"
37+
/>
38+
<ShoeComponent
39+
image={Freak1}
40+
id="660001"
41+
title="Zoom Freak 1"
42+
before={130}
43+
after={110}
44+
category="Basketball Shoe"
45+
/>
46+
<ShoeComponent
47+
image={Kyrie4}
48+
id="660002"
49+
title="Kyrie 4"
50+
before={140}
51+
after={110}
52+
category="Custom Basketball Shoe"
53+
/>
54+
<ShoeComponent
55+
image={Lebron17}
56+
id="660003"
57+
title="Lebron 17"
58+
before={240}
59+
after={190}
60+
category="Basketball Shoe"
61+
/>
62+
<ShoeComponent
63+
image={Precision4}
64+
id="660004"
65+
title="Nike Precision 4"
66+
before={70}
67+
after={55}
68+
category="Basketball Shoe"
69+
/>
70+
<ShoeComponent
71+
image={Soldier14}
72+
id="660005"
73+
title="Lebron Soldier 14 By You"
74+
before={210}
75+
after={170}
76+
category="Custom Basketball Shoe"
77+
/>
78+
<ShoeComponent
79+
image={Trey5}
80+
id="660006"
81+
title="KD Trey 5 VIII EP"
82+
before={90}
83+
after={90}
84+
category="Basketball Shoe"
85+
/>
86+
</div>
87+
</div>
88+
);
89+
}
90+
91+
export default WomenBasketball;

‎src/components/AllShoes/Women/WomenBasketball/airMax.jpg

22.6 KB
Loading

‎src/components/AllShoes/Women/WomenBasketball/freak1.jpg

24.2 KB
Loading

‎src/components/AllShoes/Women/WomenBasketball/kyrie4.jpg

26.9 KB
Loading

‎src/components/AllShoes/Women/WomenBasketball/lebron17.jpg

26.8 KB
Loading

‎src/components/AllShoes/Women/WomenBasketball/precision4.jpg

21.2 KB
Loading

‎src/components/AllShoes/Women/WomenBasketball/soldier14.jpg

20.5 KB
Loading

0 commit comments

Comments
 (0)