From c97ee3b2f39e822cd2206d5835119684a409a157 Mon Sep 17 00:00:00 2001 From: Sidra Jahangir Date: Sun, 19 Jan 2025 22:07:43 +0530 Subject: [PATCH] Made the Navbar consistent --- public/index.css | 39 ++++++++++++--------------------------- public/index.html | 8 ++++---- public/internships.css | 37 +++++++++++++++---------------------- public/jobs.css | 5 ++--- public/jobs.html | 19 +++++++++++-------- 5 files changed, 44 insertions(+), 64 deletions(-) diff --git a/public/index.css b/public/index.css index dd24dfd..171f8a0 100644 --- a/public/index.css +++ b/public/index.css @@ -31,38 +31,25 @@ body { #nav { display: flex; align-items: center; - background-color: #f7e2b1ea; justify-content: space-between; width: 100%; - padding: 33px 50px; - height: 40%; -} - -.icon { - font-size: medium; + background-color: #f7e2b1ea; } #nav img { - width: 50%; + width: 100px; } #nav #right { display: flex; align-items: center; gap: 40px; - font-size: 50px; - -} - -#nav #right:hover { - transition: cubic-bezier(1, 0, 0, 1); - } #nav a { text-decoration: none; font-weight: 400; - color: black; + color: #000; font-size: 0.8rem; letter-spacing: -1px; transition: font-size 0.3s; @@ -76,7 +63,7 @@ body { #nav { flex-direction: row; justify-content: space-between; - padding: 10px 50px; + padding: 30px 50px; } #nav img { @@ -93,10 +80,15 @@ body { } +#nav i { + font-weight: 100px; + font-size: 1rem; +} + #right a.login-btn { - padding: 10px 20px; - background-color: black; - color: #fff; + padding: 7px 20px; + background-color: #000000; + color: white; border-radius: 25px; font-size: 1rem; text-decoration: none; @@ -108,13 +100,6 @@ body { background-color: #ffffff; } - -#nav i { - font-weight: 100px; - font-size: 1rem; -} - - #home #homemain { width: 100%; padding: 5vw 10vw; diff --git a/public/index.html b/public/index.html index 238f253..e154b0c 100644 --- a/public/index.html +++ b/public/index.html @@ -64,9 +64,8 @@ - -
-
+ + +
+
diff --git a/public/internships.css b/public/internships.css index aa1ee15..f7a0862 100644 --- a/public/internships.css +++ b/public/internships.css @@ -27,16 +27,9 @@ body { #nav { display: flex; align-items: center; - background-color: #f7e2b1ea; justify-content: space-between; width: 100%; - padding: 30px 50px; - height: 17%; - -} - -.icon { - font-size: medium; + background-color: #f7e2b1ea; } #nav img { @@ -53,7 +46,7 @@ body { #nav a { text-decoration: none; font-weight: 400; - color: black; + color: #000; font-size: 0.8rem; letter-spacing: -1px; transition: font-size 0.3s; @@ -65,29 +58,34 @@ body { @media (min-width: 768px) { #nav { - flex-direction: row; - justify-content: space-between; - padding: 30px 50px; + flex-direction: row; + justify-content: space-between; + padding: 30px 50px; } #nav img { - width: 100px; + width: 100px; } #nav a { - font-size: 1.5vw; + font-size: 1.5vw; } #nav i { - font-size: 1.5vw; + font-size: 1.5vw; } } +#nav i { + font-weight: 100px; + font-size: 1rem; +} + #right a.login-btn { padding: 10px 20px; - background-color: black; - color: #fff; + background-color: #000000; + color: white; border-radius: 25px; font-size: 1rem; text-decoration: none; @@ -99,11 +97,6 @@ body { background-color: #ffffff; } -#nav i { - font-weight: 100px; - font-size: 1rem; -} - .internships-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); diff --git a/public/jobs.css b/public/jobs.css index 5730868..d4152ce 100644 --- a/public/jobs.css +++ b/public/jobs.css @@ -194,7 +194,7 @@ body{ #nav #right { display: flex; align-items: center; - gap: 50px; + gap: 40px; } #nav a { @@ -241,7 +241,7 @@ body{ background-color: #000000; color: white; border-radius: 25px; - font-size: 1rem; + font-size: 1.6rem; text-decoration: none; font-weight: bold; } @@ -251,7 +251,6 @@ body{ background-color: #ffffff; } - /*-------Contact Us--------*/ .container { width: auto; diff --git a/public/jobs.html b/public/jobs.html index 72f9d9a..3e4ef38 100644 --- a/public/jobs.html +++ b/public/jobs.html @@ -27,16 +27,19 @@ +

Search for a job