diff --git a/MiniProject001/final.html b/MiniProject001/final.html new file mode 100644 index 0000000..62680e1 --- /dev/null +++ b/MiniProject001/final.html @@ -0,0 +1,847 @@ + + + + + + + + Buy Yonex-Wilson-Li-Ning Kids Sports Clothes Online India + + + + + + + + +
+
+

Call Us : +91 9555461555

+
+
+

Sign in

+
+
+

Create Account

+
+
+

Wishlist

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

0

+
+ +
+ +
+ +
+ + + + + + + + + + + +
PRODUCT NAMEUNIT PRICEQUANTITY + TOTALREMOVE
+
+
+ + + + + \ No newline at end of file diff --git a/MiniProject001/index.html b/MiniProject001/index.html new file mode 100644 index 0000000..e06efcd --- /dev/null +++ b/MiniProject001/index.html @@ -0,0 +1,536 @@ + + + + + + + + Buy Sports Goods Online India |Sports & Fitness Equipment Store + + + + + + + + +
+
+

Call Us : +91 9555461555

+
+
+

Sign in

+
+
+

Create Account

+
+
+

Wishlist

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

0

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

OUR CUSTOMIZED SERVICES

+
+
+ +
+ + +
+
+
+

BADMINTON RACKET STRINGING

+

Some players prefer to have the comfort, power and flexibility to choose a combination of features on a single string. For this, few tennis brands offer Hybrid Strings, which have one string for Mains and a different string for Crosses. Now, YOU can also create your very own hybrid string! +
+ To avail of this service at Sportsjam.in, add your favourite racquet in your order, along with Tennis String for Mains and Tennis String for Crosses (Hybrid Stringing). Please note that a good understanding of string features are required to achieve an optimum balance between comfort, durability, control and power.

+ +
+
+
+
+ +

PICKLEBALL SPORTS

+
+
+ +

PADEL SPORTS

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

ABOUT SPORTS JAM

+

Some players prefer to have the comfort, power and flexibility to choose a combination of features on a single string. For this, few tennis brands offer Hybrid Strings, which have one string for Mains and a different string for Crosses. Now, YOU can also create your very own hybrid string! +
+ To avail of this service at Sportsjam.in, add your favourite racquet in your order, along with Tennis String for Mains and Tennis String for Crosses (Hybrid Stringing). Please note that a good understanding of string features are required to achieve an optimum balance between comfort, durability, control and power.

+ +
+ +

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

+ + + + + + \ No newline at end of file diff --git a/MiniProject001/pag2.html b/MiniProject001/pag2.html new file mode 100644 index 0000000..debd134 --- /dev/null +++ b/MiniProject001/pag2.html @@ -0,0 +1,785 @@ + + + + + + + + Buy Yonex-Wilson-Li-Ning Kids Sports Clothes Online India + + + + + + + + +
+
+

Call Us : +91 9555461555

+
+
+

Sign in

+
+
+

Create Account

+
+
+

Wishlist

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

0

+
+ +
+
+ +
+ + + + + \ No newline at end of file diff --git a/MiniProject001/pag3.html b/MiniProject001/pag3.html new file mode 100644 index 0000000..2eea754 --- /dev/null +++ b/MiniProject001/pag3.html @@ -0,0 +1,802 @@ + + + + + + + + Buy Yonex-Wilson-Li-Ning Kids Sports Clothes Online India + + + + + + + + +
+
+

Call Us : +91 9555461555

+
+
+

Sign in

+
+
+

Create Account

+
+
+

Wishlist

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

0

+
+ +
+
+ +
+ + + + +

ddfgdfgd

+

dfgdfg

+

$564654

+ + +
+
+ + + + + \ No newline at end of file diff --git a/MiniProject001/script.js b/MiniProject001/script.js new file mode 100644 index 0000000..17b266f --- /dev/null +++ b/MiniProject001/script.js @@ -0,0 +1,289 @@ + + + + + + + + +let DATA=[ + { + image:"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/WLWTB1500BOS.jpg", + name:"Wilson NBA Team Tiedye Boston Celtics Baketbll", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB1300CHI.jpg", + name:"Wilson NBA Team Tribute Chicago Bulls Baketbll", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB1300GOL.jpg", + name:"Wilson NBA Team Tribute Golden State WariorsBasketball", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB141907.jpg", + name:"Wilson MVP 295 Basketball", + price:"1099", + brand:"Wilson" + }, + { + image:"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/WLWTB1300MIL.jpg", + name:"Wilson NBA Team Tribute Milwaukee Bucks askeball", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB1500CHI.jpg", + name:"Wilson NBA Team Tiedye Chicago Bulls Basetbal", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB1300BOS.jpg", + name:"Wilson NBA Team Tribute Boston Celtics Bsketall", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB1300MEM.jpg", + name:"Wilson NBA Team Tribute Memphis Grizzlie Basetball", + price:"1799", + brand:"Wilson" + }, + { + image:"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/WLWTB920107.jpg", + name:"Wilson NBA DRV Plus Basketball (Granite lue)", + price:"1649", + brand:"Wilson" + }, + { + image:"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/WLWTB920007.jpg", + name:"Wilson NBA DRV Plus Basketball (Brown)", rice:"1649", + brand:"Wilson" + }, + { + image:"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/WLWTB820107.jpg", + name:"Wilson NBA Forge Basketball", + price:"2499", + brand:"Wilson" + }, + { + image:"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/WLWTB720007.jpg", + name:"Wilson NBA Authentic Indoor Outdoor Basktbal", + price:"2999", + brand:"Wilson" + }, + { + image:"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/WLWTB920307.jpg", + name:"Wilson NBA DRV Plus Basketball (Granite ed)", + price:"1649", + brand:"Wilson" + }, + { + image:"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/WLWTB930306.jpg", + name:"Wilson NBA DRV Basketball (Red, Size 6)", +price:"1549", + brand:"Wilson" + }, + { + image:"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/WLWTB930305.jpg", + name:"Wilson NBA DRV Basketball (Red, Size 5)", +price:"1549", + brand:"Wilson" + }, + { + image:"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/WLWTB930207.jpg", + name:"Wilson NBA DRV Basketball (Grey/Blue)", rice:"1549", + brand:"Wilson" + }, + { + image:"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/WLWTB930307.jpg", + name:"Wilson NBA DRV Basketball (Red, Size 7)", +price:"1549", + brand:"Wilson" + }, + { + image:"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/WLWZ40059017.jpg", + name:"Wilson NBA Players Icon LeBRON JAMES Basetbal (Outdoor)", + price:"1999", + brand:"Wilson" + }, + { + image:"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/WLWZ40061017.jpg", + name:"Wilson NBA Players Icon Stephen Curry Baketbll (Outdoor)", + price:"1999", + brand:"Wilson" + }, + { + image:"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/WLWZ40060017.jpg", + name:"Wilson NBA Players Icon Kevin Durant Basetbal (Outdoor)", + price:"1999", + brand:"Wilson" + }, + { + image:"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/SPBBREBOUND.jpg", + name:"Spalding Rebound Basketball (Brick, Size7)", + price:"899", + brand:"Spalding", +}, + + { + image:"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/STABBRSTD9.jpg", + name:"Stag Standard Basket Ball Ring" , + price:"1800", + brand:"Stag" +}, + { + image:"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/STABBRHDGA20.jpg", + name:"Stag Heavy Duty Galvanized BasketBall Rig Wih Net", + price:"2100", + brand:"Stag" + }, + { + image:"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/STABBRHAT9.jpg", + name:"Stag Hang Time Basket Ball Ring" , + price:"2000", +brand:"Stag" +}, + { + image:"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/NKAC4354-753.jpg", + name:"Nike Essential Ball Pump (Volt/Black)" , + price:"1980", +brand:"Nike" + +}, + { + image:"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/NKAC4354-027.jpg", + name:"Nike Essential Ball Pump (Black/White)" , + brand:"Nike", + price:"1980", +}, + + { + image:"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/SPBB74532Z.jpg", + name:"Spalding TF-250 Basketball (Brick, Size )", + price:"2099", + brand:"Spalding" + }, + { + image:"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/SPBB83509Z.jpg", + name:"Spalding New York Knicks Basketball (Orage/Ryal, Size 7)", + price:"1379", + brand:"Spalding" + }, + { + image:"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/SPBB83507Z.jpg", + name:"Spalding Miami Heat Basketball (Brick/Yelow,Size 7)", + price:"1399", + brand:"Spalding" + }, + { + image:"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/STABBRSS18.jpg", + name:"Stag Solid Steel Basketball Ring (18 mm)", + price:"1250", +brand:"Stag" +}, + { + image:"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/STABBRHB9.jpg", + name:"Stag Hobby Solid Steel Basketball Ring (mm)", + price:"800", +brand:"Stag"}, + { + image:"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/STABBRSS20L.jpg", + name:"Stag Solid Steel Basketball Ring (20 mm)", + price:"1575", +brand:"Stag"}, + { + image:"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/SPBB73920Z.jpg", + name:"Spalding NBA Flite Basketball (Size 7)", + price:"1179", + brand:"Spalding" + }, + + { + image:"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/NK844592-002.jpg", + name:"Nike Zoom Devosion Basketball Shoes (Blak/Siver/Volt)", + price:"6999", +brand:"Nike" +}, + + { + image:"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/ADBSS84964L.jpg", + name:"Adidas 3 Series 2015 Basketball Shoes", + price:"6999", + brand:"Adidas" + }, + { + image:"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/NK637382-107L.jpg", + name:"Nike Overplay VIII Basketball Shoes", + price:"4495", +brand:"Nike" +}, + + { + image:"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/SZBBRF000.jpg", + name:"Sklz Rapid Fire", + price:"13999", + brand:"Sklz", + }, + { + image:"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/SZBBRM00002.jpg", + name:"Sklz Rain Maker", + price:"3099", + brand:"Sklz" + + }, + { + image:"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/BFTTBLMG40.jpg", + name:"Butterfly Master G40+ Table Tennis Balls (72 Pack)", + price:"5199", + brand:"Butterfly" + + }, + { + image:"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/BFTTBTST1200.jpg", + name:"Butterfly Stayer 1200 Table Tennis Bat With 2 Balls", + price:"2149", + brand:"Butterfly" + + }, { + image:"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/CSVLBLACL.jpg", + name:"Cosco Acclaim Volleyball", + price:"537", + brand:"Cosco" + }, + { + image:"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/DOTTBAT751805.jpg", + name:"Donic Waldner 5000 Table Tennis Bat", + price:"4799", + brand:"Donic" + } + ] + + + + +let links=document.getElementsByTagName("a") +for(let i=3;i<255;i++){ + links[i].href="/pag2.html"; +} + +for(let i=3;i<255;i++){ + console.log(links[i].innerText); + links[i].addEventListener('click',function(){ + let filtered=DATA.filter(function (a){ + if(a.brand==links[i].innerText){ + return a; + } + }) + let array=[...filtered]; + localStorage.setItem("DATA",JSON.stringify(array)); + }) +} +let no=localStorage.getItem("val") || 0; + document.getElementById("nocart").innerText=no; \ No newline at end of file diff --git a/MiniProject001/sprite.webp b/MiniProject001/sprite.webp new file mode 100644 index 0000000..aa15e5c Binary files /dev/null and b/MiniProject001/sprite.webp differ diff --git a/MiniProject001/style.css b/MiniProject001/style.css new file mode 100644 index 0000000..56779ba --- /dev/null +++ b/MiniProject001/style.css @@ -0,0 +1,412 @@ +*{ + margin: 0; + padding: 0; + font-family: 'Open Sans', sans-serif; + box-sizing: border-box; +} +#top{ + background-color: #181818; + color: white; + display: flex; + justify-content: right; + font-size: 15px; + padding: 10px; + font-family: 'Open Sans', sans-serif; +} +#top > div{ + margin: 2px; +margin-right: 2%; +} +#top2 > div:nth-child(1) > img{ + padding-top: -60px; +} +#top2 { + display: flex; + justify-content: space-between; + padding: 2%; + padding-bottom: 5px; + } +#top2 > div:nth-child(2)>button{ + background: url(/sprite.webp) no-repeat scroll -240px -1px; + border-radius: 0px 5px 5px 0px; + border: none; + border-left: none; +position: absolute; +height: 38px; +width: 60px; +} +#top2 input{ + height: 37.7px; + border: 1.4px solid gray; + border-radius: 3px 0px 0px 3px; + width: 500px; +border-right: none; + padding: 7px; + font-family: 'Open Sans', sans-serif; + font-size: 15px; + padding-left: 15px; +} +#top2 input:focus { + border-radius:3px; + border: 1.4px solid gray; +} +#top2 > div:nth-child(3){ + background: url(/sprite.webp) repeat scroll -72px -1px; +height: 53px; +width: 170px; +} +nav{ + display: flex; +padding: 0px 40px; +box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); +height: 40px; +} +nav button{ + height: 100%; + padding: 10px 15px; + border: none; + background-color: white; + font-weight: 400; + color: #424242; + font-size: 14px; +} +.ddm:hover button{ + color: white; + background-color: black; + cursor: pointer; + +} +.dds:hover a{ + cursor: pointer; +} +nav> .ddm > .full ,nav> .ddm > .full1 { + position: absolute; + display: flex; + background-color: white; + border: 0.8px solid #C9C9C9; + +} + .dds a{ + text-decoration: none; + color: #181818; + font-size: 12px; + margin: 10px 60px 15px 20px; + display:none; +} +.s1 a{ + text-decoration: none; + color: #181818; + font-size: 12px; + margin: 10px 20px 15px 20px; + display:none; +} +.full img{ +width: 100%; +display: none; +} +.ddm img{ + padding: 15px; +} +.dds .bd{ + font-weight: 700; + font-size: 14px; +} +.dds>.r6{ + margin-right: 10px; + font-weight: 700; + font-size: 14px; +} +.ddm:hover a,.ddm:hover img{ + display:block; + +} +#poster img{ + width: 100%; + box-sizing: border-box; + padding: 12px 8px; +} +#poster + div{ + display: flex; + margin: 40px 20px; +} +#poster + div img{ + width: 100%; +padding: 10px; +} +h1{ + text-align: center; + color: #595959; + font-weight: 700px; + margin: 40px; +} +#cs{ + width: 96%; + margin: auto; + display: flex; +} +#cs > div{ + width: 50%; +} +#cs > div >img{ + width: 100%; +} +#cs > div:nth-child(2){ + padding: 50px 0px 0px 50px; + width: 50%; +} +#cs > div:nth-child(2) > p{ + color: #595959; + font-size: 13px; + margin: 20px 0px; + line-height: 23px; +} +#cs > div:nth-child(2) > button{ + background-color: white; + padding: 12px 25px; + border-radius: 0px; + border: 0.8px solid #4C4C4C; + color: #595959; + font-size: 13px; +} +#cs > div:nth-child(1) >div> button{ + width: 25%; + padding: 10px 15px; + border: none; + background-color: white; + font-weight: 500; + color: #595959; + font-size: 13px; +} +#cs > div:nth-child(1) >div{ + width: 100%; + display: flex; + justify-content: space-evenly; +} +#cs > div:nth-child(1) >div> button:hover{ + color: white; + background-color: black; + cursor: pointer; +} +img{ + width: 100%; +} +#cs + div{ + padding: 20px 0px; + width: 98%; + margin: auto; + display: flex; +} +#cs + div >div{ + width: 50%; + padding: 1%; +} +#cs + div >div > p{ + text-align: center; + font-size: 20px; +padding: 5px; +} +#companies{ + display: flex; + width: 100%; +} +#companies img{ + width: 12.5%; + padding: 30px; + margin: 20px 0px; +} +#cs > div:nth-child(2) > #hi{ + background-color: black ; + color: white; + font-weight: bold; + } +#cs > div:nth-child(2) > #hi:hover{ +background-color: rgb(255, 94, 1); +} +body>h2{ + text-align: center; + margin: 40px; + margin-bottom: 10px; +} +body>p{ + text-align: center; + margin: auto; + width: 97%; + color: #595959; + font-size: 14px; + line-height: 20px; +} +body>button{ + text-align: center; + width: 10%; + padding: 10px 30px; + margin: 30px 45% ; + background-color: white; + border: 0.8px solid black; + font-size: 18px; +} +body>button:hover{ + color: rgb(255, 94, 1); + border-color:rgb(255, 94, 1) ; +} +#footer{ + background-color: #262626; + color:#DEDEDE ; + width: 100%; + height: 400px; + font-weight: bolder; + font-size: 16px; + display: flex; + justify-content: space-between; +} +#footer > div:nth-child(1){ + display: flex; + width: 55%; + justify-content: space-between; + padding: 15px; +} +#footer > div:nth-child(1) >div a{ + text-decoration: none; + color:#DEDEDE ; + font-weight: 300; + font-size: 12px; + line-height: 25px; +} +#footer > div:nth-child(1) >div p{ + padding: 5px 0px 20px 0px; +} +#footer > div:nth-child(2){ +width: 25%; +padding: 15px; +} +#footer > div:nth-child(2)>input{ + font-size: 12px; + padding: 8.8px 20px; + border-radius: 8px; + border: none; + width:295px; + margin: 20px 0px; + background-color: #515151; +} +#footer > div:nth-child(2) div{ +background: url(https://storage.sg.content-cdn.io/in-resources/b368029c-a4dd-448a-a888-58348cb1b144/Stylesheet/images/sprite.png) no-repeat scroll -189px -56px; +width: 44px; +height: 31px; +position: relative; +top: -13.9%; +right: -250px; +} +#footer > div:nth-child(2) img{ + width: 30%; +} +#footer > div:nth-child(2) #logo{ + width: 50%; + margin-left: -15px; + +} +#container{ + display: grid; + grid-template-columns: repeat(4,1fr); + gap: 45px; + margin: 25px; +} +#container>div:hover{ + box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; +} +#container img{ + width: 100%; + display: block; + margin: auto; + padding: 30px; +} +#container > div{ + border: 0.8px solid #2D2D2D; +} +#container h2{ + font-size: 16px; + padding: 10px 10px; + height: 60px; +} +#container p{ + padding: 5px; + background-color: #2D2D2D; + color: white; + display: flex; + justify-content: center; +} +#container a button{ + padding: 5px; + border: 0px solid #2D2D2D; + width: 100%; + border-top: none; + height: 50px; + color: #2D2D2D; + background-color: white; +} +#top2 #nocart{ + color: white; +position: relative; +right: -40px; +bottom: -3.5px; +} +#top2 a{ +text-decoration: none; +} +#cart-page{ + text-align: center; + /* display: flex; */ + width: 80%; + margin: auto; + margin-top: 50px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +#cart-page img{ +width: 40%; +margin: 30px; +} +#cart-page h1:nth-child(2){ + color: black; + font-size: 24px; + margin: 0; + margin-bottom: 8px; +} +#cart-page h2{ + margin-bottom: 10px; + font-weight: lighter; +} +#cart-page h1:nth-child(4){ + margin: 0; + color: rgb(226, 48, 48); + font-weight: lighter; + margin-bottom: 15px; +} +#cart-page button{ + padding: 5px; + border: 0px solid #2D2D2D; + width: 20%; + border-top: none; + height: 50px; + color: white; + margin-bottom: 30px; + border-radius: 12px; + background-color: #2D2D2D; +} +table{ + width: 95%; + margin: auto; + margin-top: 15px; +} +th,td{ +border: 0.8px solid #595959; +text-align: center; +padding: 10px; +} +table img{ + width: 20%; +} + + + + + + + diff --git a/README.md b/README.md index 0e166a2..dc1f529 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -# mini-project \ No newline at end of file +https://647dfc39ad28d81ee766ed62--scintillating-nougat-17f301.netlify.app/