From 3024ad1ddcac305646a6a6f507a5a763cf3cbed4 Mon Sep 17 00:00:00 2001 From: vimaltech-starter Date: Wed, 5 Aug 2026 07:19:10 +0530 Subject: [PATCH] Blogger, resource and more info added Signed-off-by: vimaltech-starter --- aboutUs/index.html | 144 +++++++++++++++++++++++++++---- contactUs/index.html | 138 +++++++++++++++++++++++++---- css/global.css | 114 +++++++++++++++++------- css/whatsapp-floating.css | 3 + expertise/index.html | 133 ++++++++++++++++++++++++---- index.html | 135 +++++++++++++++++++++++++---- js/global-dark-mode-particles.js | 18 ++-- portfolio/index.html | 129 +++++++++++++++++++++++---- services/index.html | 136 +++++++++++++++++++++++++---- 9 files changed, 801 insertions(+), 149 deletions(-) diff --git a/aboutUs/index.html b/aboutUs/index.html index ec38538..0159955 100644 --- a/aboutUs/index.html +++ b/aboutUs/index.html @@ -220,7 +220,8 @@

Backend Engineering

Full-Stack Web

-

Designing responsive, SEO-optimized, and high-speed web applications using modern HTML/CSS/JS and frontend as well as backend frameworks.

+

Designing responsive, SEO-optimized, and high-speed web applications using modern HTML/CSS/JS and + frontend as well as backend frameworks.

@@ -288,7 +289,8 @@

Our Mission

preferred technology partner for small to medium enterprises looking to scale their digital presence with confidence.

- Partner With Us Today + Partner With Us Today
@@ -297,7 +299,7 @@

Our Mission

-
+
@@ -331,16 +333,14 @@

-
+

Vimal Patel

Founder & Software Developer

-
- -
-

Follow me on social media:

aria-label="Vimal Tech Facebook"> + + +
-
+ +
+ +
+

+ Quick + Links +

+
+ +
+ +
+

+ Resources +

+
+ +
+ +
+ + +

- Quick - Links + More + Info

@@ -397,12 +496,19 @@

+ - - + + + + + + diff --git a/contactUs/index.html b/contactUs/index.html index 7a15a3c..a3641cc 100644 --- a/contactUs/index.html +++ b/contactUs/index.html @@ -329,7 +329,7 @@

Start a Conve
-
+
@@ -363,16 +363,14 @@

-
+

Vimal Patel

Founder & Software Developer

-
- -
-

Follow me on social media:

aria-label="Vimal Tech Facebook"> + + +
-
+ +
+ +
+

+ Quick + Links +

+
+ +
+ +
+

+ Resources +

+
+ +
+ +
+ + +

- Quick - Links + More + Info

@@ -429,12 +526,19 @@

+ - - + + + + + + diff --git a/css/global.css b/css/global.css index 8166d3c..156bdb1 100644 --- a/css/global.css +++ b/css/global.css @@ -823,28 +823,24 @@ body.dark .section-title { /* Container */ .footer-container { - max-width: 1150px; + max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; - gap: 40px; -} - -/* 3-Column Layout */ -.footer-left, -.footer-center, -.footer-links { - flex: 1; + gap: 20px; } -.footer-center { +.footer-vimal-tech, +.footer-vimal-patel, +.footer-quick-links, +.footer-resources, +.footer-more-info { border-left: 1px solid rgba(255, 255, 255, 0.08); - border-right: 1px solid rgba(255, 255, 255, 0.08); padding: 0 30px; } -.footer-links { +.footer-quick-links { text-align: left; } @@ -1020,27 +1016,48 @@ body.dark .section-title { /* Bottom Bar */ .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); - margin-top: 40px; - padding-top: 20px; + margin-top: 20px; + margin-bottom: -20px; + padding: 10px; text-align: center; font-size: 0.9rem; opacity: 0.7; - margin-bottom: 35px; } /* ===== Mobile Responsive ===== */ @media (max-width: 900px) { .footer-container { flex-direction: column; - gap: 40px; + gap: 20px; + } + + .footer-vimal-tech { + border-left: none; + border-right: none; + border-bottom: none; + padding: 0px 0px; + width: 100%; } - .footer-center { + .footer-vimal-patel, + .footer-more-info { border-left: none; border-right: none; border-top: 1px solid rgba(255, 255, 255, 0.08); + border-bottom: none; + padding: 20px 20px; + width: 100%; + } + + .footer-social { border-bottom: 1px solid rgba(255, 255, 255, 0.08); - padding: 30px 0; + padding: 20px 20px; + width: 100%; + } + + .footer-quick-links, + .footer-resources { + padding: 20px 20px; width: 100%; } @@ -1056,6 +1073,48 @@ body.dark .section-title { .quick-links-list a:hover { transform: none !important; } + + /* Bottom Bar */ + .footer-bottom { + border-top: 1px solid rgba(255, 255, 255, 0.08); + margin-top: 40px; + padding-top: 20px; + text-align: center; + font-size: 0.9rem; + opacity: 0.7; + margin-bottom: 35px; + } +} + +/* Forces the two divs to sit side-by-side (50% width each) */ +.footer-links-row { + display: grid; + grid-template-columns: 1fr 1fr; +} + +/* Optional: If you want them to stack on EXTREMELY small screens (like old foldables under 320px) */ +@media (max-width: 320px) { + .footer-links-row { + display: grid; + grid-template-columns: 1fr; + } +} + +@media (max-width: 768px) { + .footer-more-info .quick-links-list { + display: flex; + flex-wrap: wrap; + /* Allows links to wrap to the next line when space runs out */ + gap: 10px; + /* Adds space between the links */ + } + + /* Reset any 100% width on the list items */ + .footer-more-info .quick-links-list li { + width: auto; + margin-bottom: 0; + /* Removes bottom margin if your default list has it */ + } } /* =================================================== @@ -1147,7 +1206,7 @@ body.dark .section-title { height: 55px; border-radius: 50%; border: none; - background: #000000; + background: transparent; color: #fff; font-size: 22px; cursor: pointer; @@ -1171,8 +1230,8 @@ body.dark .section-title { height: 50px; border: none; outline: none; - background-color: #ff9800; - color: white; + background-color: #bfb5a6; + color: rgb(0, 0, 0); cursor: pointer; border-radius: 50%; display: flex; @@ -1224,23 +1283,14 @@ body.dark .section-title { ===== Dark Mode ===== =================================================== */ /* ===== Dark Mode Override ===== */ -body.dark #scrollTopBtn { - background-color: #ff9800; - color: #fff; -} - -body.dark #scrollTopBtn:hover { - background-color: #e68900; -} /* Dark mode appearance */ body.dark #darkModeToggle { background: #00bcd4; /* Cyan glow in dark mode */ - color: #000; - box-shadow: 0 4px 12px rgba(0, 188, 212, 0.4); + box-shadow: 0 4px 12px rgba(0, 225, 255, 0.4); } body.dark #darkModeToggle:hover { - background: #3ce8ff; + background: #00e1ff; } \ No newline at end of file diff --git a/css/whatsapp-floating.css b/css/whatsapp-floating.css index ffbfed1..272fca8 100644 --- a/css/whatsapp-floating.css +++ b/css/whatsapp-floating.css @@ -16,6 +16,9 @@ box-shadow: 0 0 8px rgba(37, 211, 102, 0.5); transition: transform 0.3s ease, background 0.3s, box-shadow 0.3s; animation: pulseWhatsApp 2.5s infinite ease-in-out; + + /* Added to remove the underline */ + text-decoration: none; } .whatsapp-float:hover { diff --git a/expertise/index.html b/expertise/index.html index 960a5ce..acab38e 100644 --- a/expertise/index.html +++ b/expertise/index.html @@ -380,7 +380,7 @@

-
+

PTC Windchill (Java Product)

Customised Java Client for PTC Windchill PDMLink as Shadow Resource.

Oracle SQL Developer, JSOUP, XML

@@ -444,7 +444,7 @@

Explore My Professional Details

-
+
@@ -478,16 +478,14 @@

-
+

Vimal Patel

Founder & Software Developer

-
- -
-

Follow me on social media:

aria-label="Vimal Tech Facebook"> + + +
-
+ +
+ +
+

+ Quick + Links +

+
+ +
+ +
+

+ Resources +

+
+ +
+ +
+ + +

- Quick - Links + More + Info

@@ -551,9 +648,7 @@

- +

- +
+ @@ -392,7 +394,7 @@

-
+
@@ -425,25 +427,21 @@

-
+

Vimal Patel

Founder & Software Developer

-
- -
-

Follow me on social media:

@@ -464,22 +462,121 @@

aria-label="Vimal Tech Facebook"> + + +

-
+ +
+ +
+

+ Quick + Links +

+
+ +
+ +
+

+ Resources +

+
+ +
+ +
+ + +

- Quick - Links + More + Info

@@ -496,7 +593,7 @@

- + +

@@ -549,7 +549,7 @@

Let’s Build Something Solid

-
+
@@ -583,16 +583,14 @@

-
+

Vimal Patel

Founder & Software Developer

-
- -
-

Follow me on social media:

aria-label="Vimal Tech Facebook"> + + + +
+
+ + +
+ +
+

+ Quick + Links +

+
+ +
+ +
+

+ Resources +

+
+
+
+ -
+

- Quick - Links + More + Info

@@ -655,8 +752,9 @@

- - + + +