From bd1d858d9daa04f0fc5c6f2fdf9c115bac7204b6 Mon Sep 17 00:00:00 2001 From: Anshal-Mishra-731 Date: Tue, 1 Oct 2024 11:10:11 +0530 Subject: [PATCH 1/3] trial commit --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 370a684..fac2df4 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ 👟✔™Nike - +
From d2e1ad830f570d19db6296f86c32de24c28ff114 Mon Sep 17 00:00:00 2001 From: Anshal-Mishra-731 Date: Wed, 2 Oct 2024 00:02:31 +0530 Subject: [PATCH 2/3] some issues fixed --- index.html | 11 ++++--- style.css | 97 +++++++++++++++++++++++++++++++++++++----------------- 2 files changed, 73 insertions(+), 35 deletions(-) diff --git a/index.html b/index.html index fac2df4..98032e2 100644 --- a/index.html +++ b/index.html @@ -223,11 +223,12 @@
Nike Air Max
- diff --git a/style.css b/style.css index f62dafa..55e0dee 100644 --- a/style.css +++ b/style.css @@ -6,7 +6,7 @@ html,body{ width: 100vw; - height: 100vh; + height: 105vh; } .main{ @@ -62,6 +62,8 @@ header #cart{ margin-right: -280px; padding: 25px; } +@import url('https://fonts.cdnfonts.com/css/my-puma-outlined'); + .page{ width: 100%; height: 90%; @@ -272,13 +274,18 @@ header i:hover,header #cart:hover{ color: white; font-family: 'Poppins', sans-serif; margin-left: 20px; - - } .sec #products #recommendedproduct::-webkit-scrollbar{ display: none; } +h5:hover { + background-color: red !important; + transition: all 0.7s ease-in-out !important; + cursor: pointer; +} + + .sec #products #recommendedproduct{ display: inline-block; position: relative; @@ -306,14 +313,13 @@ header i:hover,header #cart:hover{ height: 255px; margin: 10px; margin-bottom: 100px; - } .sec #products #recommendedproduct #image img{ - max-width: 100%; + max-width: 100%; max-height: 100%; display: block; /* Ensures the image is centered within the container */ margin: auto; /* Centers the image horizontally */ - border-radius: 30px; + border-radius: 60px; } /* animation */ .sec #products #recommendedproduct #image img:hover{ @@ -341,54 +347,85 @@ header i:hover,header #cart:hover{ cursor: pointer; } +#products{ + padding-left: 5rem; +} + .sec #products #recommendedproduct h5{ - z-index: 100; + z-index: 50; position: absolute; bottom: 70px; width: 80%; padding:3px 6px; margin-left: 20px; - background-color:rgba(255, 0, 0, 0.766); - border-radius: 50px; + background-color:rgba(8, 5, 87, 0.766); + border-radius: 100px; text-align: center; - } .footer{ white-space: nowrap; width: 100%; - height: 40%; - background-color: black; - position: relative; + height: 30%; + background-color: rgb(43, 2, 2); } -.footer #links1{ +.footer #link1{ display: inline-block; height: 100%; - width: 25%; - border: 2px solid red; - position: absolute; - justify-content: space-between; - - + width: 20%; + border: 2px solid rgb(43, 2, 2); + position: relative; + justify-content: space-around; } - #link1 a{ - display: inline-block; - font-family: Nike TG,Helvetica Neue,Helvetica,Arial,sans-serif; - color: #fff; - font-size: 13px; +.links a{ + font-family: 'My Puma Outlined', sans-serif; + font-style: italic; +} + +.links a{ + display: flex; + flex-direction: column; + justify-content: space-evenly; + color: #ffffff; text-transform: uppercase; text-decoration: none; margin-left: 50px; - padding-top: 20px; + margin-top: 10px; line-height: 40px; font-weight: 700; - font-size: 13px; - word-spacing: 3px; + font-size: 15px; + word-spacing: 2px; letter-spacing: 1px; - } - +#link1:hover{ + background: linear-gradient(50deg, #c88b8b, #0e11c1); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + -webkit-text-fill-color: transparent +} +#link2:hover{ + background: linear-gradient(50deg, #c88b8b, #0e11c1); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + -webkit-text-fill-color: transparent +} +#link3:hover{ + background: linear-gradient(50deg, #c88b8b, #0e11c1); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + -webkit-text-fill-color: transparent +} +#link4:hover{ + background: linear-gradient(50deg, #c88b8b, #0e11c1); + background-clip: text; + -webkit-background-clip: text; + color: transparent; + -webkit-text-fill-color: transparent +} @media only screen and (max-width: 1501px){ From f8d67c900f6a99d2da9d2a35dffe190dc41836e9 Mon Sep 17 00:00:00 2001 From: Anshal-Mishra-731 Date: Wed, 2 Oct 2024 00:17:18 +0530 Subject: [PATCH 3/3] new commit of the fixations --- index.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/index.html b/index.html index 98032e2..d76dec1 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,7 @@ 👟✔™Nike - -
+