navbar is back

index.html

@@ -356,7 +356,48 @@ <h4 class="h4 Hobbies-item-title" data-Hobbies-title>Music</h4>
           </ul>
 
         </section>
+
+        <!--
+          - Hobbies modal
+        -->
+
+        <div class="modal-container" data-modal-container>
+
+          <div class="overlay" data-overlay></div>
+
+          <section class="Hobbies">
+
+            <button class="modal-close-btn" data-modal-close-btn>
+              <ion-icon name="close-outline"></ion-icon>
+            </button>
+
+            <div class="modal-img-wrapper">
+              <figure class="modal-avatar-box">
+                <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="80" data-modal-img>
+              </figure>
+
+              <img src="./assets/images/icon-quote.svg" alt="quote icon">
+            </div>
+
+            <div class="modal-content">
+
+              <h4 class="h3 modal-title" data-modal-title>Daniel lewis</h4>
 
+              <time datetime="2021-06-14">14 June, 2021</time>
+
+              <div data-modal-text>
+                <p>
+
+                </p>
+              </div>
+
+            </div>
+
+          </section>
+
+        </div>
+
+
 
         <!--
           - Interests
@@ -376,7 +417,7 @@ <h3 class="h3 Interests-title">Interests</h3>
                   <img src="Github.png" alt="Open Source Contribution" width="60" data-Interests-avatar>
                 </figure>
 
-                <h4 class="h4 Interests-item-title" data-Interests-title>Open Source Contribution</h4>
+                <h4 class="h4 Interests-item-title" data-Modal-title>Open Source Contribution</h4>
 
                 <div class="-text" data-Interests-text>
                   <p>
@@ -397,7 +438,7 @@ <h4 class="h4 Interests-item-title" data-Interests-title>Open Source Contributio
       </article>
 
 
-
+    
 
 
       <!--
@@ -1080,7 +1121,7 @@ <h3 class="h3 form-title">Contact Form</h3>
   <!--
     - custom js link
   -->
-  <script src="C:\Users\potha\OneDrive\Documents\onedrive folder\OneDrive\Desktop\Portfolio\Scrippt.js"></script>
+  <script src="Scrippt.js"></script>
 
   <!--
     - ionicon link