-
+
+
+ Trusted Software Partner
+
+
I'd love to hear from you. You can connect me via email, phone, or
socials. I'll get back within 1–2 business days.
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,
');
- 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 @@
-
Hello,
I'm Vimal
-
A Passionate Java Developer building scalable backend applications.
+
Hi,
Geeks and Nerds
+
Portfolio
Websites On Server
diff --git a/index.html b/index.html
index a564750..5dacf76 100644
--- a/index.html
+++ b/index.html
@@ -229,7 +229,7 @@ Visitor Theme Switcher
-
+