Changes made for issue-1.1.2

about.html

@@ -146,7 +146,7 @@
                             d="M12 2l3.09 6.26L22 9.27l-5 4.88L18.18 22 12 18.77 5.82 22 7 14.15l-5-4.88 6.91-1.01L12 2z" />
                     </svg>
                 </div>
-                <span>Vimal Patel</span>
+                <span>JAVA DEV</span>
                 <div class="logo" aria-hidden="true">
                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                         stroke-linejoin="round">

contact.html

@@ -146,7 +146,7 @@
                             d="M12 2l3.09 6.26L22 9.27l-5 4.88L18.18 22 12 18.77 5.82 22 7 14.15l-5-4.88 6.91-1.01L12 2z" />
                     </svg>
                 </div>
-                <span>Vimal Patel</span>
+                <span>JAVA DEV</span>
                 <div class="logo" aria-hidden="true">
                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                         stroke-linejoin="round">
@@ -176,7 +176,14 @@
             <!-- Left: Info card -->
             <section class="card" data-static="true" aria-labelledby="contact-info-title">
                 <div class="panel">
-                    <h1 class="title" id="contact-info-title">Get in touch</h1>
+                    <div class="badge" aria-hidden="true">
+                        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                            stroke-linecap="round" stroke-linejoin="round">
+                            <path d="M12 2l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z" />
+                        </svg>
+                        Trusted Software Partner
+                    </div>
+                    <h2 class="title" id="contact-info-title">Get in touch</h2>
                     <p class="subtitle">I'd love to hear from you. You can connect me via <strong>email, phone, or
                             socials</strong>. I'll get back within 1–2 business days.
                     </p>

css/common.css

@@ -60,12 +60,14 @@ section {
     font-weight: 600;
     color: rgb(201, 238, 99);
     text-decoration: none;
+    display: inline-grid;
+    place-items: center;
 }
 
 /* Logo image */
 .logo {
-    height: 32px;
-    width: 32px;
+    height: 70px;
+    width: 70px;
     object-fit: contain;
     border-radius: 6px;
     /* optional for a softer look */
@@ -79,7 +81,7 @@ section {
 .nav-links {
     list-style: none;
     display: flex;
-    gap: 20px;
+    gap: 15px;
 }
 
 .nav-links li a {
@@ -109,7 +111,7 @@ section {
 @media (max-width: 768px) {
     .nav-links {
         position: absolute;
-        top: 60px;
+        top: 80px;
         right: 0;
         background-color: #333;
         flex-direction: column;

css/contact.css

@@ -48,9 +48,11 @@ body {
     position: fixed;
     inset: 0;
     pointer-events: none;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".02"/></svg>');
-    opacity: .4;
-    mix-blend-mode: overlay
+    /* background-image: url("/assets/noise.svg");
+    background-repeat: repeat; */
+    opacity: .3;
+    mix-blend-mode: lighten;
+    background: url('/images/hero.png') no-repeat center/cover;
 }
 
 .container {
@@ -572,7 +574,7 @@ section[aria-labelledby="contact-info-title"] .contact-item a:hover {
     font-size: 25px;
     line-height: 1.5;
     font-family: var(--font-sans);
-    
+
 }
 
 /* Desktop links */
@@ -655,9 +657,11 @@ section[aria-labelledby="contact-info-title"] .contact-item a:hover {
 .nav-toggle.open span:nth-child(1) {
     transform: translateY(7px) rotate(45deg);
 }
+
 .nav-toggle.open span:nth-child(2) {
     opacity: 0;
 }
+
 .nav-toggle.open span:nth-child(3) {
     transform: translateY(-7px) rotate(-45deg);
-}
+}

css/main.css

@@ -3,7 +3,7 @@
 =================================================== */
 .hero {
   background: url('/images/hero.png') no-repeat center/cover;
-  height: 70vh;
+  height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;

css/services.css

@@ -1,7 +1,7 @@
 /* ===== HERO SECTION ===== */
 .hero-services {
     position: relative;
-    height: 70vh;
+    height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -18,7 +18,7 @@ body.dark .hero-services {
     align-items: center;
     text-align: center;
     color: #fff;
-    /* overflow: hidden; */
+    overflow: hidden;
     background: radial-gradient(circle at top right, #805922, #8d4630);
 }
 
@@ -129,7 +129,7 @@ body.dark canvas {
 /* Responsive */
 @media (max-width: 768px) {
     .hero-services {
-        height: 60vh;
+        height: 100vh;
     }
 
     .hero-services h1 {

expertise.html

@@ -64,8 +64,8 @@
     <!-- Hero Section -->
     <section id="hero" class="hero">
         <div class="hero-content">
-            <h1>Hello,<br> I'm <span class="highlight">Vimal</span></h1>
-            <p>A Passionate <strong>Java Developer</strong> building scalable backend applications.</p>
+            <h1>Hi,<br>Geeks and <span class="highlight">Nerds</span></h1>
+            <!-- <p>A Passionate <strong>Java Developer</strong> building scalable backend applications.</p> -->
             <a href="#portfolio" class="btn">Portfolio</a><br><br>
             <a href="#projects" class="btn">Websites On Server</a>
         </div>

index.html

@@ -229,7 +229,7 @@ <h2>Visitor Theme Switcher</h2>
   </script>
   <!-- JS -->
   <script src="/js/common.js"></script>
-  <script type="module" src="/js/visitorCounter.js"></script>
+  <!-- <script type="module" src="/js/visitorCounter.js"></script> -->
   <!-- Popup Window JS -->
   <script src="/js/open-modal-btn.js"></script>
   <script src="/js/dropdown.js"></script>