From 03ba13a8c6506659c7c911259dc02acc24be2c46 Mon Sep 17 00:00:00 2001 From: vimal-tech-starter Date: Mon, 13 Oct 2025 23:29:16 +0530 Subject: [PATCH] Navbar updated Other changed as issue Signed-off-by: vimal-tech-starter --- .vscode/settings.json | 4 +++- css/common.css | 36 +++++++++++++++++++++++++++++++----- css/main.css | 8 ++++---- css/mini-services.css | 19 ++++++++++++------- images/logo.jpeg | Bin 0 -> 4915 bytes index.html | 37 ++++++++++++++++++++++--------------- services.html | 8 +++++++- 7 files changed, 79 insertions(+), 33 deletions(-) create mode 100644 images/logo.jpeg diff --git a/.vscode/settings.json b/.vscode/settings.json index 6f3a291..da1ed86 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,5 @@ { - "liveServer.settings.port": 5501 + "liveServer.settings.port": 5501, + "files.refactoring.autoSave": false, + "notebook.codeActionsOnSave": {} } \ No newline at end of file diff --git a/css/common.css b/css/common.css index d925181..4a6b234 100644 --- a/css/common.css +++ b/css/common.css @@ -29,6 +29,11 @@ h3 { margin-bottom: 1rem; } +/* Section */ +section { + border-radius: 12px; +} + /* =================================================== ===== Navbar ===== =================================================== */ @@ -36,19 +41,40 @@ h3 { display: flex; justify-content: space-between; align-items: center; - background-color: #333; + background-color: #7a7878; padding: 10px 20px; - color: white; + color: rgb(201, 238, 99); position: fixed; width: 100%; top: 0; z-index: 1000; } +/* Brand container (logo + name) */ +.brand { + display: flex; + align-items: center; + gap: 8px; + /* space between logo and text */ + font-size: 1.4rem; + font-weight: 600; + color: rgb(201, 238, 99); + text-decoration: none; +} + +/* Logo image */ .logo { + height: 32px; + width: 32px; + object-fit: contain; + border-radius: 6px; + /* optional for a softer look */ +} + +/* .logo { font-size: 20px; font-weight: bold; -} +} */ .nav-links { list-style: none; @@ -58,7 +84,7 @@ h3 { .nav-links li a { text-decoration: none; - color: white; + color: rgb(201, 238, 99); transition: color 0.3s; } @@ -112,7 +138,7 @@ h3 { .container { width: 85%; margin: auto; - padding: 3rem 0; + padding: 1rem 0; } /* Fade-in animation */ diff --git a/css/main.css b/css/main.css index 63c8896..20dc181 100644 --- a/css/main.css +++ b/css/main.css @@ -8,7 +8,7 @@ justify-content: center; align-items: center; text-align: center; - color: #fff; + color: rgb(201, 238, 99); position: relative; } @@ -164,7 +164,7 @@ body.dark header.navbar { } body.dark nav ul li a { - color: #e0e0e0; + color: rgb(201, 238, 99); } body.dark nav ul li a:hover { @@ -219,7 +219,7 @@ body.dark #darkModeToggle:hover { display: flex; justify-content: center; width: 100%; - margin-top: 40px; + /* margin-top: 10px; */ } /* Elegant visitor counter */ @@ -240,7 +240,7 @@ body.dark #darkModeToggle:hover { /* glow */ backdrop-filter: blur(12px); transition: transform 0.3s ease, box-shadow 0.3s ease; - margin: 0 auto; + /* margin: 0 auto; */ } /* Hover effect for interactivity */ diff --git a/css/mini-services.css b/css/mini-services.css index 04591c7..52aadab 100644 --- a/css/mini-services.css +++ b/css/mini-services.css @@ -12,7 +12,8 @@ #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 */ + background: #fff3e0; + /* Slight highlight color */ } #services-preview .service-card i { @@ -24,7 +25,8 @@ #services-preview .service-card:hover i { transform: rotate(10deg) scale(1.1); - color: #ff8c42; /* Slight color change on hover */ + color: #ff8c42; + /* Slight color change on hover */ } #services-preview .service-card h3 { @@ -32,13 +34,14 @@ } #services-preview .service-card:hover h3 { - color: #d2691e; /* Darker highlight on hover */ + color: #d2691e; + /* Darker highlight on hover */ } /* =================================================== ===== Mini Services Preview Section ===== =================================================== */ -#services-preview{ +#services-preview { text-align: center; } @@ -66,7 +69,7 @@ body.dark { color: #e0e0e0; } -body.dark #services-preview .service-card { +body.dark #services-preview .service-card { background: #242424; color: #e0e0e0; } @@ -74,7 +77,8 @@ body.dark #services-preview .service-card { 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 */ + background: #fff3e0; + /* Slight highlight color */ } body.dark #services-preview .service-card p { @@ -82,5 +86,6 @@ body.dark #services-preview .service-card p { } body.dark .service-card:hover p { - color: #000000; /* Darker highlight on hover */ + color: #000000; + /* Darker highlight on hover */ } \ No newline at end of file diff --git a/images/logo.jpeg b/images/logo.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..7067b4bfe76764e67561c26ac9af137d5244d7e2 GIT binary patch literal 4915 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