add map in contact us page

Author: inamcodes

index.html

@@ -8,7 +8,8 @@
   <title>Inamullah Mahar | Portfolio</title>
 
   <!-- SEO -->
-  <meta name="description" content="Inamullah Mahar — CS student at Sukkur IBA University. Learner, Vibe Coder. Explore my projects and skills.">
+  <meta name="description"
+    content="Inamullah Mahar — CS student at Sukkur IBA University. Learner, Vibe Coder. Explore my projects and skills.">
 
   <!-- Open Graph / LinkedIn link preview -->
   <meta property="og:type" content="website">
@@ -713,8 +714,8 @@ <h3 class="h3">Education</h3>
 
             <li class="timeline-item">
 
-              <div class="timeline-item-wrapper" >
-                <figure class="timeline-item-logo" >
+              <div class="timeline-item-wrapper">
+                <figure class="timeline-item-logo">
                   <img src="assets/images/siba-round.png" alt="SIBA">
                 </figure>
                 <a href="https://iba-suk.edu.pk" target="_blank" rel="noopener noreferrer" class="icon-label">
@@ -795,14 +796,14 @@ <h3 class="h3">Experience</h3>
 
               <div class="timeline-item-wrapper">
                 <figure class="timeline-item-logo">
-                  <img src="assets/images/flyrank.png" alt="Flyrank AI"> 
+                  <img src="assets/images/flyrank.png" alt="Flyrank AI">
                 </figure>
                 <a href="https://flyrank.ai/" target="_blank" rel="noopener noreferrer" class="icon-label">
 
                   <div class="timeline-item-info">
                     <h4 class="h4 timeline-item-title">AI Intern</h4>
 
-                    <span>June 2026  - Current</span>
+                    <span>June 2026 - Current</span>
 
                     <p class="timeline-text">
                       Currently interning at FlyRank AI as an AI intern, focusing on General AI Fluency.
@@ -1305,7 +1306,7 @@ <h4 class="skills-category-title">
       </article>
 
 
-      
+
 
 
       <!--
@@ -1664,13 +1665,14 @@ <h3 class="h3 blog-item-title">Design digest #79</h3>
           <h2 class="h2 article-title">Contact</h2>
         </header>
 
-        <!-- <section class="mapbox" data-mapbox>
+        <section class="mapbox" data-mapbox>
           <figure>
             <iframe
-              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199666.5651251294!2d-121.58334177520186!3d38.56165006739519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809ac672b28397f9%3A0x921f6aaa74197fdb!2sSacramento%2C%20CA%2C%20USA!5e0!3m2!1sen!2sbd!4v1647608789441!5m2!1sen!2sbd"
-              width="400" height="300" loading="lazy"></iframe>
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d56511.832009074824!2d68.833654!3d27.71761045!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3935d4e60abe0af7%3A0xcd579d655a1c3ad4!2sSukkur%2C%20Pakistan!5e0!3m2!1sen!2s!4v1781301116321!5m2!1sen!2s"
+              width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
+              referrerpolicy="no-referrer-when-downgrade"></iframe>
           </figure>
-        </section> -->
+        </section>
 
         <section class="contact-form">
 
@@ -1740,4 +1742,4 @@ <h3 class="h3 form-title">Contact Form</h3>
 </body>
 
 
-</html>
+</html>