learning-steps page topbar added

Author: MiniRobotDev

assets/js/pages/learning-steps.js

@@ -1,9 +1,11 @@
-import { navbarEvent, sidebarEvent } from "/assets/js/global/headerEvents.js";
+import { topbarEvent, navbarEvent, sidebarEvent } from "/assets/js/global/headerEvents.js";
 
 window.addEventListener("DOMContentLoaded", function () {
   // code here
 
   // Header Events
+  topbarEvent();
   navbarEvent();
   sidebarEvent();
 });
+

pages/learning-steps.html

@@ -68,6 +68,32 @@
     <!-- overlay all elements -->
     <div class="body--overlay"></div>
 
+    <!-- start topbar -->
+    <div class="topbar no-select">
+      <div class="topbar__container">
+        <ul class="topbar__links">
+          <li>
+            <a class="topbar__link" href="/pages/about-us.html">درباره ما</a>
+          </li>
+          <li>
+            <a class="topbar__link" href="/pages/contact.html">تماس با ما</a>
+          </li>
+        </ul>
+        <div class="topbar__icons">
+          <div class="topbar__icon topbar__search">
+            <a><i class="topbar__search--toggle fa fa-search" aria-hidden="true"></i></a>
+          </div>
+          <div class="topbar__icon topbar__bag">
+            <a href="#"><i class="fa fa-shopping-bag" aria-hidden="true"></i></a>
+          </div>
+          <div class="topbar__icon topbar__perm">
+            <a href="/pages/my-account.html"><i class="fas fa-user" aria-hidden="true"></i></a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- end topbar -->
+
     <!-- start navbar -->
     <div class="navbar no-select">
       <div class="navbar__container">