From d9a91befff23a7aaa2ec1423b3301d4faee67f1b Mon Sep 17 00:00:00 2001 From: sudhanshu248 Date: Mon, 21 Oct 2024 21:21:23 +0530 Subject: [PATCH] Add navbar on all pages --- public/contact-us.html | 19 ++++++ public/css/contact-us.css | 100 +++++++++++++++++++++++++++++++ public/fac_login.html | 123 +++++++++++++++++++++++++++++++++++++- public/login.html | 121 +++++++++++++++++++++++++++++++++++++ public/signup.html | 119 +++++++++++++++++++++++++++++++++++- public/stk_login.html | 120 +++++++++++++++++++++++++++++++++++++ public/stk_signup.html | 120 +++++++++++++++++++++++++++++++++++++ 7 files changed, 720 insertions(+), 2 deletions(-) diff --git a/public/contact-us.html b/public/contact-us.html index 9101190..3bad3d2 100644 --- a/public/contact-us.html +++ b/public/contact-us.html @@ -17,6 +17,25 @@ + +
+ +
+ +
+
diff --git a/public/css/contact-us.css b/public/css/contact-us.css index b8161d6..2845fd0 100644 --- a/public/css/contact-us.css +++ b/public/css/contact-us.css @@ -1,3 +1,103 @@ +/* General reset and box-sizing */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + html { + scroll-behavior: smooth; + } + + /* navbar styling */ + + .navbar { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + background-color: rgba(0, 0, 0, 0.808);; + position: fixed; /* Make navbar fixed to the top */ + top: 0; /* Position at the top of the viewport */ + + + + + width: 100vw; + z-index: 2000; /* Ensures it stays on top of other content */ + margin-bottom: 20px; + + } + + #language{ + position: fixed; + bottom: 4vh; + background-color: rgba(0, 0, 255, 0.718); + + + height: 50px; + padding: 10px; + left: 1vw; + } + + nav ul { + overflow: auto; + } + + nav ul li { + list-style: none; + float: right; + margin: 10px 16px; + padding: 6px; + font-size: 22px; + cursor: pointer; + color: rgb(247, 246, 240); /* Black text color */ + transition: color 0.3s, background-color 0.3s; + } + + nav ul li:hover { + border-bottom: 1.7px solid white; + } + + nav ul li a { + text-decoration: none; /* No underline */ + color: inherit; /* Inherit color from parent */ + } + + nav ul li:first-child { + margin: 10px 28px 10px 10px; + border: 2px solid white; + padding: 6px 22px; + border-radius: 12px; + } + + nav ul li:first-child:hover { + border: 2px solid transparent; + background-clip: content-box; + border-radius: 12px; + border-image: linear-gradient( + -225deg, + #231557 0%, + #44107a 29%, + #ff1361 100%, + #fef850 100% + ); + border-image-slice: 1; + } + + body { + font-family: Arial, sans-serif; + background-color: #02d0de; + color: black; + + + } + + .blank{ + height: 100px; + } + + + /* General Styles */ * { box-sizing: border-box; diff --git a/public/fac_login.html b/public/fac_login.html index fffff37..f1c6bc4 100644 --- a/public/fac_login.html +++ b/public/fac_login.html @@ -6,9 +6,130 @@ SignIn (stakeholder) + + -
+ +
+ +
+ +
+
+