From 5cefd8c03e00ca94632e92a9b88d964e8f8158c6 Mon Sep 17 00:00:00 2001 From: Nishant20 <109781546+NishantKuthe@users.noreply.github.com> Date: Fri, 20 Oct 2023 14:10:14 +0530 Subject: [PATCH] Profile Hovering Page Upload the profile Hovering page --- Profile Hovering/image.webp | Bin 0 -> 13232 bytes Profile Hovering/index.html | 25 +++++++++ Profile Hovering/style.css | 98 ++++++++++++++++++++++++++++++++++++ 3 files changed, 123 insertions(+) create mode 100644 Profile Hovering/image.webp create mode 100644 Profile Hovering/index.html create mode 100644 Profile Hovering/style.css diff --git a/Profile Hovering/image.webp b/Profile Hovering/image.webp new file mode 100644 index 0000000000000000000000000000000000000000..62d6c186b3a0928f8e8c064797e7bf978b68ee41 GIT binary patch literal 13232 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 literal 0 HcmV?d00001 diff --git a/Profile Hovering/index.html b/Profile Hovering/index.html new file mode 100644 index 0000000..0ae38f3 --- /dev/null +++ b/Profile Hovering/index.html @@ -0,0 +1,25 @@ + + + + + Profile Card + + + + + +
+
+ profile pic +
+
+

Profile Card

+

Web Designer | Influencer

+ + +
+
+ + diff --git a/Profile Hovering/style.css b/Profile Hovering/style.css new file mode 100644 index 0000000..557ddad --- /dev/null +++ b/Profile Hovering/style.css @@ -0,0 +1,98 @@ +/* Filename:style.css */ +@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap"); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + height: 100vh; + background: rgb(90, 8, 2); + display: flex; + justify-content: center; + align-items: center; + font-family: 'Merriweather', serif; +} + +/* Profile card making starts here */ +.card { + width: 320px; + height: 400px; + background-color: white; + border-radius: 8px; + position: relative; +} + +/* Contains the image */ +.img-box { + position: absolute; + top: 10px; + bottom: 10px; + right: 10px; + left: 10px; + background-color: white; + transition: 0.5s; + z-index: 2; + +} + +/* The image dimensions changes on hover and the +underlaying information shows up*/ +.card:hover .img-box { + top: 10px; + bottom: 125px; + right: 10px; + left: 10px; +} + +/* Image radius changes on hover*/ +.card:hover img { + border-radius: 10px; +} + +/* The image */ +img { + width: 100%; + height: 100%; + position: absolute; + object-fit: cover; +} + +/* Contains the name, designation and a button to contact */ +.info { + position: absolute; + bottom: 40px; + right: 10px; + left: 10px; + text-align: center; + height: 80px; +} + +/* Style the name*/ +h2 { + font-weight: bold; + color: rgb(51, 50, 50); +} + +/* Style the paragraph which contains the designation */ +p { + color: rgb(197, 74, 111); +} + +/* The button to contact */ +button { + position: absolute; + background-color: rgb(122, 14, 10); + border: none; + border-radius: 10px; + text-align: center; + left: 75px; + margin: 8px; + font-size: 20px; + padding: 10px 15px; + color: wheat; + font-family: 'Merriweather', serif; + cursor: pointer; +}