Merge pull request #35 from girish-07/feat-fixed-navbar

Sticky NavBar
PranavBarthwal · May 11, 2024 · 105ae1e · 105ae1e
2 parents cf36e68 + 045a97c
commit 105ae1e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -22,8 +22,9 @@
 
 <!-- NAVBAR -->
 
-<nav class="navbar navbar-expand-lg bg-* ">
-  <div class="container-fluid pt-2">
+
+<nav class="navbar navbar-expand-lg fixed-top navbar_background">
+  <div class="container-fluid">
     <a class="navbar-brand" href="#">
       <img src="./assets/logo_white.png" alt="Bootstrap" width="370">
     </a>

diff --git a/style.css b/style.css
@@ -15,13 +15,20 @@ body {
   display: none;
 }
 
+/* NAVBAR STYLING */
+
+.navbar_background{
+  background-color: rgba(0, 51, 102, 0.7);
+}
+
+/* HERO SECTION STYLING */
+
 .highlight {
   background: -webkit-linear-gradient(#e4d6fb, #8400ff);
   -webkit-background-clip: text;
   color: transparent;
 }
 
-
 .auto-typed {
   background: -webkit-linear-gradient(#e4d6fb, #8400ff);
   -webkit-background-clip: text;