From 5edcd16737fbe28dc0b41d143943f0eaecf0d7a4 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 2 Jun 2023 00:32:22 +0530 Subject: [PATCH 01/10] first_commit --- Fitness.html | 0 index.html | 239 ++++++++++++++++++++++++++++++++++++ scripts/index.js | 2 + shoes.html | 0 sport.html | 53 ++++++++ styles/style.css | 309 +++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 603 insertions(+) create mode 100644 Fitness.html create mode 100644 index.html create mode 100644 scripts/index.js create mode 100644 shoes.html create mode 100644 sport.html create mode 100644 styles/style.css diff --git a/Fitness.html b/Fitness.html new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..afca88a --- /dev/null +++ b/index.html @@ -0,0 +1,239 @@ + + + + + + + sportsjam.in + + + + + + + + +
+
+ +

call Us : +91-9555461555

+
+
+ +

Sign in

+
+
+ +

Create Account

+
+
+ +

Wislist

+
+
+ + + +
+ + + +
+ +

Shoping Cart

+
+
+ + + + + +
+
+
+ + + + + + +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ + + + + +
+
+
+ +
+
+ +
+

SPORTS

+

Lorem ipsum dolor sit amet consectetur adipisicing.

+ + + +
+
+
+ +
+

FITNESS

+

Lorem ipsum dolor sit amet consectetur adipisicing.

+ + + +
+
+
+ +
+

SHOES

+

Lorem ipsum dolor sit amet consectetur adipisicing.

+ + + +
+
+
+ +
+

OUR CUSTOMIZED SERVICES

+
+
+ +
+ RACKET STRINGING + HYBRID STRINGING + TT ASSEMBLY + BAT KNOCKING +
+
+
+
BADMINTON RACKET STRINGING
+

Lorem ipsum, dolor sit amet consectetur adipisicing elitdipisicing elit. Modi quos earum voluptas tenetur corrupti! Minus.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi quos earum voluptas tenetur corrupti! Minus? ipsum, dolor sit amet consectetur adipisicing elitdipisicing elit. Modi quos earum voluptas tenetur corrupti!

+ Read More +
+
+
+ +
+
+ +

PICKLEBALL SPORTS

+
+
+ +

PADEL SPORTS

+
+
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/scripts/index.js b/scripts/index.js new file mode 100644 index 0000000..a9a7f29 --- /dev/null +++ b/scripts/index.js @@ -0,0 +1,2 @@ +// ---------- image slider --- +const image = document.querySelectorAll('.slide img') diff --git a/shoes.html b/shoes.html new file mode 100644 index 0000000..e69de29 diff --git a/sport.html b/sport.html new file mode 100644 index 0000000..f9ac733 --- /dev/null +++ b/sport.html @@ -0,0 +1,53 @@ + + + + + + + + + + Document + + + +
+
+ +

call Us : +91-9555461555

+
+
+ +

Sign in

+
+
+ +

Create Account

+
+
+ +

Wislist

+
+
+ + + +
+ + + +
+ +

Shoping Cart

+
+
+ + + \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..ac63434 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,309 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); + +/* font-family: 'Poppins', sans-serif; */ + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +body{ + font-family: 'Poppins', sans-serif; +} +.top_nav{ + width: 100%; + background-color: black; + display: flex; + height: 40px; + justify-content: flex-end; + align-items: center; +} +.top_nav >div{ + margin: 0 15px; + text-align: center; + display: flex; + align-items: center; +} +.top_icon{ + color: #fff; + display: inline-block; + padding: 0 10px 0 0; +} +.top_nav >div >p{ + color: #fff; + cursor: pointer; +} +.top_nav >div >p:hover{ + text-decoration: underline; +} +.mid_nav{ + display: flex; + width: 100%; + height: 80px; + justify-content: space-between; + align-items: center; +} +.logo{ + padding-left: 20px; +} +#search_bar{ + width: 500px; + border: 1px solid black; + display: flex; + align-items: center; + border-radius: 5px; +} +#search{ + width: 93%; + margin: auto; + border: none; + padding: 10px; + font-size: 18px; + outline: none; +} +#search_bar i { + padding-right: 10px; +} +.cart{ + padding-right: 20px; + display: flex; + justify-content: space-around; + width: 200px; +} +.cart i{ + font-size: 35px; +} + + +/* menu */ + +.main_nav >ul{ + display: flex; + list-style-type: none; + gap: 10px; + padding-left: 20px; +} +.main_nav ul li a{ + text-decoration: none; + display: inline-block; + padding: 10px 20px; + color: #000; + font-size: 20px; +} +.main_nav >ul >li>a:hover{ + background-color: #000; + color: #fff; +} +.main_nav >ul >li:hover .sub_menu{ + display: block; +} +.sub_menu{ + position: absolute; + width: 200px; + background-color: #fff; + display: none; +} +.sub_menu >ul{ + list-style-type: none; +} +.sub_menu i{ + opacity: 0; +} +.sub_menu >ul >li:hover .fa-solid{ + opacity: 1; +} + +/* slider section */ +.hero{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.slider{ + width: 100%; + overflow-x: hidden; +} +.slides{ + width: 600%; + display: flex; +} +.slides >input{ + display: none; +} +.slide{ + width: 20%; + transition: 2s; +} +.slide img{ + width: 100%; +} +.manualmove{ +position: absolute; +margin-top: -40px; +width: 100%; +display: flex; +justify-content: center; +} +.manual-btn{ + background-color: rgb(81, 78, 78); + padding: 5px; + border-radius: 10px; + cursor: pointer; +} +.manual-btn:not(:last-child){ + margin-right: 10px; +} +.manual-btn:hover{ + background-color: rgb(0, 0, 0); +} +#rad-1:checked ~ .fst{ +margin-left: 0; +} +#rad-2:checked ~ .fst{ +margin-left: -20%; +} +#rad-3:checked ~ .fst{ +margin-left: -40%; +} +#rad-4:checked ~ .fst{ +margin-left: -60%; +} +#rad-5:checked ~ .fst{ +margin-left: -80%; +} +.galley{ + width: 90%; + margin: 50px auto; + text-align: center; + display: grid; + grid-template-columns: repeat(3,1fr); + gap: 20px; +} +.card{ + position: relative; + overflow: hidden; + /* border: 2px solid red; */ +} +.card >img{ + width: 100%; + height: 100%; + display: block; +} +.layer{ + background: rgba(57, 54, 54, 0.8); + height: 10%; + width: 100%; + position: absolute; + left: 0; + bottom: 0; + transition: 1s; + color: #fff; + display: flex; + flex-direction: column; + align-items: center; +} +.layer:hover{ + background: rgba(57, 54, 54, 0.5); + height: 80%; +} +.layer h3,p,button{ + margin: 5px 0; +} +.layer_btn{ + background-color: transparent; + width: 70%; + padding: 5px 0; + /* padding: 5px 10px; */ + border: 2px solid #fff; + color: #fff; + transition: 1s; +} +.layer_btn:hover{ + background: rgba(255, 255, 255, 0.6); + color: black; +} +.service{ + width: 90%; + margin: 50px auto; +} +.service >h1{ + text-align: center; + padding: 20px 0; + font-size: 40px; + color: #4e4848; +} +.services{ + width: 100%; + display: flex; + justify-content: space-between; +} +.left{ + width: 48%; +} +.left >img{ + width: 100%; +} +.left_links{ + display: flex; + justify-content: space-between; + width: 100%; +} +.left_links a{ + display: inline-block; + padding: 10px 20px; + color: #000; + text-decoration: none; + transition: 0.5s; +} +.left_links a:hover{ + background-color: #000; + color: #fff; +} +.right{ + width: 48%; +} +.right h5{ + font-size: 18px; + padding: 10px 0; +} +.right p{ + line-height: 30px; + font-size: 14px; +} +.right a{ + display: inline-block; + padding: 10px 20px; + text-decoration: none; + color: #000; + border: 1px solid #000; + margin-top: 30px; +} +.mid{ + width: 90%; + margin: auto; + display: flex; + text-align: center; + gap: 15px; +} +.mid >div{ + width: 49%; +} +.mid >div >img{ + width: 100%; + cursor: pointer; +} +.mid >div >p{ + font-size: 18px; +} +.mid_banner{ + width: 100%; + margin: 50px 0; +} +.mid_banner img{ + width: 100%; + cursor: pointer; +} +.spacer{ + height: 500px; +} \ No newline at end of file From eba35ec9a44d6a9b9bf2595a5b38ffaeec06fac7 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 2 Jun 2023 01:14:02 +0530 Subject: [PATCH 02/10] first --- scripts/index.js | 3 +- scripts/sport.js | 344 +++++++++++++++++++++++++++++++++++++++++++++++ sport.html | 73 ++++++++++ styles/sport.css | 128 ++++++++++++++++++ styles/style.css | 5 +- 5 files changed, 550 insertions(+), 3 deletions(-) create mode 100644 scripts/sport.js create mode 100644 styles/sport.css diff --git a/scripts/index.js b/scripts/index.js index a9a7f29..8b13789 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -1,2 +1 @@ -// ---------- image slider --- -const image = document.querySelectorAll('.slide img') + diff --git a/scripts/sport.js b/scripts/sport.js new file mode 100644 index 0000000..e9273e9 --- /dev/null +++ b/scripts/sport.js @@ -0,0 +1,344 @@ +let data = [ + { + "brand": "Nike", + "model": "Air Max 90", + "color": "Black/White", + "size": 10, + "price": 120 + }, + { + "brand": "Adidas", + "model": "Ultraboost", + "color": "Grey/Black", + "size": 9.5, + "price": 150 + }, + { + "brand": "Puma", + "model": "Suede Classic", + "color": "Blue/White", + "size": 11, + "price": 70 + }, + { + "brand": "New Balance", + "model": "574", + "color": "Navy/Red", + "size": 10.5, + "price": 80 + }, + { + "brand": "Reebok", + "model": "Classic Leather", + "color": "White", + "size": 9, + "price": 85 + }, + { + "brand": "Vans", + "model": "Old Skool", + "color": "Black/White", + "size": 8.5, + "price": 60 + }, + { + "brand": "Converse", + "model": "Chuck Taylor All Star", + "color": "Black", + "size": 9, + "price": 55 + }, + { + "brand": "Timberland", + "model": "Classic 6-Inch", + "color": "Wheat", + "size": 11, + "price": 180 + }, + { + "brand": "ASICS", + "model": "Gel-Lyte III", + "color": "Grey/White", + "size": 10.5, + "price": 110 + }, + { + "brand": "Under Armour", + "model": "HOVR Phantom 2", + "color": "Black", + "size": 10, + "price": 140 + }, + { + "brand": "Salomon", + "model": "Speedcross 4", + "color": "Red/Black", + "size": 9.5, + "price": 130 + }, + { + "brand": "Brooks", + "model": "Ghost 13", + "color": "Grey/Blue", + "size": 11.5, + "price": 120 + }, + { + "brand": "Mizuno", + "model": "Wave Rider 24", + "color": "Black/Silver", + "size": 10, + "price": 130 + }, + { + "brand": "Saucony", + "model": "Ride 13", + "color": "Navy/Green", + "size": 10.5, + "price": 110 + }, + { + "brand": "Hoka One One", + "model": "Clifton 7", + "color": "Black/White", + "size": 9.5, + "price": 130 + }, + { + "brand": "Merrell", + "model": "Moab 2", + "color": "Brown", + "size": 10, + "price": 100 + }, + { + "brand": "Keen", + "model": "Targhee III", + "color": "Cascade Brown", + "size": 11, + "price": 135 + }, + { + "brand": "Columbia", + "model": "Redmond V2", + "color": "Cordovan", + "size": 9.5, + "price": 90 + }, + { + "brand": "The North Face", + "model": "Ultra 110 GTX", + "color": "Black", + "size": 10, + "price": 120 + }, + { + "brand": "La Sportiva", + "model": "Bushido II", + "color": "Ocean/Sulphur", + "size": 9.5, + "price": 130 + }, + { + "brand": "Inov-8", + "model": "Roclite G 275", + "color": "Grey/Red", + "size": 10.5, + "price": 140 + }, + { + "brand": "Mephisto", + "model": "Rainbow", + "color": "Dark Brown", + "size": 9, + "price": 300 + }, + { + "brand": "Allen Edmonds", + "model": "Park Avenue", + "color": "Black", + "size": 10.5, + "price": 395 + }, + { + "brand": "Clarks", + "model": "Desert Boot", + "color": "Beeswax", + "size": 9.5, + "price": 130 + }, + { + "brand": "ECCO", + "model": "Soft 7", + "color": "Black", + "size": 10, + "price": 150 + }, + { + "brand": "Cole Haan", + "model": "Grand Crosscourt II", + "color": "White Leather", + "size": 9.5, + "price": 100 + }, + { + "brand": "Rockport", + "model": "Total Motion", + "color": "Black", + "size": 11, + "price": 120 + }, + { + "brand": "Skechers", + "model": "Equalizer 3.0", + "color": "Navy/Grey", + "size": 10.5, + "price": 70 + }, + { + "brand": "Merrell", + "model": "Jungle Moc", + "color": "Gunsmoke", + "size": 9, + "price": 80 + }, + { + "brand": "New Balance", + "model": "990v5", + "color": "Grey", + "size": 10, + "price": 175 + }, + { + "brand": "ASICS", + "model": "Gel-Kayano 28", + "color": "Black/White", + "size": 9.5, + "price": 160 + }, + { + "brand": "Brooks", + "model": "Adrenaline GTS 22", + "color": "Blue/Black", + "size": 11, + "price": 130 + }, + { + "brand": "Hoka One One", + "model": "Bondi 7", + "color": "Black", + "size": 10.5, + "price": 150 + }, + { + "brand": "Mizuno", + "model": "Wave Inspire 17", + "color": "Black/Silver", + "size": 9.5, + "price": 140 + }, + { + "brand": "New Balance", + "model": "Fresh Foam 1080v11", + "color": "Black/White", + "size": 10, + "price": 150 + }, + { + "brand": "Saucony", + "model": "Guide 14", + "color": "Blue/Black", + "size": 9.5, + "price": 120 + }, + { + "brand": "Under Armour", + "model": "Charged Assert 8", + "color": "Black/White", + "size": 10.5, + "price": 70 + }, + { + "brand": "Nike", + "model": "ZoomX Invincible Run Flyknit", + "color": "Grey/White", + "size": 11, + "price": 180 + }, + { + "brand": "Adidas", + "model": "SolarBoost 3", + "color": "Black/Red", + "size": 9.5, + "price": 160 + }, + { + "brand": "Puma", + "model": "Speed 600 Fusefit", + "color": "Grey/Black", + "size": 10, + "price": 120 + }, + { + "brand": "Reebok", + "model": "Floatride Energy 3", + "color": "Blue/White", + "size": 9.5, + "price": 100 + }, + { + "brand": "Salomon", + "model": "XA Pro 3D V8", + "color": "Black/Black", + "size": 10.5, + "price": 130 + }, + { + "brand": "Merrell", + "model": "Moab 2 GTX", + "color": "Beluga", + "size": 9, + "price": 140 + }, + { + "brand": "Keen", + "model": "Venture Mid WP", + "color": "Black", + "size": 11, + "price": 150 + }, + { + "brand": "Columbia", + "model": "Newton Ridge Plus II", + "color": "Cordovan/Squash", + "size": 9.5, + "price": 100 + }, + { + "brand": "The North Face", + "model": "Hedgehog Fastpack II", + "color": "TNF Black", + "size": 10, + "price": 120 + }, + { + "brand": "La Sportiva", + "model": "Mutant", + "color": "Black", + "size": 9.5, + "price": 135 + }, + { + "brand": "Inov-8", + "model": "X-Talon G 210", + "color": "Black/Red", + "size": 10.5, + "price": 150 + } + ] + + let cont = document.querySelector(".container") + let cart = JSON.parse(localStorage.getItem("cart")) || []; + let showTotalProduct = document.querySelector(".show"); + + diff --git a/sport.html b/sport.html index f9ac733..d486f79 100644 --- a/sport.html +++ b/sport.html @@ -48,6 +48,79 @@

Shoping Cart

+ + + +
+
+
+
+

Found Product(s)

+ +
+
+
+ +
+
\ No newline at end of file diff --git a/styles/sport.css b/styles/sport.css new file mode 100644 index 0000000..21ad6fe --- /dev/null +++ b/styles/sport.css @@ -0,0 +1,128 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); + +/* font-family: 'Poppins', sans-serif; */ + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +body{ + font-family: 'Poppins', sans-serif; +} +.top_nav{ + width: 100%; + background-color: black; + display: flex; + height: 40px; + justify-content: flex-end; + align-items: center; +} +.top_nav >div{ + margin: 0 15px; + text-align: center; + display: flex; + align-items: center; +} +.top_icon{ + color: #fff; + display: inline-block; + padding: 0 10px 0 0; +} +.top_nav >div >p{ + color: #fff; + cursor: pointer; +} +.top_nav >div >p:hover{ + text-decoration: underline; +} +.mid_nav{ + display: flex; + width: 100%; + height: 80px; + justify-content: space-between; + align-items: center; +} +.logo{ + padding-left: 20px; +} +#search_bar{ + width: 500px; + border: 1px solid black; + display: flex; + align-items: center; + border-radius: 5px; +} +#search{ + width: 93%; + margin: auto; + border: none; + padding: 10px; + font-size: 18px; + outline: none; +} +#search_bar i { + padding-right: 10px; +} +.cart{ + padding-right: 20px; + display: flex; + justify-content: space-around; + width: 200px; +} +.cart i{ + font-size: 35px; +} + + +/* menu */ +.main_nav{ + border-top:1px solid rgba(94, 92, 92 ,0.3) ; + border-bottom:1px solid rgba(94, 92, 92 ,0.7) ; +} +.main_nav >ul{ + display: flex; + list-style-type: none; + gap: 10px; + padding-left: 20px; +} +.main_nav ul li a{ + text-decoration: none; + display: inline-block; + padding: 10px 20px; + color: #000; + font-size: 20px; +} +.main_nav >ul >li>a:hover{ + background-color: #000; + color: #fff; +} +.main_nav >ul >li:hover .sub_menu{ + display: block; +} +.sub_menu{ + position: absolute; + width: 200px; + background-color: #fff; + display: none; +} +.sub_menu >ul{ + list-style-type: none; +} +.sub_menu i{ + opacity: 0; +} +.sub_menu >ul >li:hover .fa-solid{ + opacity: 1; +} +/* ------- nav complete ---------- */ + +.container{ + width: 70%; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; +} +.container >div img{ + width: 100%; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index ac63434..b35e06c 100644 --- a/styles/style.css +++ b/styles/style.css @@ -76,7 +76,10 @@ body{ /* menu */ - +.main_nav{ + border-top:1px solid rgba(94, 92, 92 ,0.3) ; + border-bottom:1px solid rgba(94, 92, 92 ,0.7) ; +} .main_nav >ul{ display: flex; list-style-type: none; From 1f9213b7f2c16edf6ab2d0cc51b444221bf88684 Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 2 Jun 2023 13:20:54 +0530 Subject: [PATCH 03/10] second --- scripts/sport.js | 537 ++++++++++++++++++----------------------------- sport.html | 3 +- 2 files changed, 201 insertions(+), 339 deletions(-) diff --git a/scripts/sport.js b/scripts/sport.js index e9273e9..cc26cfb 100644 --- a/scripts/sport.js +++ b/scripts/sport.js @@ -1,344 +1,205 @@ -let data = [ - { - "brand": "Nike", - "model": "Air Max 90", - "color": "Black/White", - "size": 10, - "price": 120 - }, - { - "brand": "Adidas", - "model": "Ultraboost", - "color": "Grey/Black", - "size": 9.5, - "price": 150 - }, - { - "brand": "Puma", - "model": "Suede Classic", - "color": "Blue/White", - "size": 11, - "price": 70 - }, - { - "brand": "New Balance", - "model": "574", - "color": "Navy/Red", - "size": 10.5, - "price": 80 - }, - { - "brand": "Reebok", - "model": "Classic Leather", - "color": "White", - "size": 9, - "price": 85 - }, - { - "brand": "Vans", - "model": "Old Skool", - "color": "Black/White", - "size": 8.5, - "price": 60 - }, - { - "brand": "Converse", - "model": "Chuck Taylor All Star", - "color": "Black", - "size": 9, - "price": 55 - }, - { - "brand": "Timberland", - "model": "Classic 6-Inch", - "color": "Wheat", - "size": 11, - "price": 180 - }, - { - "brand": "ASICS", - "model": "Gel-Lyte III", - "color": "Grey/White", - "size": 10.5, - "price": 110 - }, - { - "brand": "Under Armour", - "model": "HOVR Phantom 2", - "color": "Black", - "size": 10, - "price": 140 - }, - { - "brand": "Salomon", - "model": "Speedcross 4", - "color": "Red/Black", - "size": 9.5, - "price": 130 - }, - { - "brand": "Brooks", - "model": "Ghost 13", - "color": "Grey/Blue", - "size": 11.5, - "price": 120 - }, - { - "brand": "Mizuno", - "model": "Wave Rider 24", - "color": "Black/Silver", - "size": 10, - "price": 130 - }, - { - "brand": "Saucony", - "model": "Ride 13", - "color": "Navy/Green", - "size": 10.5, - "price": 110 - }, - { - "brand": "Hoka One One", - "model": "Clifton 7", - "color": "Black/White", - "size": 9.5, - "price": 130 - }, - { - "brand": "Merrell", - "model": "Moab 2", - "color": "Brown", - "size": 10, - "price": 100 - }, - { - "brand": "Keen", - "model": "Targhee III", - "color": "Cascade Brown", - "size": 11, - "price": 135 - }, - { - "brand": "Columbia", - "model": "Redmond V2", - "color": "Cordovan", - "size": 9.5, - "price": 90 - }, - { - "brand": "The North Face", - "model": "Ultra 110 GTX", - "color": "Black", - "size": 10, - "price": 120 - }, - { - "brand": "La Sportiva", - "model": "Bushido II", - "color": "Ocean/Sulphur", - "size": 9.5, - "price": 130 - }, - { - "brand": "Inov-8", - "model": "Roclite G 275", - "color": "Grey/Red", - "size": 10.5, - "price": 140 - }, - { - "brand": "Mephisto", - "model": "Rainbow", - "color": "Dark Brown", - "size": 9, - "price": 300 - }, - { - "brand": "Allen Edmonds", - "model": "Park Avenue", - "color": "Black", - "size": 10.5, - "price": 395 - }, - { - "brand": "Clarks", - "model": "Desert Boot", - "color": "Beeswax", - "size": 9.5, - "price": 130 - }, - { - "brand": "ECCO", - "model": "Soft 7", - "color": "Black", - "size": 10, - "price": 150 - }, - { - "brand": "Cole Haan", - "model": "Grand Crosscourt II", - "color": "White Leather", - "size": 9.5, - "price": 100 - }, - { - "brand": "Rockport", - "model": "Total Motion", - "color": "Black", - "size": 11, - "price": 120 - }, - { - "brand": "Skechers", - "model": "Equalizer 3.0", - "color": "Navy/Grey", - "size": 10.5, - "price": 70 - }, - { - "brand": "Merrell", - "model": "Jungle Moc", - "color": "Gunsmoke", - "size": 9, - "price": 80 - }, - { - "brand": "New Balance", - "model": "990v5", - "color": "Grey", - "size": 10, - "price": 175 - }, - { - "brand": "ASICS", - "model": "Gel-Kayano 28", - "color": "Black/White", - "size": 9.5, - "price": 160 - }, - { - "brand": "Brooks", - "model": "Adrenaline GTS 22", - "color": "Blue/Black", - "size": 11, - "price": 130 - }, - { - "brand": "Hoka One One", - "model": "Bondi 7", - "color": "Black", - "size": 10.5, - "price": 150 - }, - { - "brand": "Mizuno", - "model": "Wave Inspire 17", - "color": "Black/Silver", - "size": 9.5, - "price": 140 - }, - { - "brand": "New Balance", - "model": "Fresh Foam 1080v11", - "color": "Black/White", - "size": 10, - "price": 150 - }, - { - "brand": "Saucony", - "model": "Guide 14", - "color": "Blue/Black", - "size": 9.5, - "price": 120 - }, - { - "brand": "Under Armour", - "model": "Charged Assert 8", - "color": "Black/White", - "size": 10.5, - "price": 70 - }, - { - "brand": "Nike", - "model": "ZoomX Invincible Run Flyknit", - "color": "Grey/White", - "size": 11, - "price": 180 - }, - { - "brand": "Adidas", - "model": "SolarBoost 3", - "color": "Black/Red", - "size": 9.5, - "price": 160 - }, - { - "brand": "Puma", - "model": "Speed 600 Fusefit", - "color": "Grey/Black", - "size": 10, - "price": 120 - }, - { - "brand": "Reebok", - "model": "Floatride Energy 3", - "color": "Blue/White", - "size": 9.5, - "price": 100 - }, - { - "brand": "Salomon", - "model": "XA Pro 3D V8", - "color": "Black/Black", - "size": 10.5, - "price": 130 - }, - { - "brand": "Merrell", - "model": "Moab 2 GTX", - "color": "Beluga", - "size": 9, - "price": 140 - }, - { - "brand": "Keen", - "model": "Venture Mid WP", - "color": "Black", - "size": 11, - "price": 150 - }, - { - "brand": "Columbia", - "model": "Newton Ridge Plus II", - "color": "Cordovan/Squash", - "size": 9.5, - "price": 100 - }, - { - "brand": "The North Face", - "model": "Hedgehog Fastpack II", - "color": "TNF Black", - "size": 10, - "price": 120 - }, - { - "brand": "La Sportiva", - "model": "Mutant", - "color": "Black", - "size": 9.5, - "price": 135 - }, - { - "brand": "Inov-8", - "model": "X-Talon G 210", - "color": "Black/Red", - "size": 10.5, - "price": 150 - } - ] +let shoesArray = [ + // Nike + { + brand: "Nike", + model: "Air Max 90", + color: "Black/White", + price: 129.99, + imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/9355f630-53c7-4567-89b4-a788c93171ea/air-zoom-gt-jump-basketball-shoes-22QS5F.png" + }, + { + brand: "Nike", + model: "Air Jordan 1", + color: "Red/Black", + price: 159.99, + imageLink: "https://assets.ajio.com/medias/sys_master/root/20211224/1tuJ/61c4c229aeb26901101a2a6a/-473Wx593H-469034008-black-MODEL.jpg" + }, + { + brand: "Nike", + model: "React Infinity Run", + color: "Blue/Green", + price: 139.99, + imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/fdded470-0ac5-4bd7-b41b-1bb63e161438/custom-nike-air-force-1-mid-by-you-shoes.png" + }, + { + brand: "Nike", + model: "React Infinity Run", + color: "Blue/Green", + price: 139.99, + imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/a162ca4b-a442-4182-bfa0-4be07063e623/air-max-alpha-trainer-5-training-shoes-x8Jzj6.png" + }, + { + brand: "Nike", + model: "Air Jordan 1", + color: "Red/Black", + price: 159.99, + imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/87d7e901-4d08-4456-9d62-07e821aff45b/air-max-90-futura-shoes-x9msLm.png" + }, + { + brand: "Nike", + model: "Air Max 90", + color: "Black/White", + price: 129.99, + imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/69c8c4e4-7895-4c6b-a2b6-bdb9f6828f86/renew-in-season-tr-12-training-shoes-5h0cKQ.png" + }, + // Puma + { + brand: "Puma", + model: "Suede Classic", + color: "Black/White", + price: 69.99, + imageLink: "https://images.puma.com/image/upload/f_auto,q_auto,b_rgb:fafafa,w_600,h_600/global/195202/03/sv01/fnd/IND/fmt/png/Erupter-Men's-Running-Shoes" + }, + { + brand: "Puma", + model: "Clyde Court", + color: "Purple/Yellow", + price: 119.99, + imageLink: "https://i8.amplience.net/s/scvl/117239_243484_SET/2?fmt=auto&$webPdpProduct$" + }, + { + brand: "Puma", + model: "RS-X", + color: "White/Red", + price: 99.99, + imageLink: "https://www.tradeinn.com/f/13783/137835778/puma-mirage-tech-%CE%A0%CF%81%CE%BF%CF%80%CE%BF%CE%BD%CE%B7%CF%84%CE%AD%CF%82.jpg" + }, + { + brand: "Puma", + model: "RS-X", + color: "White/Red", + price: 99.99, + imageLink: "https://cdn.shopify.com/s/files/1/0262/1574/3576/products/image_0c188859-ece6-4b72-8c34-5476e18e9e1e_1200x1200.webp?v=1657057795" + }, + { + brand: "Puma", + model: "Suede Classic", + color: "Black/White", + price: 69.99, + imageLink: "https://di2ponv0v5otw.cloudfront.net/posts/2022/12/16/639c7ba74bd760628e96b414/m_639c7bc9acf462d13519456a.jpg" + }, + // Adidas + { + brand: "Adidas", + model: "Ultraboost", + color: "Grey/White", + price: 179.99, + imageLink: "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/15f901c90a9549d29104aae700d27efb_9366/SUPERSTAR_SHOES_Black_EG4959_01_standard.jpg" + }, + { + brand: "Adidas", + model: "Stan Smith", + color: "White/Green", + price: 79.99, + imageLink: "https://assets.adidas.com/images/w_600,f_auto,q_auto/4d31131033b54e67b045ab2f017c6cda_9366/Superstar_Shoes_White_FU7714_01_standard.jpg" + }, + { + brand: "Adidas", + model: "NMD R1", + color: "Black/Red", + price: 129.99, + imageLink: "https://assets.adidas.com/images/w_600,f_auto,q_auto/641ca1a4fe0643068371aef900c3a51e_9366/Ultrabounce_Shoes_White_HP5771_01_standard.jpg" + }, + { + brand: "Adidas", + model: "NMD R1", + color: "Black/Red", + price: 129.99, + imageLink: "https://cdn.shopify.com/s/files/1/2031/6995/products/GV8270_6_grande.jpg?v=1646760541" + }, + { + brand: "Adidas", + model: "Stan Smith", + color: "Black/Red", + price: 129.99, + imageLink: "https://static.footshop.com/668716-full_product/193171.jpg" + }, + // Reebok + { + brand: "Reebok", + model: "Classic Leather", + color: "White", + price: 79.99, + imageLink: "https://imagescdn.reebok.in/img/app/product/7/768941-8841748.jpg?auto=format&w=309" + }, + { + brand: "Reebok", + model: "Nano X", + color: "Black/Blue", + price: 119.99, + imageLink: "https://img.tatacliq.com/images/i7/437Wx649H/MP000000008877586_437Wx649H_202102220200111.jpeg" + }, + { + brand: "Reebok", + model: "Club C 85", + color: "White/Gum", + price: 89.99, + imageLink: "https://imagescdn.reebok.in/img/app/product/8/815017-9729277.jpg?auto=format" + }, + { + brand: "Reebok", + model: "Nano X", + color: "Black/Blue", + price: 119.99, + imageLink: "https://cdn.shopclues.com/images1/thumbnails/110886/320/320/151053581-110886706-1602144488.jpg" + }, + // New Balance + { + brand: "New Balance", + model: "574", + color: "Grey/White", + price: 89.99, + imageLink: "https://www.nbshoes-india.com/images/newbalance-india/Indigo_Grey_Men_s_New_Balance_327_Sneake-India-069154.jpg" + }, + { + brand: "New Balance", + model: "990v5", + color: "Navy/Grey", + price: 174.99, + imageLink: "https://cdn.shopify.com/s/files/1/0816/4881/products/fc42c099c13e31ab0bbf34f58f5f3148_2048x2048_4a7226ed-6dba-4a0f-ae07-8e3a3374f882_1024x1024.webp?v=1676327347" +}, +{ + brand: "New Balance", + model: "Fresh Foam 1080v11", + color: "Black/White", + price: 149.99, + imageLink: "https://thefoschini.vtexassets.com/arquivos/ids/54063234-800-800?v=638190020211600000&width=800&height=800&aspect=true" +}, +{ + brand: "New Balance", + model: "FuelCell Echo", + color: "Blue/Red", + price: 119.99, + imageLink: "https://thefoschini.vtexassets.com/arquivos/ids/55034543-800-800?v=638195099578930000&width=800&height=800&aspect=true" +}, +{ + brand: "New Balance", + model: "997H", + color: "Grey/Green", + price: 109.99, + imageLink: "https://www.nbshoes-india.com/images/newbalance-india/Dark_Red_Men_s_New_Balance_574_Legacy_Sn-India-158367.jpg" +} +] let cont = document.querySelector(".container") let cart = JSON.parse(localStorage.getItem("cart")) || []; let showTotalProduct = document.querySelector(".show"); + let display = (data)=>{ + cont.innerHTML = null; + for(let i=0; i - + Document @@ -123,4 +123,5 @@

Shoping Cart

+ \ No newline at end of file From 381d40e063ab064969f31352ded25495aa22831c Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 2 Jun 2023 19:54:03 +0530 Subject: [PATCH 04/10] second --- scripts/sport.js | 372 +++++++++++++++++++++++++++++++++++++++++++---- sport.html | 6 +- styles/sport.css | 7 +- 3 files changed, 351 insertions(+), 34 deletions(-) diff --git a/scripts/sport.js b/scripts/sport.js index cc26cfb..73655d9 100644 --- a/scripts/sport.js +++ b/scripts/sport.js @@ -1,42 +1,42 @@ let shoesArray = [ // Nike { - brand: "Nike", + brand: "NIKE", model: "Air Max 90", color: "Black/White", price: 129.99, imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/9355f630-53c7-4567-89b4-a788c93171ea/air-zoom-gt-jump-basketball-shoes-22QS5F.png" }, { - brand: "Nike", + brand: "NIKE", model: "Air Jordan 1", color: "Red/Black", price: 159.99, imageLink: "https://assets.ajio.com/medias/sys_master/root/20211224/1tuJ/61c4c229aeb26901101a2a6a/-473Wx593H-469034008-black-MODEL.jpg" }, { - brand: "Nike", + brand: "NIKE", model: "React Infinity Run", color: "Blue/Green", price: 139.99, imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/fdded470-0ac5-4bd7-b41b-1bb63e161438/custom-nike-air-force-1-mid-by-you-shoes.png" }, { - brand: "Nike", + brand: "NIKE", model: "React Infinity Run", color: "Blue/Green", price: 139.99, imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/a162ca4b-a442-4182-bfa0-4be07063e623/air-max-alpha-trainer-5-training-shoes-x8Jzj6.png" }, { - brand: "Nike", + brand: "NIKE", model: "Air Jordan 1", color: "Red/Black", price: 159.99, imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/87d7e901-4d08-4456-9d62-07e821aff45b/air-max-90-futura-shoes-x9msLm.png" }, { - brand: "Nike", + brand: "NIKE", model: "Air Max 90", color: "Black/White", price: 129.99, @@ -44,35 +44,35 @@ let shoesArray = [ }, // Puma { - brand: "Puma", + brand: "PUMA", model: "Suede Classic", color: "Black/White", price: 69.99, imageLink: "https://images.puma.com/image/upload/f_auto,q_auto,b_rgb:fafafa,w_600,h_600/global/195202/03/sv01/fnd/IND/fmt/png/Erupter-Men's-Running-Shoes" }, { - brand: "Puma", + brand: "PUMA", model: "Clyde Court", color: "Purple/Yellow", price: 119.99, imageLink: "https://i8.amplience.net/s/scvl/117239_243484_SET/2?fmt=auto&$webPdpProduct$" }, { - brand: "Puma", + brand: "PUMA", model: "RS-X", color: "White/Red", price: 99.99, imageLink: "https://www.tradeinn.com/f/13783/137835778/puma-mirage-tech-%CE%A0%CF%81%CE%BF%CF%80%CE%BF%CE%BD%CE%B7%CF%84%CE%AD%CF%82.jpg" }, { - brand: "Puma", + brand: "PUMA", model: "RS-X", color: "White/Red", price: 99.99, imageLink: "https://cdn.shopify.com/s/files/1/0262/1574/3576/products/image_0c188859-ece6-4b72-8c34-5476e18e9e1e_1200x1200.webp?v=1657057795" }, { - brand: "Puma", + brand: "PUMA", model: "Suede Classic", color: "Black/White", price: 69.99, @@ -80,35 +80,35 @@ let shoesArray = [ }, // Adidas { - brand: "Adidas", + brand: "ADIDAS", model: "Ultraboost", color: "Grey/White", price: 179.99, imageLink: "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/15f901c90a9549d29104aae700d27efb_9366/SUPERSTAR_SHOES_Black_EG4959_01_standard.jpg" }, { - brand: "Adidas", + brand: "ADIDAS", model: "Stan Smith", color: "White/Green", price: 79.99, imageLink: "https://assets.adidas.com/images/w_600,f_auto,q_auto/4d31131033b54e67b045ab2f017c6cda_9366/Superstar_Shoes_White_FU7714_01_standard.jpg" }, { - brand: "Adidas", + brand: "ADIDAS", model: "NMD R1", color: "Black/Red", price: 129.99, imageLink: "https://assets.adidas.com/images/w_600,f_auto,q_auto/641ca1a4fe0643068371aef900c3a51e_9366/Ultrabounce_Shoes_White_HP5771_01_standard.jpg" }, { - brand: "Adidas", + brand: "ADIDAS", model: "NMD R1", color: "Black/Red", price: 129.99, imageLink: "https://cdn.shopify.com/s/files/1/2031/6995/products/GV8270_6_grande.jpg?v=1646760541" }, { - brand: "Adidas", + brand: "ADIDAS", model: "Stan Smith", color: "Black/Red", price: 129.99, @@ -116,28 +116,28 @@ let shoesArray = [ }, // Reebok { - brand: "Reebok", + brand: "REEBOK", model: "Classic Leather", color: "White", price: 79.99, imageLink: "https://imagescdn.reebok.in/img/app/product/7/768941-8841748.jpg?auto=format&w=309" }, { - brand: "Reebok", + brand: "REEBOK", model: "Nano X", color: "Black/Blue", price: 119.99, imageLink: "https://img.tatacliq.com/images/i7/437Wx649H/MP000000008877586_437Wx649H_202102220200111.jpeg" }, { - brand: "Reebok", + brand: "REEBOK", model: "Club C 85", color: "White/Gum", price: 89.99, imageLink: "https://imagescdn.reebok.in/img/app/product/8/815017-9729277.jpg?auto=format" }, { - brand: "Reebok", + brand: "REEBOK", model: "Nano X", color: "Black/Blue", price: 119.99, @@ -145,61 +145,373 @@ let shoesArray = [ }, // New Balance { - brand: "New Balance", + brand: "NEW BALANCE", model: "574", color: "Grey/White", price: 89.99, imageLink: "https://www.nbshoes-india.com/images/newbalance-india/Indigo_Grey_Men_s_New_Balance_327_Sneake-India-069154.jpg" }, { - brand: "New Balance", + brand: "NEW BALANCE", model: "990v5", color: "Navy/Grey", price: 174.99, imageLink: "https://cdn.shopify.com/s/files/1/0816/4881/products/fc42c099c13e31ab0bbf34f58f5f3148_2048x2048_4a7226ed-6dba-4a0f-ae07-8e3a3374f882_1024x1024.webp?v=1676327347" }, { - brand: "New Balance", + brand: "NEW BALANCE", model: "Fresh Foam 1080v11", color: "Black/White", price: 149.99, imageLink: "https://thefoschini.vtexassets.com/arquivos/ids/54063234-800-800?v=638190020211600000&width=800&height=800&aspect=true" }, { - brand: "New Balance", + brand: "NEW BALANCE", model: "FuelCell Echo", color: "Blue/Red", price: 119.99, imageLink: "https://thefoschini.vtexassets.com/arquivos/ids/55034543-800-800?v=638195099578930000&width=800&height=800&aspect=true" }, { - brand: "New Balance", + brand: "NEW BALANCE", model: "997H", color: "Grey/Green", price: 109.99, imageLink: "https://www.nbshoes-india.com/images/newbalance-india/Dark_Red_Men_s_New_Balance_574_Legacy_Sn-India-158367.jpg" +}, +// badminton +{ + brand: "Yonex", + model: "Voltric Z-Force II", + racketWeight: "3U", + stringTension: "24-35 lbs", + price: 209.99, + imageLink: "https://m.media-amazon.com/images/I/617ZfMzNgyL._AC_UF1000,1000_QL80_.jpg" +}, +{ + brand: "Victor", + model: "Brave Axe 1", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 189.99, + imageLink: "https://m.media-amazon.com/images/I/31LtZQ7pNDL._AC_SR300,300.jpg" +}, +{ + brand: "Li-Ning", + model: "Aeronaut 9000C", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 179.99, + imageLink: "https://www.pdhsports.com/files/uk/imagelibrary/Top%2010%20Badminton/2022/RBYO25298~CherrySunburst99Pro4U_P1.jpg" +}, +{ + brand: "Apacs", + model: "Lethal 66", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 99.99, + imageLink: "https://i.pinimg.com/236x/bd/e4/54/bde45400e33a1c769ee925a285014f07.jpg" +}, +{ + brand: "Victor", + model: "Brave Sword 12", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 189.99, + imageLink: "https://m.media-amazon.com/images/I/31LtZQ7pNDL._AC_SR300,300.jpg" +}, +{ + brand: "Yonex", + model: "Duora 10", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 199.99, + imageLink: "https://www.sportsuncle.com/image/cache/catalog/images/lining/rackets/ws72-blk-gold-1200x1200.jpg" +}, +{ + brand: "Apacs", + model: "Lethal 96", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 99.99, + imageLink: "https://i.pinimg.com/236x/bd/e4/54/bde45400e33a1c769ee925a285014f07.jpg" +}, +{ + brand: "Victor", + model: "Brave Sword 19", + racketWeight: "3U", + stringTension: "24-29 lbs", + price: 159.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB166298.jpg" +}, +{ + brand: "Yonex", + model: "Nanoflare 700", + racketWeight: "4U", + stringTension: "20-27 lbs", + price: 209.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXNF001AGEFR.jpg" +}, +{ + brand: "Li-Ning", + model: "Windstorm 79", + racketWeight: "4U", + stringTension: "24-30 lbs", + price: 129.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXNF001FLGN.jpg" +}, +{ + brand: "Apacs", + model: "Feather Weight 59", + racketWeight: "4U", + stringTension: "24-30 lbs", + price: 99.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX88DTGECMGO.jpg" +}, + +{ + brand: "Yonex", + model: "Voltric Z-Force", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 219.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXNF001FLGO.jpg" +}, +// shuttelcock +{ + brand: "Yonex", + model: "AS-30", + speed: "Medium", + price: 24.99, + imageLink: "https://5.imimg.com/data5/HT/YK/PC/SELLER-22616927/aero-speed-3-badminton-shuttlecock.jpg" +}, +{ + brand: "Victor", + model: "Gold Feather", + speed: "Fast", + price: 19.99, + imageLink: "https://www.ycsports.com/image/cache/data/Yonex/AS20-yy-badminton-shuttlecock-light-speed-eather-victor-shuttlecocks-aeroplane-rsl-duck-ball-AS-20-enlan.jpg_640x640-1-640x700.jpg" +}, +{ + brand: "Li-Ning", + model: "A+60", + speed: "Medium", + price: 16.99, + imageLink: "https://cdn.shopify.com/s/files/1/0020/9407/1890/products/c2e76205-a28a-4b7a-9b94-3ec74aa7d7ff_2048x2048.jpg?v=1601305779" +}, +{ + brand: "RSL", + model: "Tourney No. 3", + speed: "Slow", + price: 14.99, + imageLink: "https://5.imimg.com/data5/KW/IG/MY-19880050/a-500x500.jpg" +}, +{ + brand: "Yonex", + model: "Aerosensa 50", + speed: "Medium", + price: 21.99, + imageLink: "https://cdn.shopify.com/s/files/1/0293/4669/3204/products/2061.jpg?v=1669173599" } +, +{ + brand: "Victor", + model: "Gold Feather", + speed: "Fast", + price: 19.99, + imageLink: "https://m.media-amazon.com/images/I/6187bQjjEJL.jpg" +} +, +{ + brand: "RSL", + model: "Tourney No. 3", + speed: "Slow", + price: 14.99, + imageLink: "https://m.media-amazon.com/images/W/IMAGERENDERING_521856-T1/images/I/41hErtUssNL.jpg" +}, +// kit bag +{ + brand: "Nike", + model: "Club Team", + color: "Black", + price: 49.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXSUNR2215BKNEON.jpg" +}, +{ + brand: "Adidas", + model: "Tiro Duffel Bag", + color: "Navy", + price: 39.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXSUNR2225BKROY.jpg" +}, +{ + brand: "Puma", + model: "Evercat Contender 3.0", + color: "Red", + price: 29.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXSUNR2225BKSBL.jpg" +}, +{ + brand: "Under Armour", + model: "Undeniable 4.0", + color: "Grey", + price: 59.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNKB22831WGR.jpg" +}, +{ + brand: "Nike", + model: "Brasilia Medium", + color: "Pink", + price: 44.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNBK22431NYPNK.jpg" +}, +// badminton T-shirts +{ + brand: "Yonex", + model: "Dry-Comfy", + color: "Red", + size: "M", + price: 29.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402BG.jpg" +}, +{ + brand: "Victor", + model: "Tech-Dry", + color: "Blue", + size: "L", + price: 24.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402VI.jpg" +}, +{ + brand: "Li-Ning", + model: "Cool-Tech", + color: "Yellow", + size: "S", + price: 19.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402BO.jpg" +}, +{ + brand: "Adidas", + model: "Climacool", + color: "Black", + size: "XL", + price: 34.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402WH.jpg" +}, +{ + brand: "Li-Ning", + model: "Cool-Tech", + color: "Yellow", + size: "S", + price: 19.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402JB.jpg" +}, +{ + brand: "Yonex", + model: "Power-Tech", + color: "Green", + size: "M", + price: 26.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402TR.jpg" +}, +{ + brand: "Victor", + model: "Tech-Dry", + color: "Blue", + size: "L", + price: 24.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTSM2402BC.jpg" +}, +{ + brand: "Adidas", + model: "Climacool", + color: "Black", + size: "XL", + price: 34.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTS2462RR.jpg" +}, +{ + brand: "Adidas", + model: "Climacool", + color: "Black", + size: "XL", + price: 34.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTS2462DN.jpg" +}, +{ + brand: "Adidas", + model: "Climacool", + color: "Black", + size: "XL", + price: 34.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YNTS2462DP.jpg" +}, ] let cont = document.querySelector(".container") let cart = JSON.parse(localStorage.getItem("cart")) || []; let showTotalProduct = document.querySelector(".show"); + let filter = document.getElementById("filter") + + +filter.addEventListener("change",()=>{ + + if(filter.value === ""){ + display(shoesArray) + }else{ + if(filter.value == "assending"){ + nArray = shoesArray.sort((a,b)=>{ + return a.price - b.price + }) + display(nArray) + }else if(filter.value == "descening"){ + shoesArray = shoesArray.sort((a,b)=>{ + return b.price - a.price + }) + display(shoesArray) + } + } + +}) - let display = (data)=>{ + + function display(data){ cont.innerHTML = null; for(let i=0; i{ + let search = document.getElementById("search").value.toUpperCase(); + let cont = document.querySelector(".container") + let card = cont.getElementsByTagName("div") + + for(let i=0; i -1){ + card[i].style.display = ""; + }else{ + card[i].style.display = "none"; + } + } + } +} diff --git a/sport.html b/sport.html index 1d3aabc..41e031b 100644 --- a/sport.html +++ b/sport.html @@ -40,7 +40,7 @@
@@ -107,9 +107,9 @@

Shoping Cart

-

Found Product(s)

+

Found Product(s)

+ + +
+ +

Shoping Cart

+
+
+ + + +
+
+ +
+
+
+

Found Product(s)

+ +
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/index.html b/index.html index afca88a..b754680 100644 --- a/index.html +++ b/index.html @@ -58,7 +58,7 @@

Shoping Cart

  • Sport
      -
    • Badminton
      • +
    • Badminton
    • Rackets
    • Shoes
    • Shuttlecock
      • diff --git a/productdetails.html b/productdetails.html new file mode 100644 index 0000000..313a8c4 --- /dev/null +++ b/productdetails.html @@ -0,0 +1,108 @@ + + + + + + + + + SportsJam.in + + + +
      +
      + +

      call Us : +91-9555461555

      +
      +
      + +

      Sign in

      +
      +
      + +

      Create Account

      +
      +
      + +

      Wislist

      +
      +
      + + + +
      + + + +
      + +

      Shoping Cart

      +
      +
      + + + + + + + \ No newline at end of file diff --git a/scripts/badminton.js b/scripts/badminton.js new file mode 100644 index 0000000..1e7baba --- /dev/null +++ b/scripts/badminton.js @@ -0,0 +1,219 @@ +let BadmintonArray = [ + // badminton + { + brand: "Yonex", + model: "Voltric Z-Force II", + racketWeight: "3U", + stringTension: "24-35 lbs", + price: 209.99, + imageLink: "https://m.media-amazon.com/images/I/617ZfMzNgyL._AC_UF1000,1000_QL80_.jpg" + }, + { + brand: "Victor", + model: "Brave Axe 1", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 189.99, + imageLink: "https://m.media-amazon.com/images/I/31LtZQ7pNDL._AC_SR300,300.jpg" + }, + { + brand: "Li-Ning", + model: "Aeronaut 9000C", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 179.99, + imageLink: "https://www.pdhsports.com/files/uk/imagelibrary/Top%2010%20Badminton/2022/RBYO25298~CherrySunburst99Pro4U_P1.jpg" + }, + { + brand: "Apacs", + model: "Lethal 66", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 99.99, + imageLink: "https://i.pinimg.com/236x/bd/e4/54/bde45400e33a1c769ee925a285014f07.jpg" + }, + { + brand: "Victor", + model: "Brave Sword 12", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 189.99, + imageLink: "https://m.media-amazon.com/images/I/31LtZQ7pNDL._AC_SR300,300.jpg" + }, + { + brand: "Yonex", + model: "Duora 10", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 199.99, + imageLink: "https://www.sportsuncle.com/image/cache/catalog/images/lining/rackets/ws72-blk-gold-1200x1200.jpg" + }, + { + brand: "Apacs", + model: "Lethal 96", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 99.99, + imageLink: "https://i.pinimg.com/236x/bd/e4/54/bde45400e33a1c769ee925a285014f07.jpg" + }, + { + brand: "Victor", + model: "Brave Sword 19", + racketWeight: "3U", + stringTension: "24-29 lbs", + price: 159.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/BB166298.jpg" + }, + { + brand: "Yonex", + model: "Nanoflare 700", + racketWeight: "4U", + stringTension: "20-27 lbs", + price: 209.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXNF001AGEFR.jpg" + }, + { + brand: "Li-Ning", + model: "Windstorm 79", + racketWeight: "4U", + stringTension: "24-30 lbs", + price: 129.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXNF001FLGN.jpg" + }, + { + brand: "Apacs", + model: "Feather Weight 59", + racketWeight: "4U", + stringTension: "24-30 lbs", + price: 99.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXAX88DTGECMGO.jpg" + }, + + { + brand: "Yonex", + model: "Voltric Z-Force", + racketWeight: "3U", + stringTension: "24-30 lbs", + price: 219.99, + imageLink: "https://storage.sg.content-cdn.io/cdn-cgi/image/width=500,height=500,quality=75,format=auto,fit=cover,g=top/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Images/ProductImages/Source/YXNF001FLGO.jpg" + }, + // shuttelcock + { + brand: "Yonex", + model: "AS-30", + speed: "Medium", + price: 24.99, + imageLink: "https://5.imimg.com/data5/HT/YK/PC/SELLER-22616927/aero-speed-3-badminton-shuttlecock.jpg" + }, + { + brand: "Victor", + model: "Gold Feather", + speed: "Fast", + price: 19.99, + imageLink: "https://www.ycsports.com/image/cache/data/Yonex/AS20-yy-badminton-shuttlecock-light-speed-eather-victor-shuttlecocks-aeroplane-rsl-duck-ball-AS-20-enlan.jpg_640x640-1-640x700.jpg" + }, + { + brand: "Li-Ning", + model: "A+60", + speed: "Medium", + price: 16.99, + imageLink: "https://cdn.shopify.com/s/files/1/0020/9407/1890/products/c2e76205-a28a-4b7a-9b94-3ec74aa7d7ff_2048x2048.jpg?v=1601305779" + }, + { + brand: "RSL", + model: "Tourney No. 3", + speed: "Slow", + price: 14.99, + imageLink: "https://5.imimg.com/data5/KW/IG/MY-19880050/a-500x500.jpg" + }, + { + brand: "Yonex", + model: "Aerosensa 50", + speed: "Medium", + price: 21.99, + imageLink: "https://cdn.shopify.com/s/files/1/0293/4669/3204/products/2061.jpg?v=1669173599" + } + , + { + brand: "Victor", + model: "Gold Feather", + speed: "Fast", + price: 19.99, + imageLink: "https://m.media-amazon.com/images/I/6187bQjjEJL.jpg" + } + , + { + brand: "RSL", + model: "Tourney No. 3", + speed: "Slow", + price: 14.99, + imageLink: "https://m.media-amazon.com/images/W/IMAGERENDERING_521856-T1/images/I/41hErtUssNL.jpg" + }, + ] + let cont = document.querySelector(".container") + let cart = JSON.parse(localStorage.getItem("cart")) || []; + let showTotalProduct = document.querySelector(".show"); + let filter = document.getElementById("filter") + + +filter.addEventListener("change",()=>{ + + if(filter.value === ""){ + display(BadmintonArray) + }else{ + if(filter.value == "assending"){ + nArray = BadmintonArray.sort((a,b)=>{ + return a.price - b.price + }) + display(nArray) + }else if(filter.value == "descening"){ + BadmintonArray = BadmintonArray.sort((a,b)=>{ + return b.price - a.price + }) + display(BadmintonArray) + } + } + +}) + + + function display(data){ + cont.innerHTML = null; + for(let i=0; i{ + let search = document.getElementById("search").value.toUpperCase(); + let cont = document.querySelector(".container") + let card = cont.getElementsByTagName("div") + + for(let i=0; i -1){ + card[i].style.display = ""; + }else{ + card[i].style.display = "none"; + } + } + } +} \ No newline at end of file diff --git a/scripts/productdetails.js b/scripts/productdetails.js new file mode 100644 index 0000000..e69de29 diff --git a/sport.html b/sport.html index 41e031b..f75a661 100644 --- a/sport.html +++ b/sport.html @@ -7,7 +7,7 @@ - Document + SportsJam.in @@ -55,7 +55,7 @@

      Shoping Cart

    • Sport
      -
      +
      + +

      Found Product(s)

      - - - - - -
      - -
      -
      - -
      -
      - -
      -
      - -
      -
      - -
      -
      - -
      + +
      +
      +
      + +
      +
      + +
      +
      + +
      +
      +
      - -
      - - - - - +
      +
      +
      + +
      +
      -
      +
      +
      +
      +
      ` +
      @@ -233,7 +222,11 @@
      BADMINTON RACKET STRINGING
      + + +
      + \ No newline at end of file diff --git a/productdetails.html b/productdetails.html index 3bad39e..6d705ab 100644 --- a/productdetails.html +++ b/productdetails.html @@ -103,6 +103,15 @@

      Shoping Cart

    + +
    +
    + +
    +
    + +
    +
    \ No newline at end of file diff --git a/scripts/index.js b/scripts/index.js index 8b13789..0faa469 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -1 +1,19 @@ +var swiper = new Swiper(".mySwiper", { + spaceBetween: 30, + centeredSlides: true, + autoplay: { + delay: 2500, + disableOnInteraction: false, + }, + pagination: { + el: ".swiper-pagination", + clickable: true, + }, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + }); + +// next slidder diff --git a/scripts/productdetails.js b/scripts/productdetails.js index 4133c6b..992b81f 100644 --- a/scripts/productdetails.js +++ b/scripts/productdetails.js @@ -18,11 +18,6 @@ function display(data){ card.append(img,des,price) cont.append(card) showTotalProduct.textContent = i+1 - - des.addEventListener("click",()=>{ - product.push(data[i]) - localStorage.setItem("product",JSON.stringify(product)) - }) } } diff --git a/scripts/sport.js b/scripts/sport.js index 77f010c..5833bbe 100644 --- a/scripts/sport.js +++ b/scripts/sport.js @@ -1,6 +1,7 @@ let shoesArray = [ // Nike { + id : 1, brand: "NIKE", model: "Air Max 90", color: "Black/White", @@ -8,6 +9,7 @@ let shoesArray = [ imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/9355f630-53c7-4567-89b4-a788c93171ea/air-zoom-gt-jump-basketball-shoes-22QS5F.png" }, { + id : 2, brand: "NIKE", model: "Air Jordan 1", color: "Red/Black", @@ -15,6 +17,7 @@ let shoesArray = [ imageLink: "https://assets.ajio.com/medias/sys_master/root/20211224/1tuJ/61c4c229aeb26901101a2a6a/-473Wx593H-469034008-black-MODEL.jpg" }, { + id : 3, brand: "NIKE", model: "React Infinity Run", color: "Blue/Green", @@ -22,6 +25,7 @@ let shoesArray = [ imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/fdded470-0ac5-4bd7-b41b-1bb63e161438/custom-nike-air-force-1-mid-by-you-shoes.png" }, { + id : 4, brand: "NIKE", model: "React Infinity Run", color: "Blue/Green", @@ -29,6 +33,7 @@ let shoesArray = [ imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/a162ca4b-a442-4182-bfa0-4be07063e623/air-max-alpha-trainer-5-training-shoes-x8Jzj6.png" }, { + id : 5, brand: "NIKE", model: "Air Jordan 1", color: "Red/Black", @@ -36,6 +41,7 @@ let shoesArray = [ imageLink: "https://static.nike.com/a/images/t_PDP_1280_v1/f_auto,q_auto:eco/87d7e901-4d08-4456-9d62-07e821aff45b/air-max-90-futura-shoes-x9msLm.png" }, { + id : 6, brand: "NIKE", model: "Air Max 90", color: "Black/White", @@ -44,6 +50,7 @@ let shoesArray = [ }, // Puma { + id : 7, brand: "PUMA", model: "Suede Classic", color: "Black/White", @@ -51,6 +58,7 @@ let shoesArray = [ imageLink: "https://images.puma.com/image/upload/f_auto,q_auto,b_rgb:fafafa,w_600,h_600/global/195202/03/sv01/fnd/IND/fmt/png/Erupter-Men's-Running-Shoes" }, { + id : 8, brand: "PUMA", model: "Clyde Court", color: "Purple/Yellow", @@ -58,6 +66,7 @@ let shoesArray = [ imageLink: "https://i8.amplience.net/s/scvl/117239_243484_SET/2?fmt=auto&$webPdpProduct$" }, { + id : 9, brand: "PUMA", model: "RS-X", color: "White/Red", @@ -65,6 +74,7 @@ let shoesArray = [ imageLink: "https://www.tradeinn.com/f/13783/137835778/puma-mirage-tech-%CE%A0%CF%81%CE%BF%CF%80%CE%BF%CE%BD%CE%B7%CF%84%CE%AD%CF%82.jpg" }, { + id : 10, brand: "PUMA", model: "RS-X", color: "White/Red", @@ -72,6 +82,7 @@ let shoesArray = [ imageLink: "https://cdn.shopify.com/s/files/1/0262/1574/3576/products/image_0c188859-ece6-4b72-8c34-5476e18e9e1e_1200x1200.webp?v=1657057795" }, { + id : 11, brand: "PUMA", model: "Suede Classic", color: "Black/White", @@ -80,6 +91,7 @@ let shoesArray = [ }, // Adidas { + id : 12, brand: "ADIDAS", model: "Ultraboost", color: "Grey/White", @@ -87,6 +99,7 @@ let shoesArray = [ imageLink: "https://assets.adidas.com/images/h_840,f_auto,q_auto,fl_lossy,c_fill,g_auto/15f901c90a9549d29104aae700d27efb_9366/SUPERSTAR_SHOES_Black_EG4959_01_standard.jpg" }, { + id : 13, brand: "ADIDAS", model: "Stan Smith", color: "White/Green", @@ -94,13 +107,14 @@ let shoesArray = [ imageLink: "https://assets.adidas.com/images/w_600,f_auto,q_auto/4d31131033b54e67b045ab2f017c6cda_9366/Superstar_Shoes_White_FU7714_01_standard.jpg" }, { + id : 14, brand: "ADIDAS", model: "NMD R1", color: "Black/Red", price: 129.99, imageLink: "https://assets.adidas.com/images/w_600,f_auto,q_auto/641ca1a4fe0643068371aef900c3a51e_9366/Ultrabounce_Shoes_White_HP5771_01_standard.jpg" }, - { + {id : 15, brand: "ADIDAS", model: "NMD R1", color: "Black/Red", @@ -108,6 +122,7 @@ let shoesArray = [ imageLink: "https://cdn.shopify.com/s/files/1/2031/6995/products/GV8270_6_grande.jpg?v=1646760541" }, { + id : 16, brand: "ADIDAS", model: "Stan Smith", color: "Black/Red", @@ -116,6 +131,7 @@ let shoesArray = [ }, // Reebok { + id : 17, brand: "REEBOK", model: "Classic Leather", color: "White", @@ -490,8 +506,9 @@ let product = JSON.parse(localStorage.getItem("product")) || [] cont.append(card) showTotalProduct.textContent = i+1 - des.addEventListener("click",()=>{ + card.addEventListener("click",()=>{ localStorage.setItem("product",JSON.stringify(data[i])) + window.location.assign("productdetails.html") }) } diff --git a/styles/productdetails.css b/styles/productdetails.css index 004380b..d38d573 100644 --- a/styles/productdetails.css +++ b/styles/productdetails.css @@ -116,4 +116,10 @@ body{ opacity: 1; } -/* nav end here */ \ No newline at end of file +/* nav end here */ + +.container{ + width: 100%; + display: flex; + margin-top: 50px; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index b35e06c..0a9657a 100644 --- a/styles/style.css +++ b/styles/style.css @@ -73,7 +73,10 @@ body{ .cart i{ font-size: 35px; } - +.cart h4 a{ + color: #000; + text-decoration: none; +} /* menu */ .main_nav{ @@ -105,6 +108,7 @@ body{ width: 200px; background-color: #fff; display: none; + z-index: 5; } .sub_menu >ul{ list-style-type: none; @@ -117,64 +121,28 @@ body{ } /* slider section */ -.hero{ +.swiper { width: 100%; + height: 100%; + } + + .swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; display: flex; justify-content: center; align-items: center; -} -.slider{ - width: 100%; - overflow-x: hidden; -} -.slides{ - width: 600%; - display: flex; -} -.slides >input{ - display: none; -} -.slide{ - width: 20%; - transition: 2s; -} -.slide img{ + } + + .swiper-slide img { + display: block; width: 100%; -} -.manualmove{ -position: absolute; -margin-top: -40px; -width: 100%; -display: flex; -justify-content: center; -} -.manual-btn{ - background-color: rgb(81, 78, 78); - padding: 5px; - border-radius: 10px; - cursor: pointer; -} -.manual-btn:not(:last-child){ - margin-right: 10px; -} -.manual-btn:hover{ - background-color: rgb(0, 0, 0); -} -#rad-1:checked ~ .fst{ -margin-left: 0; -} -#rad-2:checked ~ .fst{ -margin-left: -20%; -} -#rad-3:checked ~ .fst{ -margin-left: -40%; -} -#rad-4:checked ~ .fst{ -margin-left: -60%; -} -#rad-5:checked ~ .fst{ -margin-left: -80%; -} + height: 100%; + object-fit: cover; + } + +/* --gallery--- */ .galley{ width: 90%; margin: 50px auto; @@ -206,9 +174,9 @@ margin-left: -80%; flex-direction: column; align-items: center; } -.layer:hover{ +.card:hover .layer{ background: rgba(57, 54, 54, 0.5); - height: 80%; + height: 60%; } .layer h3,p,button{ margin: 5px 0; From 6798b41509eefcc59c3126872234851f831bbe5f Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 5 Jun 2023 03:32:51 +0530 Subject: [PATCH 08/10] forth --- index.html | 55 +++++++++++++++++++++++++++++++++++++++- scripts/index.js | 9 ++++++- styles/style.css | 65 ++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 127 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 005406b..6e9102a 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,8 @@ + + @@ -223,10 +225,61 @@
    BADMINTON RACKET STRINGING
    - +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
      • +
    +
    +
    + + + +
    +
    + +
    +
    +

    ABOUT SPORTSJAM

    +

    Let’s get going to dig out the best products in your game & make ‘em available right at your doorstep. We will be glad to serve you in any city in India & speedily, so that you enjoy your product in the coming weekend! All this, with no shipping charges if you purchase above Rs.1000. + + Scout through your favourite brands with latest technologies. Just click & be its proud owner, at the best available price in the market. Come, help us help you to fly high with your new & improved game with high quality sportsgear! +

    +

    FIND OUR STORE

     +
    +
    + + + +
    +

    TESTIMONIALS

    +

    Amazing products and Excellent Service. Whenever I have called, I have got professional, prompt and consistent reply. Even during giving the free tshirt, you guys called to know the size, but unfortunately the size is large on me. Any chances I can exchange with M size. Although I am loving my new racquet. - Rajnish, New Delhi

    + View All +
    + \ No newline at end of file diff --git a/scripts/index.js b/scripts/index.js index 0faa469..06f52ff 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -1,3 +1,4 @@ +// top main hero slider var swiper = new Swiper(".mySwiper", { spaceBetween: 30, centeredSlides: true, @@ -15,5 +16,11 @@ var swiper = new Swiper(".mySwiper", { }, }); +// new slider +var splide = new Splide( '.splide', { + type : 'loop', + perPage : 8, + autoplay: true, +} ); -// next slidder +splide.mount(); \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index 0a9657a..49eea85 100644 --- a/styles/style.css +++ b/styles/style.css @@ -277,4 +277,69 @@ body{ } .spacer{ height: 500px; +} + +/* -----about---- */ + +.about{ + margin: 50px auto; + width: 95%; + display: flex; + justify-content: space-between; +} +.about div{ + width: 48%; +} +.about div img{ + width: 100%; +} +.text h3{ + margin-bottom: 15px; + font-weight: 600; +} +.text p{ + line-height: 30px; + font-size: 14px; +} +.text a{ + display: inline-block; + padding: 10px 20px; + background-color: #000; + color: #fff; + text-decoration: none; + margin-top: 5%; +} +.text a:hover{ + background-color: rgb(251, 132, 58); +} + +/* TESTIMONIALS */ + +.testi{ + width: 92%; + margin: auto; + text-align: center; +} +.testi h2{ + margin-bottom: 12px; +} +.testi p{ + font-size: 12px; +} +.testi p span{ + font-weight: 700; + font-size: 13px; +} +.testi a{ + display: inline-block; + padding: 5px 30px; + color: #000; + text-decoration: none; + font-size: 20px; + border: 1px solid #000; + margin-top: 30px; +} +.testi a:hover{ + color: rgb(251, 132, 58); + border: 1px solid rgb(251, 132, 58); } \ No newline at end of file From 468ab2a423475039e47ee2a03c3f7190ea161c56 Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 5 Jun 2023 20:44:46 +0530 Subject: [PATCH 09/10] fifth --- index.html | 85 ++++++++++++++++++++++++++++++++++++++--- styles/style.css | 98 ++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 174 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 6e9102a..bc8e082 100644 --- a/index.html +++ b/index.html @@ -255,7 +255,7 @@
    BADMINTON RACKET STRINGING
    -
    +
    @@ -267,17 +267,92 @@

    ABOUT SPORTSJAM

    FIND OUR STORE
    -
    +
    • -
    +

    TESTIMONIALS

    Amazing products and Excellent Service. Whenever I have called, I have got professional, prompt and consistent reply. Even during giving the free tshirt, you guys called to know the size, but unfortunately the size is large on me. Any chances I can exchange with M size. Although I am loving my new racquet. - Rajnish, New Delhi

    View All -
    +
    -
    + + +
    + + +
    + + Buyers Guide +
    + + + + +
    + + + diff --git a/styles/style.css b/styles/style.css index 49eea85..7ee2274 100644 --- a/styles/style.css +++ b/styles/style.css @@ -310,7 +310,7 @@ body{ margin-top: 5%; } .text a:hover{ - background-color: rgb(251, 132, 58); + background-color: #ff6600; } /* TESTIMONIALS */ @@ -337,9 +337,99 @@ body{ text-decoration: none; font-size: 20px; border: 1px solid #000; - margin-top: 30px; + margin-top: 25px; } .testi a:hover{ - color: rgb(251, 132, 58); - border: 1px solid rgb(251, 132, 58); + color: #ff6600; + border: 1px solid #ff6600; +} + +/* servicess2 */ + +.services2{ + width: 100%; + margin-top: 40px; + height: 150px; + background-color: #e1e1e1; + display: flex; + justify-content: center; + text-align: center; + align-items: center; +} +.services2 div{ + width: 10%; +} +.services2 div i{ + display: block; + font-size: 30px; +} +.services2 div a{ + display: inline-block; + margin-top: 15px; + /* text-decoration: none; */ + color: #000; +} +.services2 div:hover .fa-solid{ + color: #ff6600; +} + +/* ----footer----- */ + +.footer{ + background-color: #000; + height: 400px; + color: #fff; + display: flex; + justify-content: space-between; +} +.footer >div:nth-child(1){ + display: flex; + margin-top: 20px; + width: 40%; + justify-content: space-between; + margin-left: 20px; +} +.footer >div:nth-child(1) ul li{ + list-style-type: none; +} +.footer >div:nth-child(1) ul li a{ + text-decoration: none; + color: #d6cfcf; + font-size: 12px; +} +.footer >div:nth-child(1) ul li a:hover{ + color: #ff6600; +} +.footer >div:nth-child(1) h4{ + margin-bottom: 15px; +} + +/* -- */ +.footer >div:nth-child(2){ + margin-top: 20px; + margin-right: 7%; +} +.footer >div:nth-child(2) h4{ + margin-bottom: 15px; +} +.footer >div:nth-child(2) input{ + width: 250px; + border: none; + height: 30px; + padding: 0px 10px; + border-radius: 10px; + outline: none; + background-color: #4e4848; + color: #fff; +} +.footer >div:nth-child(2)>div{ + margin-top: 20px; +} +.footer >div:nth-child(2)>div i{ + color: #fff; + font-size: 30px; + margin-right: 5px; +} +.footer >div:nth-child(2)>img{ + margin-top: 10px; } \ No newline at end of file From 1db4c2ef2c9e3df812d827fd91b6a5f8a6692e4a Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 6 Jun 2023 00:12:28 +0530 Subject: [PATCH 10/10] sixth --- Badminton.html | 88 ++++++++++++++++++++++++++++++- README.md | 8 ++- index.html | 90 +++++++++++++++++++++++++++++++- productdetails.html | 107 +++++++++++++++++++++++++++++++++++++- scripts/badminton.js | 17 ++++++ scripts/index.js | 11 ++++ scripts/productdetails.js | 67 ++++++++++++++++++------ scripts/sport.js | 13 ++++- sport.html | 1 + styles/badminton.css | 10 ++++ styles/productdetails.css | 60 ++++++++++++++++++++- styles/sport.css | 13 ++++- styles/style.css | 10 ++++ 13 files changed, 469 insertions(+), 26 deletions(-) diff --git a/Badminton.html b/Badminton.html index 498ee6d..9a9a568 100644 --- a/Badminton.html +++ b/Badminton.html @@ -44,6 +44,7 @@
    +

    Shoping Cart

    @@ -85,7 +86,92 @@

    Shoping Cart

  • - SHOES + Shoes +
    + +
    +
    • +
  • + Clothing +
    + +
    +
    • +
  • + Accessories +
    + +
    +
    • +
  • + Leisure Sports +
    + +
    +
    • +
  • + Fangear +
    + +
    +
    • +
  • + Brands
    • Men
      • diff --git a/README.md b/README.md index 0e166a2..a294a26 100644 --- a/README.md +++ b/README.md @@ -1 +1,7 @@ -# mini-project \ No newline at end of file +# mini-project + +Name : Arup Paul +Student-Code : fw27_052 +Deploy Link : https://647e2bb9d6838007f99b589d--majestic-donut-0ca5e2.netlify.app/ + + diff --git a/index.html b/index.html index bc8e082..acf637a 100644 --- a/index.html +++ b/index.html @@ -48,6 +48,7 @@
      +

      Shopping Cart

      @@ -57,7 +58,7 @@

      Shopping Cart