From 1bb13b77dc2b2c1fa05e4b60122f167080a7b445 Mon Sep 17 00:00:00 2001 From: Abhijeet Kumar Date: Tue, 15 Oct 2024 16:47:59 +0530 Subject: [PATCH] Added Navbar --- contact.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++ contact.html | 15 +++++++++++++++ 2 files changed, 69 insertions(+) diff --git a/contact.css b/contact.css index 05ff4465..cd374138 100644 --- a/contact.css +++ b/contact.css @@ -137,3 +137,57 @@ textarea::-webkit-scrollbar-thumb { padding: 10px; } } + +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); +*{ + padding: 0; + margin:0; + box-sizing: border-box; +} +html,body{ + height:100%; + width: 100%; +} + +nav{ + position: absolute; + top: 0; + left: 0; + height:60px; + width:100%; + padding:10px; + font-family: Poppins; + padding-left: 60px; + padding-right: 60px; +} + +.contain{ + display: flex; + justify-content: space-between; + align-items: center; +} +.contain a{ + text-decoration: none; + font-size: 1.5rem; + color:#d1d1d1; + font-weight: 600; +} +.contain a:hover{ + text-shadow: 2px 2px 0px black; +} +.right a{ + font-size: 1.5rem; +} +#logo{ + height: 2rem; + +} +#text{ + display: flex; +} + +#text:hover{ + filter: drop-shadow(0px 0px 0px black); + + +} diff --git a/contact.html b/contact.html index 0bcaa9ea..641d17a9 100644 --- a/contact.html +++ b/contact.html @@ -6,8 +6,23 @@ Contact Us + +
+ +

Contact Us