bg imp

TCP-Tech · Oct 3, 2023 · 593d182 · 593d182
1 parent e013a49
commit 593d182
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 8 deletions.
diff --git a/src/App.css b/src/App.css
@@ -5,7 +5,8 @@
 .bg-image{
   background-image: url("./assets/images/bg.png");
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size: fill;
+  background-attachment: fixed;
 }
 
 #overlay {

diff --git a/src/assets/images/bg.png b/src/assets/images/bg.png
diff --git a/src/components/navbar/Navbar.css b/src/components/navbar/Navbar.css
@@ -1,7 +1,7 @@
 .codeutsava__navbar {
   display: flex;
   flex-direction: column;
-  background-color: black;
+  background-color: transparent;
   backdrop-filter: blur(10px);
   position: relative;
   padding: 0px;

diff --git a/src/components/navbarTeam/NavbarTeam.css b/src/components/navbarTeam/NavbarTeam.css
@@ -1,7 +1,7 @@
 .codeutsava__navbarTeam {
   display: flex;
   flex-direction: column;
-  background-color: black;
+    background-color: rgba(250, 250, 250, 0);
   backdrop-filter: blur(10px);
   position: relative;
   padding: 0px;

diff --git a/src/pages/home/HomePage.css b/src/pages/home/HomePage.css
@@ -3,6 +3,8 @@
   width: 100%;
   position: sticky;
   top: 0px;
+  background-color: rgba(255, 255, 255, 0.001);
+  backdrop-filter: blur(8px);
 }
 
 .codeutsava__footer-container{

diff --git a/src/pages/home/HomePage.js b/src/pages/home/HomePage.js
@@ -25,12 +25,10 @@ import ScrollToTopnew from "../../components/scrollToTop/ScrollToTop";
 
 const HomePage = () => {
   return (
-    <div>
+    <div className="bg-image">
       <div id="overlay"></div>
-      <div className="codeutsava__navbar-container">
-        <Navbar />
-      </div>
-      <div className="container bg-image mx-auto">
+      <Navbar />
+      <div className="container mx-auto">
         <Section1 />
       </div>
       <Statistics />