diff --git a/Badminton.html b/Badminton.html new file mode 100644 index 0000000..9a9a568 --- /dev/null +++ b/Badminton.html @@ -0,0 +1,215 @@ + + + + + + + + + + SportsJam.in + + + +
+
+ +

call Us : +91-9555461555

+
+
+ +

Sign in

+
+
+ +

Create Account

+
+
+ +

Wislist

+
+
+ + + +
+ + + +
+

+ +

Shoping Cart

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

Found Product(s)

+ +
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/Fitness.html b/Fitness.html new file mode 100644 index 0000000..e69de29 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/cart.html b/cart.html new file mode 100644 index 0000000..56efbdb --- /dev/null +++ b/cart.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..acf637a --- /dev/null +++ b/index.html @@ -0,0 +1,446 @@ + + + + + + + sportsjam.in + + + + + + + + + + +
+
+ +

call Us : +91-9555461555

+
+
+ +

Sign in

+
+
+ +

Create Account

+
+
+ +

Wislist

+
+
+ + + +
+ + + +
+

+ +

Shopping 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

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

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 +
+ + + +
+
+ + E-gift voucher +
+
+ + Reward Points +
+
+ + Buyers Guide +
+
+ + Customized Services +
+
+ + Express Shipping +
+
+ + Secure Shopping +
+
+ + 100% Authentic +
+
+ + + + + + + + \ No newline at end of file diff --git a/productdetails.html b/productdetails.html new file mode 100644 index 0000000..90ea3a0 --- /dev/null +++ b/productdetails.html @@ -0,0 +1,220 @@ + + + + + + + + + SportsJam.in + + + +
+
+ +

call Us : +91-9555461555

+
+
+ +

Sign in

+
+
+ +

Create Account

+
+
+ +

Wislist

+
+
+ + + +
+ + + +
+

+ +

Shoping Cart

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

+
+ + + + + + + Be the first to write the review | Write Review + +
+
+

Asics Gel-Rocket 10 Mens Indoor Court Shoes (Black/Carrier Grey)

+ + 5,399 +
+ + +
+
+ + + \ No newline at end of file diff --git a/scripts/badminton.js b/scripts/badminton.js new file mode 100644 index 0000000..16745fe --- /dev/null +++ b/scripts/badminton.js @@ -0,0 +1,236 @@ +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 showcart = document.querySelector(".showcart") +let cartdata = JSON.parse(localStorage.getItem("cart")) || []; + +if(cartdata.length < 1 ){ + showcart.textContent = "0" +}else{ + for(let i=0;i{ + + 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{ + localStorage.setItem("product",JSON.stringify(data[i])) + window.location.assign("productdetails.html") + }) + } + + } + +display(BadmintonArray) + +//-------- search function ----- + +const searching = ()=>{ + 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/index.js b/scripts/index.js new file mode 100644 index 0000000..76d3db1 --- /dev/null +++ b/scripts/index.js @@ -0,0 +1,37 @@ +let showcart = document.querySelector(".showcart") +let cartdata = JSON.parse(localStorage.getItem("cart")) || []; + +if(cartdata.length < 1 ){ + showcart.textContent = "0" +}else{ + for(let i=0;iimg"); + +image.setAttribute("src",product.imageLink) + +let product_head = document.querySelector(".product-head") + +product_head.textContent = `${product.brand} ${product.model}`.toUpperCase() + +let product_name = document.querySelector(".product-name") + +product_name.textContent = `${product.brand} ${product.model}` + +let product_price = document.querySelector(".product-price") + +product_price.textContent = product.price + +let btn = document.querySelector(".add-cart") + +// btn.addEventListener("click",()=>{ +// // cart.push(product) +// console.log(cart) +// }) +console.log(Array.isArray(cart)) + + + + +//-------- search function ----- + +const searching = ()=>{ +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/scripts/sport.js b/scripts/sport.js new file mode 100644 index 0000000..d6def8a --- /dev/null +++ b/scripts/sport.js @@ -0,0 +1,550 @@ +let shoesArray = [ + // Nike + { + id : 1, + 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" + }, + { + id : 2, + 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" + }, + { + id : 3, + 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" + }, + { + id : 4, + 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" + }, + { + id : 5, + 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" + }, + { + id : 6, + 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 + { + id : 7, + 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" + }, + { + id : 8, + 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$" + }, + { + id : 9, + 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" + }, + { + id : 10, + 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" + }, + { + id : 11, + 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 + { + id : 12, + 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" + }, + { + id : 13, + 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" + }, + { + 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", + price: 129.99, + 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", + price: 129.99, + imageLink: "https://static.footshop.com/668716-full_product/193171.jpg" + }, + // Reebok + { + id : 17, + 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" +}, +// 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 showcart = document.querySelector(".showcart") +let cart = JSON.parse(localStorage.getItem("cart")) || []; + +if(cart.length < 1 ){ + showcart.textContent = "0" +}else{ + for(let i=0;i{ + + 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 product = JSON.parse(localStorage.getItem("product")) || [] + + function display(data){ + cont.innerHTML = null; + for(let i=0; i{ + localStorage.setItem("product",JSON.stringify(data[i])) + window.location.assign("productdetails.html") + }) + } + + } + +display(shoesArray) + +//-------- search function ----- + +const searching = ()=>{ + 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/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..cf2f638 --- /dev/null +++ b/sport.html @@ -0,0 +1,130 @@ + + + + + + + + + + SportsJam.in + + + +
+
+ +

call Us : +91-9555461555

+
+
+ +

Sign in

+
+
+ +

Create Account

+
+
+ +

Wislist

+
+
+ + + +
+ + + +
+

+ +

Shoping Cart

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

Found Product(s)

+ +
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/styles/badminton.css b/styles/badminton.css new file mode 100644 index 0000000..5b1c086 --- /dev/null +++ b/styles/badminton.css @@ -0,0 +1,170 @@ +@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{ + position: relative; + padding-right: 20px; + display: flex; + justify-content: space-around; + width: 200px; +} +.showcart{ + position: absolute; + border-radius: 50%; + background-color: #ff6600; + padding: 2px 5px; + color: #fff; + left: 15%; + top: -35%; +} +.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 ---------- */ +.main{ + width: 100%; + display: flex; +} +.left{ + width: 20%; +} +.right{ + width: 80%; +} +.top{ + display: flex; + justify-content: flex-end; + height: 60px; + align-items: end; + border-bottom:1px solid rgba(94, 92, 92 ,0.7) +} +.top >p{ + margin-right: 35%; + padding-bottom: 10px; +} +#filter{ + margin-right: 5%; + margin-bottom: 10px; + width: 250px; + padding: 5px 0; +} +.container{ + margin-top: 40px; + width: 80%; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; +} +.container >div:hover{ + box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px; +} +.container >div img{ + width: 100%; + height: 550px; + cursor: pointer; +} \ No newline at end of file diff --git a/styles/productdetails.css b/styles/productdetails.css new file mode 100644 index 0000000..a285fd2 --- /dev/null +++ b/styles/productdetails.css @@ -0,0 +1,183 @@ +@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{ + position: relative; + padding-right: 20px; + display: flex; + justify-content: space-around; + width: 200px; +} +.showcart{ + position: absolute; + border-radius: 50%; + background-color: #ff6600; + padding: 2px 5px; + color: #fff; + left: 15%; + top: -35%; +} +.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 end here */ + +.container{ + width: 95%; + display: flex; + margin-top: 50px; + justify-content: space-between; +} +.left{ + width: 47%; + margin-left: 20px; +} +.left >img{ + width: 100%; +} +.right{ + width: 47%; +} +.star{ + margin-top: 10px; + padding: 10px 0; + border-bottom: 1px solid rgba(94, 92, 92 ,0.7); +} +.star >span{ + padding-left: 5px; +} +.star >span a{ + color: #000; +} +.product-name{ + margin-top: 15px; +} +.fa-indian-rupee-sign{ + padding: 15px 0; +} +.product-price{ + font-size: 20px; +} +.price{ + border-bottom: 1px solid rgba(94, 92, 92 ,0.7); +} +.add-cart{ + margin-top: 20px; + width: 170px; + text-align: center; + padding: 15px; + color: #fff; + border: none; + background-color: #ff6600; + cursor: pointer; +} +.add-cart >i{ + padding-right: 10px; + font-size: 16px; +} \ No newline at end of file diff --git a/styles/sport.css b/styles/sport.css new file mode 100644 index 0000000..cd6a1da --- /dev/null +++ b/styles/sport.css @@ -0,0 +1,171 @@ +@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{ + position: relative; + padding-right: 20px; + display: flex; + justify-content: space-around; + width: 200px; +} + +.showcart{ + position: absolute; + border-radius: 50%; + background-color: #ff6600; + padding: 2px 5px; + color: #fff; + left: 15%; + top: -35%; +} + +.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 ---------- */ +.main{ + width: 100%; + display: flex; +} +.left{ + width: 20%; +} +.right{ + width: 80%; +} +.top{ + display: flex; + justify-content: flex-end; + height: 60px; + align-items: end; + border-bottom:1px solid rgba(94, 92, 92 ,0.7) +} +.top >p{ + margin-right: 35%; + padding-bottom: 10px; +} +#filter{ + margin-right: 5%; + margin-bottom: 10px; + width: 250px; + padding: 5px 0; +} +.container{ + margin-top: 40px; + width: 80%; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; +} +.container >div:hover{ + box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px; +} +.container >div img{ + width: 100%; + height: 550px; + cursor: pointer; +} \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..be4e2b1 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,445 @@ +@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{ + position: relative; + padding-right: 20px; + display: flex; + justify-content: space-around; + width: 200px; +} +.showcart{ + position: absolute; + border-radius: 50%; + background-color: #ff6600; + padding: 2px 5px; + color: #fff; + left: 15%; + top: -35%; +} +.cart i{ + font-size: 35px; +} +.cart h4 a{ + color: #000; + text-decoration: none; +} + +/* 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; + z-index: 5; +} +.sub_menu >ul{ + list-style-type: none; +} +.sub_menu i{ + opacity: 0; +} +.sub_menu >ul >li:hover .fa-solid{ + opacity: 1; +} + +/* slider section */ +.swiper { + width: 100%; + height: 100%; + } + + .swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + display: flex; + justify-content: center; + align-items: center; + } + + .swiper-slide img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } + +/* --gallery--- */ +.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; +} +.card:hover .layer{ + background: rgba(57, 54, 54, 0.5); + height: 60%; +} +.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; +} + +/* -----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: #ff6600; +} + +/* 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: 25px; +} +.testi a:hover{ + 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