Skip to content

Commit

Permalink
Merge pull request #978 from Son7c/main
Browse files Browse the repository at this point in the history 
Nav bar added in team page.
  • Loading branch information
@PriyaGhosal
PriyaGhosal authored Oct 18, 2024
2 parents 1c3cd5b + 9e242de commit e51fb4b
Show file tree
Hide file tree
Showing 3 changed files with 134 additions and 27 deletions.
24 changes: 12 additions & 12 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -212,6 +212,13 @@ You can find the project structure in the [Project Structure](project-structure.
<sub><b>Cyphrr_07 </b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/Son7c">
<img src="https://avatars.githubusercontent.com/u/177312486?v=4" width="100;" alt="Son7c"/>
<br />
<sub><b>Son7c</b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/devarsheecodess">
<img src="https://avatars.githubusercontent.com/u/114805934?v=4" width="100;" alt="devarsheecodess"/>
Expand All @@ -233,15 +240,15 @@ You can find the project structure in the [Project Structure](project-structure.
<sub><b>Sudhanshu Saini</b></sub>
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://github.com/Son7c">
<img src="https://avatars.githubusercontent.com/u/177312486?v=4" width="100;" alt="Son7c"/>
<a href="https://github.com/tarunkumar2005">
<img src="https://avatars.githubusercontent.com/u/158801564?v=4" width="100;" alt="tarunkumar2005"/>
<br />
<sub><b>Son7c</b></sub>
<sub><b>Tarun kumar</b></sub>
</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://github.com/isimarjitsingh">
<img src="https://avatars.githubusercontent.com/u/154678140?v=4" width="100;" alt="isimarjitsingh"/>
Expand All @@ -256,13 +263,6 @@ You can find the project structure in the [Project Structure](project-structure.
<sub><b>Rhea</b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/tarunkumar2005">
<img src="https://avatars.githubusercontent.com/u/158801564?v=4" width="100;" alt="tarunkumar2005"/>
<br />
<sub><b>Tarun kumar</b></sub>
</a>
</td>
<td align="center">
<a href="https://github.com/HimangshuSharma01">
<img src="https://avatars.githubusercontent.com/u/120270398?v=4" width="100;" alt="HimangshuSharma01"/>
Expand Down
11 changes: 0 additions & 11 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1297,17 +1297,6 @@ <h1 id="h1darkbtn">Travel Discussion Forum</h1>
color: #1e88e5; /* Text color change on hover */
}

/* Underline effect */
/*nav.hi ul li.NAVI a::after {
content: '';
/*display: block;*/
width: 0;
height: 2px;
background: #ffcc00;
transition: width 0.3s;
margin: 0 auto;
}

nav.hi ul li.NAVI a:hover::after {
width: 100%;
} */
Expand Down
126 changes: 122 additions & 4 deletions team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -171,6 +171,43 @@
animation: back 10s linear infinite;

}
.main-head {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 5;
padding: 15px;
height: 90px;
background-color: #000; /* Initially black */
color: white;
display: flex;
justify-content:space-evenly; /* Adjusted to space-between for better layout */
align-items: center;
transition: background-color 0.3s ease, height 0.3s ease;
}

#nav-list {
display: flex;
gap: 1rem; /* Adjusted gap for better spacing */
list-style: none;
margin-left: 10px;
padding: 0;
align-items: center;
}
#nav-list li a {
color: white;
text-decoration: none;
font-weight: 400;
white-space: nowrap;
font-size: 20px;
}

.navhover:hover {
transform: scale(1.05);
background-color: rgba(255,255,255,0.1);
color: white; /* Changes text color on hover */
}
@keyframes back{
100%{

Expand All @@ -179,16 +216,97 @@
}


#logo-web{
height: 50px;
width: 70px;
}

.mode-toggle img {
width: 30px; /* Adjust the size as needed */
height: auto;
}

#nav-list {
display: flex;
gap: 1rem; /* Adjusted gap for better spacing */
list-style: none;
padding: 0;
align-items: center;
justify-content: center;
}

.logo{
display: flex;
flex-direction: row;
align-items: center;
}

.main-head a {
color: #ffffff;
text-decoration: none;
}

.main-head li{
display: inline;
}

#nav-list li a {
color: white;
text-decoration: none;
font-weight: 400;
white-space: nowrap;
font-size: 25px;
font-family: Arial, Helvetica, sans-serif;
margin-right: 20px;
}

.mode-toggle {
position: fixed;
top: 10px;
right: 10px;
background: none;
border: none;
cursor: pointer;
outline: none;
font-size: 1.5em;
transition: color 0.3s, transform 0.3s;
padding: 15px;
display: flex;
align-items: center;
z-index: 5;
}
</style>
<body>

<!-- Header Include -->
<header>
<a href="index.html"><button class="home-btn">Back to Home</button></a>
</header>

<div class="main-head">
<div class="logo">
<img src="img/logo.png" id="logo-web">
<h1 id="logo"><a href="#home">BuddyTrail</a></h1>
</div>

<ul id="nav-list">
<!-- Close button for dropdown -->
<li><a href="#home" class="navhover">Home</a></li>
<li><a href="team.html" class="navhover">Team</a></li>
<li><a href="#deals" class="navhover">Exclusive Deals</a></li>
<li><a href="#benefits" class="navhover">Benefits</a></li>
<li><a href="about.html" class="navhover">About</a></li>
<li><a href="#itineraries" class="navhover">Travel Itineraries</a></li>

<li><a href="./contact.html" class="navhover">Contact</a></li>
<li><a href="#reviews" class="navhover">Reviews</a></li>
<li><a href="auth.html" class="navhover">Sign In</a></li>

</ul>

<!-- Toggle Button -->
<button class="mode-toggle" id="modeToggle">
<span class="sun-icon glow"><img src="day-mode.png" alt="Light mode"></span>
<span class="moon-icon glow" style="display: none;"><img src="moon.png" alt="Dark mode"></span>
</button>
</div>
</div>
<!-- Sidebar Include -->
<aside>
<!-- Include your sidebar here -->
Expand Down

0 comments on commit e51fb4b

Please sign in to comment.