+
+
+
+
+ events
+
+
+ Discover All Our Activities
+
+
+
+
+
+
events
+
Events
+
Our events are thought for anyone who
+ likes talking, debating, learning and
+ discovering
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Discover
+ router.push('/Activities/Events')}>events
+
+
+
+
events
+
Masterclass
+
Our experts will provide you advices
+ and tips that will help you improving
+ your skills & enriching your CV
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Discover
+ {/* router.push('/Activities/Masterclasses')}>Masterclasses*/}
+ {}}>COMING SOON
+
+
+
+
+
+
+
+
events
+
Study Groups
+
HKN members and PhD students will
+ help you with whatever concept you
+ might be struggling with
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Discover
+ router.push('/Activities/StudyGroups')}>study
+ groups
+
+
+
+
+
+
+
+
ARE YOU READY?
Join Our Chapter &
diff --git a/styles/components/Header.module.css b/styles/components/Header.module.css
index 13738f6..7777483 100755
--- a/styles/components/Header.module.css
+++ b/styles/components/Header.module.css
@@ -1,3 +1,6 @@
+
+
+
.header {
display: flex;
justify-content: flex-start;
@@ -5,10 +8,22 @@
align-items: center;
height: 130px;
width: 100%;
- z-index: 2;
- margin-top: 20px;
- margin-bottom: 30px;
+ /* Added styles for floating header */
+ position: fixed;
+ background-color:#061E33;
+ left: 0; /* Position at the left of the viewport */
+ z-index: 20; /* Ensure it stays on top of other elements */
+ margin-top: 0; /* Remove top margin as it's now fixed */
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
}
+
+
+
+
+
+
+
+
.logoTitle {
display: flex;
diff --git a/styles/components/Layout.module.css b/styles/components/Layout.module.css
index e89c8f5..846dd9d 100755
--- a/styles/components/Layout.module.css
+++ b/styles/components/Layout.module.css
@@ -12,6 +12,7 @@
}
.pageContent {
+ margin-top: 150px; /* Adjust the value if your header height changes */
width: 97%;
display: flex;
flex-direction: column;