diff --git a/assets/css/style.css b/assets/css/style.css
index 4dcaeaa2b0..68fc65d67f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -292,8 +292,24 @@ article.active {
   z-index: -1;
 }
 
+/* /* /Logo caption/
+<style>
+  .clients-item {
+    text-align: center;
+    margin: 10px;
+  }
 
+  .clients-item img {
+    width: 100px;
+    height: auto;
+  }
 
+  .logo-caption {
+    font-size: 0.9rem;
+    color: #555;
+    margin-top: 50px;
+  }
+</style> */
 
 
 /*-----------------------------------*\
@@ -315,7 +331,7 @@ main {
 \*-----------------------------------*/
 
 .sidebar {
-  margin-bottom: 15px;
+  margin-bottom: 100px;
   max-height: 112px;
   overflow: hidden;
   transition: var(--transition-2);
@@ -328,12 +344,12 @@ main {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  gap: 15px;
+  gap: 50px;
 }
 
 .avatar-box {
   background: var(--bg-gradient-onyx);
-  border-radius: 20px;
+  border-radius: 5px;
 }
 
 .info-content .name {
@@ -488,6 +504,90 @@ main {
 .navbar-link.active { color: var(--orange-yellow-crayola); }
 
 
+<style>
+  .key-roles-carousel {
+    position: relative;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem;
+    overflow: hidden;
+  }
+
+  .carousel-container {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .carousel-track {
+    display: flex;
+    transition: transform 0.5s ease;
+  }
+
+  .carousel-slide {
+    min-width: 100%;
+    padding: 0 1rem;
+    text-align: center;
+  }
+
+  .carousel-slide img {
+    max-width: 150px;
+    height: auto;
+    margin: 0 auto;
+  }
+
+  .carousel-prev, .carousel-next {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: rgba(0,0,0,0.5);
+    color: white;
+    border: none;
+    padding: 1rem;
+    cursor: pointer;
+    z-index: 10;
+    border-radius: 50%;
+  }
+
+  .carousel-prev {
+    left: 1rem;
+  }
+
+  .carousel-next {
+    right: 1rem;
+  }
+
+  .carousel-indicators {
+    display: flex;
+    justify-content: center;
+    margin-top: 1rem;
+  }
+
+  .carousel-indicators span {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    background: #ccc;
+    margin: 0 5px;
+    cursor: pointer;
+  }
+
+  .carousel-indicators span.active {
+    background: #333;
+  }
+
+  @media (min-width: 768px) {
+    .carousel-slide {
+      min-width: 50%;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .carousel-slide {
+      min-width: 33.33%;
+    }
+  }
+</style> */
 
 
 
diff --git a/assets/images/Developer-Logo.png b/assets/images/Developer-Logo.png
new file mode 100644
index 0000000000..7c5a90bf14
Binary files /dev/null and b/assets/images/Developer-Logo.png differ
diff --git a/assets/images/ML-Logo.jpg b/assets/images/ML-Logo.jpg
new file mode 100644
index 0000000000..5d05e4faeb
Binary files /dev/null and b/assets/images/ML-Logo.jpg differ
diff --git a/assets/images/logo-1-color.png b/assets/images/logo-1-color.png
index a6d1b5f5c9..4bf8f5260a 100644
Binary files a/assets/images/logo-1-color.png and b/assets/images/logo-1-color.png differ
diff --git a/assets/images/logo-2-color.png b/assets/images/logo-2-color.png
deleted file mode 100644
index ee447ac7da..0000000000
Binary files a/assets/images/logo-2-color.png and /dev/null differ
diff --git a/assets/images/logo-3-color.png b/assets/images/logo-3-color.png
deleted file mode 100644
index 498c22ef12..0000000000
Binary files a/assets/images/logo-3-color.png and /dev/null differ
diff --git a/assets/js/script.js b/assets/js/script.js
index 6439a82ccf..8a918dc785 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -14,6 +14,84 @@ const sidebarBtn = document.querySelector("[data-sidebar-btn]");
 // sidebar toggle functionality for mobile
 sidebarBtn.addEventListener("click", function () { elementToggleFunc(sidebar); });
 
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const track = document.querySelector('.carousel-track');
+    const slides = document.querySelectorAll('.carousel-slide');
+    const prevBtn = document.querySelector('.carousel-prev');
+    const nextBtn = document.querySelector('.carousel-next');
+    const indicatorsContainer = document.querySelector('.carousel-indicators');
+    
+    let currentIndex = 0;
+    let slideInterval;
+    const slideCount = slides.length;
+    
+    // Create indicators
+    slides.forEach((_, index) => {
+      const indicator = document.createElement('span');
+      indicator.addEventListener('click', () => goToSlide(index));
+      indicatorsContainer.appendChild(indicator);
+    });
+    
+    const indicators = document.querySelectorAll('.carousel-indicators span');
+    
+    // Set up auto-slide
+    function startAutoSlide() {
+      slideInterval = setInterval(() => {
+        nextSlide();
+      }, 3000);
+    }
+    
+    function stopAutoSlide() {
+      clearInterval(slideInterval);
+    }
+    
+    function updateCarousel() {
+      track.style.transform = `translateX(-${currentIndex * 100}%)`;
+      
+      // Update indicators
+      indicators.forEach((indicator, index) => {
+        indicator.classList.toggle('active', index === currentIndex);
+      });
+    }
+    
+    function nextSlide() {
+      currentIndex = (currentIndex + 1) % slideCount;
+      updateCarousel();
+    }
+    
+    function prevSlide() {
+      currentIndex = (currentIndex - 1 + slideCount) % slideCount;
+      updateCarousel();
+    }
+    
+    function goToSlide(index) {
+      currentIndex = index;
+      updateCarousel();
+    }
+    
+    // Event listeners
+    nextBtn.addEventListener('click', () => {
+      nextSlide();
+      stopAutoSlide();
+      startAutoSlide();
+    });
+    
+    prevBtn.addEventListener('click', () => {
+      prevSlide();
+      stopAutoSlide();
+      startAutoSlide();
+    });
+    
+    // Pause on hover
+    document.querySelector('.carousel-container').addEventListener('mouseenter', stopAutoSlide);
+    document.querySelector('.carousel-container').addEventListener('mouseleave', startAutoSlide);
+    
+    // Initialize
+    updateCarousel();
+    startAutoSlide();
+  });
+</script>
 
 
 // testimonials variables
diff --git a/finance.html b/finance.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/index.html b/index.html
index efac5f0167..df5cadff90 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,10 @@
   <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>vCard - Personal Portfolio</title>
+  <title>Nesh Portfolio</title>
 
   <!--
-    - favicon
+    - Nesh
   -->
   <link rel="shortcut icon" href="./assets/images/logo.ico" type="image/x-icon">
 
@@ -27,9 +27,7 @@
 
 <body>
 
-  <!--
-    - #MAIN
-  -->
+  <!--#MAIN-->
 
   <main>
 
@@ -42,13 +40,13 @@
       <div class="sidebar-info">
 
         <figure class="avatar-box">
-          <img src="./assets/images/my-avatar.png" alt="Richard hanrick" width="80">
+          <img src="./assets/images/my-avatar.png" alt="Dinesh Krishnamoorthy" width="80">
         </figure>
 
         <div class="info-content">
-          <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
+          <h1 class="name" title="Richard hanrick">Dinesh Krishnamoorthy</h1>
 
-          <p class="title">Web developer</p>
+          <p class="title">ML/AI Analyst</p>
         </div>
 
         <button class="info_more-btn" data-sidebar-btn>
@@ -74,7 +72,7 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
             <div class="contact-info">
               <p class="contact-title">Email</p>
 
-              <a href="mailto:richard@example.com" class="contact-link">richard@example.com</a>
+              <a href="mailto:richard@example.com" class="contact-link">neshverse@gmail.com</a>
             </div>
 
           </li>
@@ -88,7 +86,7 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
             <div class="contact-info">
               <p class="contact-title">Phone</p>
 
-              <a href="tel:+12133522795" class="contact-link">+1 (213) 352-2795</a>
+              <a href="tel:+12133522795" class="contact-link">+91 9840281778</a>
             </div>
 
           </li>
@@ -100,9 +98,9 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
             </div>
 
             <div class="contact-info">
-              <p class="contact-title">Birthday</p>
+              <p class="contact-title">Twitter</p>
 
-              <time datetime="1982-06-23">June 23, 1982</time>
+              <time datetime="1982-06-23">nesh_verse</time>
             </div>
 
           </li>
@@ -116,7 +114,7 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
             <div class="contact-info">
               <p class="contact-title">Location</p>
 
-              <address>Sacramento, California, USA</address>
+              <address>Chennai, TN, India</address>
             </div>
 
           </li>
@@ -128,7 +126,7 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
         <ul class="social-list">
 
           <li class="social-item">
-            <a href="#" class="social-link">
+            <a href="" class="social-link">
               <ion-icon name="logo-facebook"></ion-icon>
             </a>
           </li>
@@ -209,28 +207,23 @@ <h2 class="h2 article-title">About me</h2>
 
         <section class="about-text">
           <p>
-            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.
+            I'm a Mathematician and Ecommerce operation manager from kinshasa, DR Congo, working in e-commerce web development and ML algorithm.
+            I turned the mathematical problems into a solution for the e-commerce business. I have a passion for building complex ideas and solutions into simple, beautiful ML algorithms for the client benefit and human engagement in the AI driven world.
           </p>
 
           <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.
+            My job is to build your website/apps, so that it is functional and AI-friendly but at the same time modern and attractive for the clients group and stack-holders.
+            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 website and identity in the most creative way of AI adaptive learning. I've worked in the web designing and ML algorithm for my own projects and multiple open-source projects.
           </p>
         </section>
 
+      <!--service-->
 
-        <!--
-          - service
-        -->
 
         <section class="service">
 
-          <h3 class="h3 service-title">What i'm doing</h3>
+          <h3 class="h3 service-title">Who I am?</h3>
 
           <ul class="service-list">
 
@@ -242,10 +235,10 @@ <h3 class="h3 service-title">What i'm doing</h3>
               </div>
 
               <div class="service-content-box">
-                <h4 class="h4 service-item-title">Web design</h4>
+                <h4 class="h4 service-item-title">Web design & development</h4>
 
                 <p class="service-item-text">
-                  The most modern and high-quality design made at a professional level.
+                  The most modern UI and high-quality ML Algorithm design made at a professional level at the client satisfaction.
                 </p>
               </div>
 
@@ -258,10 +251,10 @@ <h4 class="h4 service-item-title">Web design</h4>
               </div>
 
               <div class="service-content-box">
-                <h4 class="h4 service-item-title">Web development</h4>
+                <h4 class="h4 service-item-title">ML/NLP Algorithm</h4>
 
                 <p class="service-item-text">
-                  High-quality development of sites at the professional level.
+                  I've worked with multiple ML/NLP algorithm and I can help you to build your own algorithm for your business and client's required data.
                 </p>
               </div>
 
@@ -277,7 +270,7 @@ <h4 class="h4 service-item-title">Web development</h4>
                 <h4 class="h4 service-item-title">Mobile apps</h4>
 
                 <p class="service-item-text">
-                  Professional development of applications for iOS and Android.
+                  Professional development of applications for Android app development.
                 </p>
               </div>
 
@@ -293,7 +286,7 @@ <h4 class="h4 service-item-title">Mobile apps</h4>
                 <h4 class="h4 service-item-title">Photography</h4>
 
                 <p class="service-item-text">
-                  I make high-quality photos of any category at a professional level.
+                  I click the high-quality photos of any category at a professional level and my passion towards photography is huge and compassion.
                 </p>
               </div>
 
@@ -304,32 +297,26 @@ <h4 class="h4 service-item-title">Photography</h4>
         </section>
 
 
-        <!--
-          - testimonials
-        -->
+        <!---Favoruite quotes-->
 
-        <section class="testimonials">
+        <section class="Favoruitequotes">
 
-          <h3 class="h3 testimonials-title">Testimonials</h3>
+          <h3 class="h3 Favoruitequotes-title">Favoruite quotes</h3>
 
-          <ul class="testimonials-list has-scrollbar">
+          <ul class="Favoruitequotes has-scrollbar">
 
-            <li class="testimonials-item">
-              <div class="content-card" data-testimonials-item>
+            <li class="Favoruitequotes-item">
+              <div class="content-card" data-Favoruitequotes-item>
 
-                <figure class="testimonials-avatar-box">
-                  <img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="60" data-testimonials-avatar>
+                <figure class="Favoruite quotes-avatar-box">
+                  <img src="./assets/images/avatar-1.png" alt="Abdhul Kalam" width="60" data-Favoruitequotes-avatar>
                 </figure>
 
-                <h4 class="h4 testimonials-item-title" data-testimonials-title>Daniel lewis</h4>
+                <h4 class="h4 Favoruite quotes-item-title" data-Favoruitequotes-title>Abdul Kalam</h4>
 
-                <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.
+                <div class="Favoruite quotes-text" data-Favoruitequotes-text>
+                  <p style="color: aliceblue; font-size-adjust: initial;">
+                    Don't take rest after your first victory because if you fail in second, more lips are waiting to say that your first victory was just luck.
                   </p>
                 </div>
 
@@ -343,15 +330,11 @@ <h4 class="h4 testimonials-item-title" data-testimonials-title>Daniel lewis</h4>
                   <img src="./assets/images/avatar-2.png" alt="Jessica miller" width="60" data-testimonials-avatar>
                 </figure>
 
-                <h4 class="h4 testimonials-item-title" data-testimonials-title>Jessica miller</h4>
+                <h4 class="h4 testimonials-item-title" data-testimonials-title>Wayne Dyer</h4>
 
                 <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 style="color: aliceblue; font-size-adjust: inherit;">
+                    If you change the way you look at things, the things you look at change.
                   </p>
                 </div>
 
@@ -452,61 +435,60 @@ <h4 class="h3 modal-title" data-modal-title>Daniel lewis</h4>
         </div>
 
 
-        <!--
-          - clients
-        -->
-
-        <section class="clients">
-
-          <h3 class="h3 clients-title">Clients</h3>
+        <!-- Key Roles Carousel -->
+<section class="key-roles-carousel">
 
-          <ul class="clients-list has-scrollbar">
+  <h3 class="h3 clients-title">Key Roles</h3>
 
-            <li class="clients-item">
-              <a href="#">
-                <img src="./assets/images/logo-1-color.png" alt="client logo">
-              </a>
-            </li>
-
-            <li class="clients-item">
-              <a href="#">
-                <img src="./assets/images/logo-2-color.png" alt="client logo">
-              </a>
-            </li>
-
-            <li class="clients-item">
-              <a href="#">
-                <img src="./assets/images/logo-3-color.png" alt="client logo">
-              </a>
-            </li>
-
-            <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>
+  <div class="carousel-container">
+    <div class="carousel-track">
+      <div class="carousel-slide">
+        <a href="#">
+          <img src="./assets/images/logo-1-color.png" alt="client logo">
+        </a>
+      </div>
 
-            <li class="clients-item">
-              <a href="#">
-                <img src="./assets/images/logo-6-color.png" alt="client logo">
-              </a>
-            </li>
+      <div class="carousel-slide">
+        <a href="#">
+          <img src="./assets/images/ML-Logo.jpg" alt="client logo">
+        </a>
+      </div>
 
-          </ul>
+      <div class="carousel-slide">
+        <a href="#">
+          <img src="./assets/images/Developer-Logo.png" alt="client logo">
+          <p class="logo">Dev Dood</p>
+        </a>
+      </div>
 
-        </section>
+      <div class="carousel-slide">
+        <a href="#">
+          <img src="./assets/images/logo-4-color.png" alt="client logo">
+        </a>
+      </div>
 
-      </article>
+      <div class="carousel-slide">
+        <a href="#">
+          <img src="./assets/images/logo-5-color.png" alt="client logo">
+        </a>
+      </div>
 
+      <div class="carousel-slide">
+        <a href="#">
+          <img src="./assets/images/logo-6-color.png" alt="client logo">
+        </a>
+      </div>
+    </div>
+  </div>
 
+  <!-- Navigation arrows -->
+  <button class="carousel-prev" aria-label="Previous slide">&#10094;</button>
+  <button class="carousel-next" aria-label="Next slide">&#10095;</button>
 
+  <!-- Indicator dots -->
+  <div class="carousel-indicators"></div>
 
+</section>
 
       <!--
         - #RESUME
@@ -1146,7 +1128,7 @@ <h2 class="h2 article-title">Contact</h2>
         <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"
+              src="https://maps.google.com/maps?q=chennai&output=embed"
               width="400" height="300" loading="lazy"></iframe>
           </figure>
         </section>
@@ -1167,7 +1149,7 @@ <h3 class="h3 form-title">Contact Form</h3>
 
             <button class="form-btn" type="submit" disabled data-form-btn>
               <ion-icon name="paper-plane"></ion-icon>
-              <span>Send Message</span>
+              <span>Drop a Message</span>
             </button>
 
           </form>