add header section to index.html

BasemYahia402 · Aug 22, 2023 · 15ff94e · 15ff94e
1 parent 2dc479d
commit 15ff94e
Showing 1 changed file with 26 additions and 3 deletions.
diff --git a/Portfolio/index.html b/Portfolio/index.html
@@ -48,8 +48,31 @@
     <link href="assets/css/style.css" rel="stylesheet" />
   </head>
   <body>
-
-
+    <!-- ======= header Section ======= -->
+    <header id="header" class="fixed-top">
+      <div
+        class="container d-flex align-items-center justify-content-lg-between"
+      >
+        <h1 class="logo me-auto me-lg-0">
+          <a href="index.html"><img src="assets/img/logo-min.png" alt="" /></a>
+        </h1>
+
+        <nav id="navbar" class="navbar order-last order-lg-0">
+          <ul>
+            <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
+            <li><a class="nav-link scrollto" href="#about">About</a></li>
+            <li><a class="nav-link scrollto" href="#Skills">Skills</a></li>
+            <li>
+              <a class="nav-link scrollto" href="#Projects">Projects</a>
+            </li>
+            <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
+          </ul>
+          <i class="bi bi-list mobile-nav-toggle"></i>
+        </nav>
+      </div>
+    </header>
+    <!-- End header Section -->
+
     <!-- ======= call files js ======= -->
     <script src="assets/vendor/aos/aos.js"></script>
     <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
@@ -60,4 +83,4 @@
     <!-- ======= main js ======= -->
     <script src="assets/js/main.js"></script>
   </body>
-</html>
+</html>