@@ -94,7 +92,7 @@
Cloud Integration
Database Management
-
Manage relational and NoSQL databases like MySQL, PostgreSQL, MongoDB.
+
Manage relational and NoSQL databases like Oracle, MySQL, PostgreSQL, MongoDB, Cassandra.
@@ -103,12 +101,9 @@
Project Consulting
-
View All Services
-
- Check my live project:
- Alex Food Corner
-
+
@@ -185,21 +180,37 @@
Jira
Projects
+
+
PTC Windchill (Java Product)
+
Customized 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.
+
Spring Boot + Kafka + Spark + Docker for Real-Time Data Processing.
+
+
+
Health Care Center Management
+
Core Java, Spring Framework and Hibernate + JSP + Oracle
-
Library Management System
-
Spring Boot & MySQL app to manage books, members, and loans.
+
Consultant Return On Investment
+
Core Java, JDBC, DAO Design Pattern, Struts 2.0-Framework. + Oracle
-
E-commerce Backend
-
REST API backend with Java, Spring Boot, and Hibernate.
+
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.
+
Real-Time Chat with Java WebSocket & Spring Boot.
+
+
+
Desktop Chat Application (Local Area Network)
+
Java Remote Method Invocation + Stubs + Skeletons, Swing Framework.
diff --git a/main.css b/main.css
index 13ff651..a1c63ea 100644
--- a/main.css
+++ b/main.css
@@ -41,7 +41,7 @@ h3 {
}
.logo {
- font-size: 24px;
+ font-size: 20px;
font-weight: bold;
}
@@ -184,9 +184,37 @@ h3 {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
+/* ===================================================
+ ===== Teck Stack Section =====
+=================================================== */
+#tech-stack {
+ text-align: center;
+ height: 20vh;
+}
+
+.tech-stack .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;
+}
+
+.tech-stack .btn:hover {
+ background: #e68900;
+ transform: translateY(-3px);
+}
+
/* ===================================================
===== Skills Section =====
=================================================== */
+#skills {
+ text-align: center;
+}
+
.skills-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
@@ -216,6 +244,10 @@ h3 {
/* ===================================================
===== Projects Section =====
=================================================== */
+#projects {
+ text-align: center;
+}
+
.projects-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
@@ -445,4 +477,4 @@ body.dark #darkModeToggle:hover {
transform: scale(1);
box-shadow: 0 0 8px rgba(255, 152, 0, 0.4);
}
-}
\ No newline at end of file
+}
diff --git a/main-service.css b/mini-services.css
similarity index 53%
rename from main-service.css
rename to mini-services.css
index 2e9fa87..04591c7 100644
--- a/main-service.css
+++ b/mini-services.css
@@ -4,6 +4,7 @@
padding: 25px 15px;
border-radius: 12px;
text-align: center;
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
cursor: pointer;
}
@@ -34,39 +35,52 @@
color: #d2691e; /* Darker highlight on hover */
}
-/* ============== */
-/* Services Preview Animations */
-#services-preview .service-card {
- background: #f5f5f5;
- padding: 25px 15px;
- border-radius: 12px;
+/* ===================================================
+ ===== Mini Services Preview Section =====
+=================================================== */
+#services-preview{
text-align: center;
- transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
- cursor: pointer;
}
-#services-preview .service-card:hover {
- transform: translateY(-8px) scale(1.03);
- box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
- background: #fff3e0; /* Slight highlight color */
+.services-preview .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;
}
-#services-preview .service-card i {
- font-size: 2.5rem;
- color: sandybrown;
- margin-bottom: 12px;
- transition: transform 0.3s ease, color 0.3s ease;
+.services-preview .btn:hover {
+ background: #e68900;
+ transform: translateY(-3px);
}
-#services-preview .service-card:hover i {
- transform: rotate(10deg) scale(1.1);
- color: #ff8c42; /* Slight color change on hover */
+/* ===================================================
+ ===== Dark Mode =====
+=================================================== */
+body.dark {
+ background: #181818;
+ color: #e0e0e0;
}
-#services-preview .service-card h3 {
- transition: color 0.3s ease;
+body.dark #services-preview .service-card {
+ background: #242424;
+ color: #e0e0e0;
}
-#services-preview .service-card:hover h3 {
- color: #d2691e; /* Darker highlight on hover */
+body.dark #services-preview .service-card:hover {
+ transform: translateY(-8px) scale(1.03);
+ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
+ background: #fff3e0; /* Slight highlight color */
}
+
+body.dark #services-preview .service-card p {
+ transition: color 0.3s ease;
+}
+
+body.dark .service-card:hover p {
+ color: #000000; /* Darker highlight on hover */
+}
\ No newline at end of file
diff --git a/services.css b/services.css
index a551dcd..051704c 100644
--- a/services.css
+++ b/services.css
@@ -6,11 +6,22 @@
justify-content: center;
align-items: center;
text-align: center;
- color: #fff;
+ color: #000000;
overflow: hidden;
background: radial-gradient(circle at top right, #ff8c00, #ff5722);
}
+body.dark .hero-services {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: #fff;
+ /* overflow: hidden; */
+ background: radial-gradient(circle at top right, #805922, #8d4630);
+}
+
/* Particles.js Canvas */
#particles-js {
position: absolute;
@@ -167,6 +178,33 @@ body.dark canvas {
color: #d2691e;
}
+/* ===================================================
+ ===== Dark Mode =====
+=================================================== */
+body.dark {
+ background: #181818;
+ color: #e0e0e0;
+}
+
+body.dark .service-card{
+ background: #181818;
+ color: #e0e0e0;
+}
+
+body.dark .service-card:hover {
+ transform: translateY(-10px) scale(1.05);
+ box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);
+ background: linear-gradient(145deg, #ffecb3, #ffe0b2);
+}
+
+body.dark .service-card p {
+ transition: color 0.3s ease;
+}
+
+body.dark .service-card:hover p {
+ color: #000000;
+}
+
/* CTA Section */
.cta-section {
text-align: center;
diff --git a/services.html b/services.html
index 0c11364..97b598d 100644
--- a/services.html
+++ b/services.html
@@ -22,7 +22,7 @@