Skip to content

Made the Navbar consistent #156

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Itz-Sidra wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Made the Navbar consistent #156

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 12 additions & 27 deletions public/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -76,7 +63,7 @@ body {
#nav {
flex-direction: row;
justify-content: space-between;
padding: 10px 50px;
padding: 30px 50px;
}

#nav img {
Expand All @@ -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;
Expand All @@ -108,13 +100,6 @@ body {
background-color: #ffffff;
}


#nav i {
font-weight: 100px;
font-size: 1rem;
}


#home #homemain {
width: 100%;
padding: 5vw 10vw;
Expand Down
8 changes: 4 additions & 4 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,9 +64,8 @@

</head>

<body class="container-fluid">
<div id="main">
<div id="home">
<body>

<div id="nav">
<a href="index.html"><img class="icon magnet" src="./image/lumina1.png" alt=""></a>
<div id="right">
Expand All @@ -75,13 +74,14 @@
<a href="mentorship.html">Mentorships</a>
<a href="resources.html">Resources</a>
<a href="events&webinar.html">Events/Webinars</a>
<a href="contributors/contributor.html">Contributors</a>
<a href="login.html" class="login-btn magnet">Login</a>
<!--
<i class="ri-user-3-line magnet"></i>
-->
</div>
</div>
<div id="main">
<div id="home">
<div id="homemain">

<div class="headings">
Expand Down
37 changes: 15 additions & 22 deletions public/internships.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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;
Expand All @@ -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;
Expand All @@ -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));
Expand Down
5 changes: 2 additions & 3 deletions public/jobs.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -194,7 +194,7 @@ body{
#nav #right {
display: flex;
align-items: center;
gap: 50px;
gap: 40px;
}

#nav a {
Expand Down Expand Up @@ -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;
}
Expand All @@ -251,7 +251,6 @@ body{
background-color: #ffffff;
}


/*-------Contact Us--------*/
.container {
width: auto;
Expand Down
19 changes: 11 additions & 8 deletions public/jobs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,16 +27,19 @@

<body>
<div id="nav">
<a href="index.html"><img class="icon magnet" src="./image/lumina1.png" alt="" /></a>
<a href="index.html"><img class="icon magnet" src="./image/lumina1.png" alt=""></a>
<div id="right">
<a href="jobs.html">Jobs</a>
<a href="internships.html">Internships</a>
<a href="mentorship.html">Mentorships</a>
<a href="resources.html">Resources</a>
<a href="events&webinar.html">Events</a>
<a href="login.html" class="login-btn magnet">Login</a>
<a href="jobs.html">Jobs</a>
<a href="internships.html">Internships</a>
<a href="mentorship.html">Mentorships</a>
<a href="resources.html">Resources</a>
<a href="events&webinar.html">Events/Webinars</a>
<a href="login.html" class="login-btn magnet">Login</a>
<!--
<i class="ri-user-3-line magnet"></i>
-->
</div>
</div>
</div>
<div class="container">
<h1 class="li">Search for a job</h1>
<div class="search-bar">
Expand Down
Loading