From ea174be5f9eee815ecc882c30b65884140e28ca5 Mon Sep 17 00:00:00 2001
From: Nikhil Babasaheb Kadam <143051937+NikhilbKadam@users.noreply.github.com>
Date: Fri, 16 Aug 2024 13:02:36 +0530
Subject: [PATCH] b

---
 index.html | 553 +++++++++++++++++++++++++++++------------------------
 1 file changed, 308 insertions(+), 245 deletions(-)

diff --git a/index.html b/index.html
index 481bd24..efac5f0 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,12 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Nikhil Kadam</title>
+  <title>vCard - Personal Portfolio</title>
 
   <!--
     - favicon
   -->
-  <link rel="shortcut icon" href=C:\Users\nikhi\OneDrive\Documents\nikhilkadam github\nikhilkadam\assets\images\my-avatar.png
- type="image/x-icon">
+  <link rel="shortcut icon" href="./assets/images/logo.ico" type="image/x-icon">
 
   <!--
     - custom css link
@@ -43,13 +42,13 @@
       <div class="sidebar-info">
 
         <figure class="avatar-box">
-          <img src="./assets/images/my-avatar.png" alt="Nikhil Kadam" width="80">
+          <img src="./assets/images/my-avatar.png" alt="Richard hanrick" width="80">
         </figure>
 
         <div class="info-content">
-          <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
+          <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
 
-          <p class="title">App Development</p>
+          <p class="title">Web developer</p>
         </div>
 
         <button class="info_more-btn" data-sidebar-btn>
@@ -75,7 +74,7 @@ <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
             <div class="contact-info">
               <p class="contact-title">Email</p>
 
-              <a href="nikhilkadamlite@gmail.com" class="contact-link">nikhilkadamlite@gmail.com</a>
+              <a href="mailto:richard@example.com" class="contact-link">richard@example.com</a>
             </div>
 
           </li>
@@ -89,7 +88,7 @@ <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
             <div class="contact-info">
               <p class="contact-title">Phone</p>
 
-              <a href="tel:+12133522795" class="contact-link">+91 9022559331</a>
+              <a href="tel:+12133522795" class="contact-link">+1 (213) 352-2795</a>
             </div>
 
           </li>
@@ -103,7 +102,7 @@ <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
             <div class="contact-info">
               <p class="contact-title">Birthday</p>
 
-              <time datetime="1982-06-23">March 07, 2003</time>
+              <time datetime="1982-06-23">June 23, 1982</time>
             </div>
 
           </li>
@@ -117,7 +116,7 @@ <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
             <div class="contact-info">
               <p class="contact-title">Location</p>
 
-              <address>Sambhaji Nagar, Nashik, INDIA</address>
+              <address>Sacramento, California, USA</address>
             </div>
 
           </li>
@@ -129,20 +128,20 @@ <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
         <ul class="social-list">
 
           <li class="social-item">
-            <a href="https://github.com/NikhilbKadam" class="social-link">
-              <ion-icon name="logo-github"></ion-icon>
+            <a href="#" class="social-link">
+              <ion-icon name="logo-facebook"></ion-icon>
             </a>
           </li>
 
           <li class="social-item">
-            <a href="https://twitter.com/TechPicoo?s=09" class="social-link">
+            <a href="#" class="social-link">
               <ion-icon name="logo-twitter"></ion-icon>
             </a>
           </li>
 
           <li class="social-item">
-            <a href="https://www.linkedin.com/in/techpico/" class="social-link">
-              <ion-icon name="logo-Linkedin"></ion-icon>
+            <a href="#" class="social-link">
+              <ion-icon name="logo-instagram"></ion-icon>
             </a>
           </li>
 
@@ -161,30 +160,38 @@ <h1 class="name" title="Nikhil Kadam">Nikhil Kadam</h1>
     -->
 
     <div class="main-content">
-  <!--
-    - #NAVBAR
-  -->
-  <nav class="navbar">
-    <ul class="navbar-list">
-      <li class="navbar-item">
-        <button class="navbar-link active" data-nav-link="about">About</button>
-      </li>
-      <li class="navbar-item">
-        <button class="navbar-link" data-nav-link="resume">Resume</button>
-      </li>
-      <li class="navbar-item">
-        <button class="navbar-link" data-nav-link="portfolio">Portfolio</button>
-      </li>
-      <li class="navbar-item">
-        <button class="navbar-link" data-nav-link="blog">Blog</button>
-      </li>
-      <li class="navbar-item">
-        <button class="navbar-link" data-nav-link="contact">Contact</button>
-      </li>
-    </ul>
-  </nav>
-</div>
 
+      <!--
+        - #NAVBAR
+      -->
+
+      <nav class="navbar">
+
+        <ul class="navbar-list">
+
+          <li class="navbar-item">
+            <button class="navbar-link  active" data-nav-link>About</button>
+          </li>
+
+          <li class="navbar-item">
+            <button class="navbar-link" data-nav-link>Resume</button>
+          </li>
+
+          <li class="navbar-item">
+            <button class="navbar-link" data-nav-link>Portfolio</button>
+          </li>
+
+          <li class="navbar-item">
+            <button class="navbar-link" data-nav-link>Blog</button>
+          </li>
+
+          <li class="navbar-item">
+            <button class="navbar-link" data-nav-link>Contact</button>
+          </li>
+
+        </ul>
+
+      </nav>
 
 
 
@@ -202,27 +209,17 @@ <h2 class="h2 article-title">About me</h2>
 
         <section class="about-text">
           <p>
-            Hi, I’m Nikhil Kadam, currently pursuing a B.Tech degree at Sandip Institute of Technology and Research Centre (SITRC).
-            My academic journey has fueled my passion for the dynamic fields of app development and artificial intelligence.
+            I'm Creative Director and UI/UX Designer from Sydney, Australia, working in web development and print media.
+            I enjoy
+            turning complex problems into simple, beautiful and intuitive designs.
           </p>
 
           <p>
-            I am particularly interested in exploring how AI can be leveraged to create innovative and impactful applications. 
-            With a keen eye for data and a drive for problem-solving, 
-            I enjoy tackling complex challenges and transforming them into efficient, 
-            user-friendly solutions.
-          </p>
-            Through my studies and projects, I strive to blend cutting-edge technology with practical application, 
-            aiming to push the boundaries of what’s possible in the tech world.
-            Whether it's developing a new app or diving into AI data analysis, my goal is to contribute to the advancement of technology and deliver solutions that make a difference.
-            <p>
-          <p>
-            Feel free to connect with me to discuss ideas, projects, 
-            or opportunities in the ever-evolving tech landscape!
-          </p>
-
-
-
+            My job is to build your website so that it is functional and user-friendly but at the same time attractive.
+            Moreover, I
+            add personal touch to your product and make sure that is eye-catching and easy to use. My aim is to bring
+            across your
+            message and identity in the most creative way. I created web design for many famous brand companies.
           </p>
         </section>
 
@@ -231,347 +228,407 @@ <h2 class="h2 article-title">About me</h2>
           - service
         -->
 
-       <section class="service">
+        <section class="service">
 
-  <h3 class="h3 service-title">What I'm doing</h3>
+          <h3 class="h3 service-title">What i'm doing</h3>
 
-  <ul class="service-list">
+          <ul class="service-list">
 
-    <li class="service-item">
+            <li class="service-item">
 
-      <div class="service-icon-box">
-        <img src="./assets/images/icon-design.svg" alt="design icon" width="40">
-      </div>
-
-      <div class="service-content-box">
-        <h4 class="h4 service-item-title">Web design</h4>
-
-        <p class="service-item-text">
-          The most modern and high-quality design made at a professional level.
-        </p>
-      </div>
+              <div class="service-icon-box">
+                <img src="./assets/images/icon-design.svg
+                " alt="design icon" width="40">
+              </div>
 
-    </li>
+              <div class="service-content-box">
+                <h4 class="h4 service-item-title">Web design</h4>
 
-    <li class="service-item">
+                <p class="service-item-text">
+                  The most modern and high-quality design made at a professional level.
+                </p>
+              </div>
 
-      <div class="service-icon-box">
-        <img src="./assets/images/icon-dev.svg" alt="Web development icon" width="40">
-      </div>
+            </li>
 
-      <div class="service-content-box">
-        <h4 class="h4 service-item-title">Web development</h4>
+            <li class="service-item">
 
-        <p class="service-item-text">
-          High-quality development of sites at the professional level.
-        </p>
-      </div>
+              <div class="service-icon-box">
+                <img src="./assets/images/icon-dev.svg" alt="Web development icon" width="40">
+              </div>
 
-    </li>
+              <div class="service-content-box">
+                <h4 class="h4 service-item-title">Web development</h4>
 
-    <li class="service-item">
+                <p class="service-item-text">
+                  High-quality development of sites at the professional level.
+                </p>
+              </div>
 
-      <div class="service-icon-box">
-        <img src="./assets/images/icon-app.svg" alt="mobile app icon" width="40">
-      </div>
+            </li>
 
-      <div class="service-content-box">
-        <h4 class="h4 service-item-title">Mobile apps</h4>
+            <li class="service-item">
 
-        <p class="service-item-text">
-          Professional development of applications for iOS and Android.
-        </p>
-      </div>
+              <div class="service-icon-box">
+                <img src="./assets/images/icon-app.svg" alt="mobile app icon" width="40">
+              </div>
 
-    </li>
+              <div class="service-content-box">
+                <h4 class="h4 service-item-title">Mobile apps</h4>
 
-    <li class="service-item">
+                <p class="service-item-text">
+                  Professional development of applications for iOS and Android.
+                </p>
+              </div>
 
-      <div class="service-icon-box">
-        <img src="./assets/images/icon-photo.svg" alt="camera icon" width="40">
-      </div>
+            </li>
 
-      <div class="service-content-box">
-        <h4 class="h4 service-item-title">Photography</h4>
+            <li class="service-item">
 
-        <p class="service-item-text">
-          I make high-quality photos of any category at a professional level.
-        </p>
-      </div>
+              <div class="service-icon-box">
+                <img src="./assets/images/icon-photo.svg" alt="camera icon" width="40">
+              </div>
 
-    </li>
+              <div class="service-content-box">
+                <h4 class="h4 service-item-title">Photography</h4>
 
-  </ul>
+                <p class="service-item-text">
+                  I make high-quality photos of any category at a professional level.
+                </p>
+              </div>
 
-</section>
+            </li>
 
+          </ul>
 
-       
+        </section>
 
 
+        <!--
+          - testimonials
+        -->
 
+        <section class="testimonials">
 
-      <!--
-        - #RESUME
-      -->
+          <h3 class="h3 testimonials-title">Testimonials</h3>
 
-      <article class="resume" data-page="resume">
+          <ul class="testimonials-list has-scrollbar">
 
-        <header>
-          <h2 class="h2 article-title">Resume</h2>
-        </header>
+            <li class="testimonials-item">
+              <div class="content-card" data-testimonials-item>
 
-        <section class="timeline">
+                <figure class="testimonials-avatar-box">
+                  <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="60" data-testimonials-avatar>
+                </figure>
 
-          <div class="title-wrapper">
-            <div class="icon-box">
-              <ion-icon name="book-outline"></ion-icon>
-            </div>
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>Daniel lewis</h4>
 
-            <h3 class="h3">Education</h3>
-          </div>
+                <div class="testimonials-text" data-testimonials-text>
+                  <p>
+                    Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
+                    lot of experience
+                    and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
+                    consectetur adipiscing
+                    elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
+                  </p>
+                </div>
 
-          <ol class="timeline-list">
+              </div>
+            </li>
 
-            <li class="timeline-item">
+            <li class="testimonials-item">
+              <div class="content-card" data-testimonials-item>
 
-              <h4 class="h4 timeline-item-title">SITRC</h4>
+                <figure class="testimonials-avatar-box">
+                  <img src="./assets/images/avatar-2.png" alt="Jessica miller" width="60" data-testimonials-avatar>
+                </figure>
 
-              <span>2022 — 2026</span>
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>Jessica miller</h4>
 
-              <p class="timeline-text">
-                Sandip Institute of Technology, & Research Centre
-              </p>
+                <div class="testimonials-text" data-testimonials-text>
+                  <p>
+                    Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
+                    lot of experience
+                    and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
+                    consectetur adipiscing
+                    elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
+                  </p>
+                </div>
 
+              </div>
             </li>
 
-            <li class="timeline-item">
+            <li class="testimonials-item">
+              <div class="content-card" data-testimonials-item>
 
-              <h4 class="h4 timeline-item-title">Shree Swami Vivekanand Vidyalaya</h4>
+                <figure class="testimonials-avatar-box">
+                  <img src="./assets/images/avatar-3.png" alt="Emily evans" width="60" data-testimonials-avatar>
+                </figure>
 
-              <span>2020 — 2022</span>
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>Emily evans</h4>
 
-              <p class="timeline-text">
-               In 12th HSC Science 75% 
-              </p>
+                <div class="testimonials-text" data-testimonials-text>
+                  <p>
+                    Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
+                    lot of experience
+                    and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
+                    consectetur adipiscing
+                    elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
+                  </p>
+                </div>
 
+              </div>
             </li>
 
-            <li class="timeline-item">
+            <li class="testimonials-item">
+              <div class="content-card" data-testimonials-item>
 
-              <h4 class="h4 timeline-item-title">Shri Ganesh Vidyalaya </h4>
+                <figure class="testimonials-avatar-box">
+                  <img src="./assets/images/avatar-4.png" alt="Henry william" width="60" data-testimonials-avatar>
+                </figure>
 
-              <span>2019 — 2020</span>
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>Henry william</h4>
 
-              <p class="timeline-text">
-                In 10th SSC 69%
-              </p>
+                <div class="testimonials-text" data-testimonials-text>
+                  <p>
+                    Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
+                    lot of experience
+                    and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
+                    consectetur adipiscing
+                    elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
+                  </p>
+                </div>
 
+              </div>
             </li>
 
-          </ol>
+          </ul>
 
         </section>
 
-        <section class="timeline">
-
-          <div class="title-wrapper">
-            <div class="icon-box">
-              <ion-icon name="book-outline"></ion-icon>
-            </div>
-
-            <h3 class="h3">Experience</h3>
-          </div>
-
-          <ol class="timeline-list">
-
-            <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">Btech CSE</h4>
+        <!--
+          - testimonials modal
+        -->
 
-              <span>2022 — Present</span>
+        <div class="modal-container" data-modal-container>
 
-              <p class="timeline-text">
-               Sandip Institute of Technology, & Research Centre
-              </p>
+          <div class="overlay" data-overlay></div>
 
-            </li>
+          <section class="testimonials-modal">
 
-            <li class="timeline-item">
+            <button class="modal-close-btn" data-modal-close-btn>
+              <ion-icon name="close-outline"></ion-icon>
+            </button>
 
-              <h4 class="h4 timeline-item-title">LetsUpgrade Student Ambassador</h4>
+            <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>
 
-              <span>2024</span>
+              <img src="./assets/images/icon-quote.svg" alt="quote icon">
+            </div>
 
-              <p class="timeline-text">
-                LetsUpgrade Student Ambassador
-              </p>
+            <div class="modal-content">
 
-            </li>
+              <h4 class="h3 modal-title" data-modal-title>Daniel lewis</h4>
 
-            
+              <time datetime="2021-06-14">14 June, 2021</time>
 
-          </ol>
-           <section class="timeline">
+              <div data-modal-text>
+                <p>
+                  Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
+                  lot of experience
+                  and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
+                  consectetur adipiscing
+                  elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
+                </p>
+              </div>
 
-          <div class="title-wrapper">
-            <div class="icon-box">
-              <ion-icon name="book-outline"></ion-icon>
             </div>
 
+          </section>
 
-            
-
-            <h3 class="h3">Certification</h3>
-          </div>
+        </div>
 
-          <ol class="timeline-list">
 
-            <li class="timeline-item">
+        <!--
+          - clients
+        -->
 
-              <h4 class="h4 timeline-item-title">Introduction to Data Science</h4>
+        <section class="clients">
 
-              <span>2024</span>
+          <h3 class="h3 clients-title">Clients</h3>
 
-              <p class="timeline-text">
-               Infosys Springboard
-              </p>
+          <ul class="clients-list has-scrollbar">
 
+            <li class="clients-item">
+              <a href="#">
+                <img src="./assets/images/logo-1-color.png" alt="client logo">
+              </a>
             </li>
 
-            <li class="timeline-item">
-
-              <h4 class="h4 timeline-item-title">Asia AI Odyssey </h4>
+            <li class="clients-item">
+              <a href="#">
+                <img src="./assets/images/logo-2-color.png" alt="client logo">
+              </a>
+            </li>
 
-              <span>2024</span>
+            <li class="clients-item">
+              <a href="#">
+                <img src="./assets/images/logo-3-color.png" alt="client logo">
+              </a>
+            </li>
 
-              <p class="timeline-text">
-                Microsoft
-              </p>
+            <li class="clients-item">
+              <a href="#">
+                <img src="./assets/images/logo-4-color.png" alt="client logo">
+              </a>
+            </li>
 
+            <li class="clients-item">
+              <a href="#">
+                <img src="./assets/images/logo-5-color.png" alt="client logo">
+              </a>
             </li>
 
-            <li class="timeline-item">
+            <li class="clients-item">
+              <a href="#">
+                <img src="./assets/images/logo-6-color.png" alt="client logo">
+              </a>
+            </li>
 
-              <h4 class="h4 timeline-item-title">Getting Started with AI on Jetson Nano </h4>
+          </ul>
 
-              <span>2024</span>
+        </section>
 
-              <p class="timeline-text">
-                NVIDIA
-              </p>
+      </article>
 
-            </li>
 
-            <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title"> foundation of Cybersecurity </h4>
 
-              <span>2024</span>
 
-              <p class="timeline-text">
-                Google
-              </p>
+      <!--
+        - #RESUME
+      -->
 
-            </li>
+      <article class="resume" data-page="resume">
 
-            <li class="timeline-item">
+        <header>
+          <h2 class="h2 article-title">Resume</h2>
+        </header>
 
-              <h4 class="h4 timeline-item-title">Accenture North America- Data Analytics and Visulization </h4>
+        <section class="timeline">
 
-              <span>2024</span>
+          <div class="title-wrapper">
+            <div class="icon-box">
+              <ion-icon name="book-outline"></ion-icon>
+            </div>
 
-              <p class="timeline-text">
-                Accenture
-              </p>
+            <h3 class="h3">Education</h3>
+          </div>
 
-            </li>
+          <ol class="timeline-list">
 
             <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">C Programming </h4>
+              <h4 class="h4 timeline-item-title">University school of the arts</h4>
 
-              <span>2024</span>
+              <span>2007 — 2008</span>
 
               <p class="timeline-text">
-                Great Learning
+                Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et
+                quas molestias
+                exceptur.
               </p>
 
             </li>
 
             <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">Artificial Intelligence Job Simulation </h4>
+              <h4 class="h4 timeline-item-title">New york academy of art</h4>
 
-              <span>2024</span>
+              <span>2006 — 2007</span>
 
               <p class="timeline-text">
-                Cognizant
+                Ratione voluptatem sequi nesciunt, facere quisquams facere menda ossimus, omnis voluptas assumenda est
+                omnis..
               </p>
 
             </li>
 
             <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">The Fundamentals of Digital Marketin </h4>
+              <h4 class="h4 timeline-item-title">High school of art and design</h4>
 
-              <span>2021</span>
+              <span>2002 — 2004</span>
 
               <p class="timeline-text">
-                Google
+                Duis aute irure dolor in reprehenderit in voluptate, quila voluptas mag odit aut fugit, sed consequuntur
+                magni dolores
+                eos.
               </p>
 
             </li>
 
-            <li class="timeline-item">
+          </ol>
 
-              <h4 class="h4 timeline-item-title">Full-Stack Web Developer </h4>
+        </section>
 
-              <span>2023</span>
+        <section class="timeline">
 
-              <p class="timeline-text">
-                Linkedin
-              </p>
+          <div class="title-wrapper">
+            <div class="icon-box">
+              <ion-icon name="book-outline"></ion-icon>
+            </div>
 
-            </li>
+            <h3 class="h3">Experience</h3>
+          </div>
+
+          <ol class="timeline-list">
 
             <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">Become a Data Scientist </h4>
+              <h4 class="h4 timeline-item-title">Creative director</h4>
 
-              <span>2023</span>
+              <span>2015 — Present</span>
 
               <p class="timeline-text">
-                Linkedin
+                Nemo enim ipsam voluptatem blanditiis praesentium voluptum delenit atque corrupti, quos dolores et qvuas
+                molestias
+                exceptur.
               </p>
 
             </li>
 
             <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">TCS ion Career Edge - Young Professional </h4>
+              <h4 class="h4 timeline-item-title">Art director</h4>
 
-              <span>2023</span>
+              <span>2013 — 2015</span>
 
               <p class="timeline-text">
-                TCS
+                Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et
+                quas molestias
+                exceptur.
               </p>
 
             </li>
+
             <li class="timeline-item">
 
-              <h4 class="h4 timeline-item-title">AI For India 2.0 </h4>
+              <h4 class="h4 timeline-item-title">Web designer</h4>
 
-              <span>2023</span>
+              <span>2010 — 2013</span>
 
               <p class="timeline-text">
-                GUVI
+                Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et
+                quas molestias
+                exceptur.
               </p>
 
             </li>
 
-            
-
           </ol>
 
         </section>
@@ -598,7 +655,7 @@ <h5 class="h5">Web design</h5>
             <li class="skills-item">
 
               <div class="title-wrapper">
-                <h5 class="h5">C++</h5>
+                <h5 class="h5">Graphic design</h5>
                 <data value="70">70%</data>
               </div>
 
@@ -611,7 +668,7 @@ <h5 class="h5">C++</h5>
             <li class="skills-item">
 
               <div class="title-wrapper">
-                <h5 class="h5">Python</h5>
+                <h5 class="h5">Branding</h5>
                 <data value="90">90%</data>
               </div>
 
@@ -624,7 +681,7 @@ <h5 class="h5">Python</h5>
             <li class="skills-item">
 
               <div class="title-wrapper">
-                <h5 class="h5">C</h5>
+                <h5 class="h5">WordPress</h5>
                 <data value="50">50%</data>
               </div>
 
@@ -1086,7 +1143,13 @@ <h3 class="h3 blog-item-title">Design digest #79</h3>
           <h2 class="h2 article-title">Contact</h2>
         </header>
 
-       
+        <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>
+          </figure>
+        </section>
 
         <section class="contact-form">
 
@@ -1135,4 +1198,4 @@ <h3 class="h3 form-title">Contact Form</h3>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file