From 47785b22554a770d0a78220037b7c799e136bf5a Mon Sep 17 00:00:00 2001 From: vimal-tech-starter Date: Tue, 21 Oct 2025 02:59:00 +0530 Subject: [PATCH] Expertise page created live web page linked and pop-up added Signed-off-by: vimal-tech-starter --- css/common.css | 5 +- css/live-projects.css | 36 +++++ css/main.css | 23 ++- css/services.css | 37 ----- css/whatsapp-floating.css | 2 +- expertise.html | 288 ++++++++++++++++++++++++++++++++++++++ index.html | 199 ++++++-------------------- portfolio.html | 6 +- services.html | 10 +- 9 files changed, 401 insertions(+), 205 deletions(-) create mode 100644 css/live-projects.css create mode 100644 expertise.html diff --git a/css/common.css b/css/common.css index cf8f23a..5db8935 100644 --- a/css/common.css +++ b/css/common.css @@ -165,6 +165,7 @@ footer { color: #fff; margin-top: 2rem; font-size: 0.9rem; + letter-spacing: 1px; } /* =================================================== @@ -202,7 +203,7 @@ body.dark #contact { =================================================== */ #darkModeToggle { position: fixed; - bottom: 65px; + bottom: 110px; right: 20px; width: 55px; height: 55px; @@ -225,7 +226,7 @@ body.dark #contact { /* ===== Scroll to Top Button ===== */ #scrollTopBtn { position: fixed; - bottom: 65px; + bottom: 110px; left: 20px; z-index: 2000; width: 50px; diff --git a/css/live-projects.css b/css/live-projects.css new file mode 100644 index 0000000..1f7b1b5 --- /dev/null +++ b/css/live-projects.css @@ -0,0 +1,36 @@ +/* =================================================== + ===== Live Projects Section ===== +=================================================== */ +#live-projects { + text-align: center; +} + +.live-projects .btn { + display: inline-block; + padding: 12px 25px; + border-radius: 30px; + background: #ff9800; + color: #fff; + text-decoration: none; + font-weight: bold; + transition: background 0.3s, transform 0.3s; +} + +.live-projects .btn:hover { + background: #e68900; + transform: translateY(-3px); +} + +.live-projects-card { + background: rgba(179, 105, 105, 0.3); + backdrop-filter: blur(10px); + border-radius: 20px; + padding: 60px; + margin: 20px 0; + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); +} + +body.dark .live-projects-card { + background-color: #467db4; + color: #000; +} \ No newline at end of file diff --git a/css/main.css b/css/main.css index 41203dd..052f53d 100644 --- a/css/main.css +++ b/css/main.css @@ -328,4 +328,25 @@ body.dark #darkModeToggle:hover { body.dark .visitor-count-card { background-color: #467db4; color: #000; -} \ No newline at end of file +} + +/* CTA Section */ +.cta-section { + text-align: center; + margin-top: 50px; +} + +.cta-section a.btn { + background: #ff9800; + color: #fff; + padding: 14px 30px; + border-radius: 30px; + font-weight: bold; + text-decoration: none; + transition: all 0.3s ease; +} + +.cta-section a.btn:hover { + background: #ff5722; + transform: scale(1.05); +} diff --git a/css/services.css b/css/services.css index 9f7c47c..c2e29c0 100644 --- a/css/services.css +++ b/css/services.css @@ -261,43 +261,6 @@ body.dark #services-offer { color: #000; } -/* =================================================== - ===== Live Projects Section ===== -=================================================== */ -#live-projects { - text-align: center; -} - -.live-projects .btn { - display: inline-block; - padding: 12px 25px; - border-radius: 30px; - background: #ff9800; - color: #fff; - text-decoration: none; - font-weight: bold; - transition: background 0.3s, transform 0.3s; -} - -.live-projects .btn:hover { - background: #e68900; - transform: translateY(-3px); -} - -.live-projects-card { - background: rgba(179, 105, 105, 0.3); - backdrop-filter: blur(10px); - border-radius: 20px; - padding: 60px; - margin: 20px 0; - box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); -} - -body.dark .live-projects-card { - background-color: #467db4; - color: #000; -} - /* Wrapper for centering counter horizontally */ .counter-container { display: flex; diff --git a/css/whatsapp-floating.css b/css/whatsapp-floating.css index cef2f6a..aaa29a7 100644 --- a/css/whatsapp-floating.css +++ b/css/whatsapp-floating.css @@ -1,7 +1,7 @@ /* ===== WhatsApp Button ===== */ .whatsapp-float { position: fixed; - bottom: 130px; + bottom: 171px; right: 20px; z-index: 1000; background-color: #25d366; diff --git a/expertise.html b/expertise.html new file mode 100644 index 0000000..2622fc2 --- /dev/null +++ b/expertise.html @@ -0,0 +1,288 @@ + + + + + + + Vimal Tech - Expertise + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +

+ 🪔 Make Website "Free of Cost" Diwali Offer! 🪔 +

+ +
+ + + + + + +
+
+

Hello,
I'm Vimal

+

A Passionate Java Developer building scalable backend applications.

+ Portfolio +
+
+ + +
+

Skills

+
+
+

Java

+
+
+

Spring Boot

+
+
+

Spring Cloud

+
+
+

Hibernate

+
+
+

REST API

+
+
+

Oracle/sql-developer

+
+
+

AWS

+
+
+

MongoDB

+
+
+

PostgreSQL

+
+
+

Firebase

+
+
+

Docker

+
+
+

Microservice Architecture

+
+
+

Node

+
+
+

Angular

+
+
+

React

+
+
+

HTML

+
+
+

CSS

+
+
+

JavaScript

+
+
+

Bootstrap

+
+
+

Yarn

+
+
+

Bitbucket

+
+
+

Slack

+
+
+

Jenkins

+
+
+

Atlassian

+
+
+

Jira

+
+
+
GitHub
+
+

+ + +
+

Projects

+
+
+

Front-End Live Websites On Server

+
+
+ +

Chai Makers Café

+

+ Angular | Components : CommonModule - RouterLink - RouterLinkActive | Services : MenuData +

+ +
+
+ +

Alex Food Corner

+

+ React + TailwindCSS + Vite | react-router-dom : Routes, Route, BrowserRouter | react-dom/client + : ReactDOM +

+ +
+
+
+
+
+

Back-End Projects

+
+
+

PTC Windchill (Java Product)

+

Customised Java Client for PTC Windchill PDMLink as Shadow Resource.

+
+
+

Parking System (POC)

+

Rest API, Microservices, Docker + Swagger-UI, Postman.

+
+
+

Data Streaming App (POC)

+

Spring Boot + Kafka + Spark + Docker for Real-Time Data Processing.

+
+
+

Health Care Center Management

+

Core Java, Spring Framework and Hibernate + JSP + Oracle

+
+
+

Consultant Return On Investment

+

Core Java, JDBC, DAO Design Pattern, Struts 2.0 Framework. + Oracle

+
+
+

E-commerce Backend Best Practices

+

REST API backend with Java, Spring Boot, and Hibernate + Maven, MySQL

+
+
+

Chat Application

+

Real-Time Chat with Java WebSocket & Spring Boot.

+
+
+

Desktop Chat Application (Local Area Network)

+

Java Remote Method Invocation + Stubs + Skeletons, Swing Framework.

+
+
+

+ + +
+
+

Portfolio

+ View Overview +
+
+ + +
+

Contact Me

+

If you’d like to collaborate, feel free to reach out:

+
+ Call + Email + + LinkedIn +
+
+ + + + + + + +
+

Contact No: 9638 474047

+

Email ID: vimal.patel@vimaltech.dev

+

© 2025 Vimal Patel | Java Developer

+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 18825d3..e84d45a 100644 --- a/index.html +++ b/index.html @@ -12,9 +12,10 @@ - + + @@ -60,19 +61,12 @@
  • Home
  • About
  • Offering
    • +
  • Live Websites
    • - - -
  • - Expertise - -
    • - -
  • Services
    • + +
  • Expertise
    • + +
  • Services
  • Contact
    • @@ -87,7 +81,7 @@

    Hello,
    I'm Vimal

    A Passionate Java Developer building scalable backend applications.

    - View My Work + View My Work
    @@ -129,18 +123,42 @@

    Database Management

    Project Consulting

    Architecture guidance and microservices design for enterprise projects.

    - +
    - View All Services

    + View All Services
    + +
    +
    +

    Live Websites

    + + +
    +
    + + + +
    -

    Visitor Counter

    +

    Visitors

    👋 Total Visitors: Loading...

    @@ -148,147 +166,6 @@

    - -
    -

    Skills

    -
    -
    -

    Java

    -
    -
    -

    Spring Boot

    -
    -
    -

    Spring Cloud

    -
    -
    -

    Hibernate

    -
    -
    -

    REST API

    -
    -
    -

    Oracle/sql-developer

    -
    -
    -

    AWS

    -
    -
    -

    MongoDB

    -
    -
    -

    PostgreSQL

    -
    -
    -

    Docker

    -
    -
    -

    Microservice Architecture

    -
    -
    -

    Bootstrap

    -
    -
    -

    Node

    -
    -
    -

    React

    -
    -
    -

    Yarn

    -
    -
    -

    Bitbucket

    -
    -
    -

    Slack

    -
    -
    -

    Jenkins

    -
    -
    -

    Atlassian

    -
    -
    -

    Jira

    -
    -
    -
    GitHub
    -
    -

    - - -
    -

    Projects

    -
    -
    -

    Front-End Projects

    -
    -
    - -

    Chai Makers Café

    -

    - Angular | Components : CommonModule - RouterLink - RouterLinkActive | Services : MenuData -

    -     -
    -
    - -

    Alex Food Corner

    -

    - React + TailwindCSS + Vite | react-router-dom : Routes, Route, BrowserRouter | react-dom/client : ReactDOM -

    -     -
    -
    -
    -
    -
    -

    Back-End Projects

    -
    -
    -

    PTC Windchill (Java Product)

    -

    Customised Java Client for PTC Windchill PDMLink as Shadow Resource.

    -
    -
    -

    Parking System (POC)

    -

    Rest API, Microservices, Docker + Swagger-UI, Postman.

    -
    -
    -

    Data Streaming App (POC)

    -

    Spring Boot + Kafka + Spark + Docker for Real-Time Data Processing.

    -
    -
    -

    Health Care Center Management

    -

    Core Java, Spring Framework and Hibernate + JSP + Oracle

    -
    -
    -

    Consultant Return On Investment

    -

    Core Java, JDBC, DAO Design Pattern, Struts 2.0 Framework. + Oracle

    -
    -
    -

    E-commerce Backend Best Practices

    -

    REST API backend with Java, Spring Boot, and Hibernate + Maven, MySQL

    -
    -
    -

    Chat Application

    -

    Real-Time Chat with Java WebSocket & Spring Boot.

    -
    -
    -

    Desktop Chat Application (Local Area Network)

    -

    Java Remote Method Invocation + Stubs + Skeletons, Swing Framework.

    -
    -
    -

    - - -
    -
    -

    Portfolio

    - View Overview -
    -
    -

    Contact Me

    @@ -308,7 +185,9 @@

    Contact Me

    -

    © 2025 Vimal Patel | Java Developer Portfolio

    +

    Contact No : 9638 474047

    +

    Email ID : vimal.patel@vimaltech.dev

    +

    © 2025 Vimal Patel | Java Developer

    @@ -324,7 +203,7 @@

    Contact Me

    - + diff --git a/portfolio.html b/portfolio.html index 4e97a11..0ab7ad0 100644 --- a/portfolio.html +++ b/portfolio.html @@ -37,7 +37,7 @@ @@ -132,7 +132,7 @@

    📘 Field Subjects

    -