From b7e072804e22a030e878af5e530bade832662d67 Mon Sep 17 00:00:00 2001
From: vimal-tech-starter <varnam2311@gmail.com>
Date: Tue, 23 Dec 2025 03:17:50 +0530
Subject: [PATCH] Changes made for issue-1.1.2

Signed-off-by: vimal-tech-starter <varnam2311@gmail.com>
---
 about.html       |  2 +-
 assets/noise.svg | 22 ++++++++++++++++++++++
 contact.html     | 11 +++++++++--
 css/common.css   | 10 ++++++----
 css/contact.css  | 14 +++++++++-----
 css/main.css     |  2 +-
 css/services.css |  6 +++---
 expertise.html   |  4 ++--
 index.html       |  2 +-
 9 files changed, 54 insertions(+), 19 deletions(-)
 create mode 100644 assets/noise.svg

diff --git a/about.html b/about.html
index 380e2b7..cb46223 100644
--- a/about.html
+++ b/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">
diff --git a/assets/noise.svg b/assets/noise.svg
new file mode 100644
index 0000000..af38f81
--- /dev/null
+++ b/assets/noise.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="80"
+    height="80"
+    viewBox="0 0 80 80"
+    preserveAspectRatio="none">
+
+    <filter id="noiseFilter">
+        <feTurbulence
+            type="fractalNoise"
+            baseFrequency="0.9"
+            numOctaves="2"
+            stitchTiles="stitch" />
+    </filter>
+
+    <rect
+        width="100%"
+        height="100%"
+        filter="url(#noiseFilter)"
+        opacity="0.02" />
+</svg>
\ No newline at end of file
diff --git a/contact.html b/contact.html
index 60f46a0..10e9b41 100644
--- a/contact.html
+++ b/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>
diff --git a/css/common.css b/css/common.css
index 11cc83c..33295cb 100644
--- a/css/common.css
+++ b/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;
diff --git a/css/contact.css b/css/contact.css
index 73f34e8..14ad526 100644
--- a/css/contact.css
+++ b/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);
-}
+}
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 1e44459..62a8e01 100644
--- a/css/main.css
+++ b/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;
diff --git a/css/services.css b/css/services.css
index e9da15f..90ae2db 100644
--- a/css/services.css
+++ b/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 {
diff --git a/expertise.html b/expertise.html
index 0cfc1c6..a8bdf16 100644
--- a/expertise.html
+++ b/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>
diff --git a/index.html b/index.html
index a564750..5dacf76 100644
--- a/index.html
+++ b/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>