Skip to content

Commit

Permalink
made navbar uniform across all pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@shivam8112005
shivam8112005 committed Nov 5, 2024
1 parent ce9ac47 commit 834c46a
Show file tree
Hide file tree
Showing 6 changed files with 367 additions and 580 deletions.
108 changes: 60 additions & 48 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,66 +6,68 @@
<title>About Us - TourGuide</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="about.css">

<link rel="stylesheet" href="about.css">
<link rel="icon" type="image/x-icon" href="favicon.ico"/>

</head>
<body>


<div class="nav-container" id="top">
<nav class="newNav">
<div style="display: flex; flex-direction: row; align-items: center;">
<img src="/favicon.ico" class="sitelogo">

<nav class="newNav">
<div style="display: flex; align-items: center;">
<img src="favicon.ico" class="sitelogo">
<a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
</div>
</div>

<ul class="navLinks">
<li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
<li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
<li class="link" data-aos=""><a href="./index.html">Home</a></li>
<li class="link" data-aos=""><a href="about.html">About</a></li>
<li class="link dropdown" data-aos="">
<a href="#Services" class="dropdown">Services</a>
<ul class="dropdown-menu">
<li><a href="index.html#Destinations">Destination</a></li>
<li><a href="index.html#trip">Prices</a></li>
<li><a href="index.html#ReviewGallery">Trip Gallery</a></li>
<li><a href="index.html#tourist">Tourist Guide</a></li>
<li><a href="index.html#hotel">Hotel & Resort</a></li>
</ul>
</li>
<li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
<li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
<li class="link" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
<li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
<li class="link" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
<ul class="navLinks">
<li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
<li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
<li class="link" data-aos=""><a href="index.html">Home</a></li>
<li class="link" data-aos=""><a href="./about.html">About</a></li>
<li class="link dropdown" data-aos="">
<a href="#Services" class="dropdown">Services</a>
<ul class="dropdown-menu">
<li><a href="/trending.html">Destination</a></li>
<li><a href="/packages.html">Prices</a></li>
<li><a href="/index.html">Trip Gallery</a></li>
<li><a href="/index.html">Tourist Guide</a></li>
<li><a href="/hotel.html">Hotel & Resort</a></li>
</ul>
</li>
<li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
<li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
<li class="link" data-aos=""><a href="index.html#testimo">Testimonial</a></li>
<li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
<li class="link" data-aos=""><a href="index.html#cnt-form">Contact Us</a></li>
</ul>

<a href="newLogin.html" class="contact-btn" id="nav-login-btn"><button class="btn login" id="btn-style"
data-aos="fade-down">Login/SignUp</button></a>
<a href="mapa.html" class="contact-btn" id="nav-view-btn"><button class="btn" id="btn-style" style="margin: 0;"
data-aos="fade-down">view <map name=""></map></button></a>

<a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn"
style="margin: 0; display: none;" data-aos="fade-down" disabled>Log Out</button></a>
<div class="contact-btns">
<a href="newLogin.html" class="contact-btn" id="nav-login-btn">
<button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>SignUp</button>
</a>
<a href="mapa.html" class="contact-btn" id="nav-view-btn">
<button class="btn" id="btn-style" style="margin: 0;" data-aos="fade-down">View <map name=""></map></button>
</a>
<a href="loginPage.html" class="contact-btn">
<button class="btn" id="logout-btn" style="margin: 0; display: none;" data-aos="fade-down" disabled>Log
Out</button>
</a>
</div>

<!-- <a href="login-modified.html" class="contact-btn"><button class="btn" id="btn-style"
style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a> -->
<div class="toggle-container" data-aos="fade-down" style="margin-right: 28px;">
<input id="themeToggle" class="toggle" type="checkbox">
</div>

<div class="toggle-container" data-aos="fade-down">
<input id="themeToggle" class="toggle" type="checkbox">
</div>
<div class="hamburger" data-aos="fade-down">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
</div>
<div class="hamburger" id="hamburger" data-aos="fade-down">
<div class="line" style="margin-bottom: 5px;"></div>
<div class="line" style="margin-bottom: 5px;"></div>
<div class="line" style="margin-bottom: 5px;"></div>
<div class="line" style="margin-bottom: 5px;"></div>
</div>
</nav>


<div class="background">
<video autoplay muted loop playsinline>
Expand All @@ -74,7 +76,7 @@
</video>
</div>

<div class="content-wrapper">
<div class="content-wrapper" style="margin-top: 100px;">
<header>
<h1 class="heading">About Us</h1>
<p class="subheading">Discover Your Purpose Through Travel</p>
Expand Down Expand Up @@ -110,5 +112,15 @@ <h3>Unforgettable Experiences</h3>
<a href="newLogin.html" class="cta-button">Start Your Journey</a>
</div>
</div>

<style>


</style>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>
94 changes: 65 additions & 29 deletions feedback.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,10 @@
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style_.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="feedback.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="styles.css">



Expand Down Expand Up @@ -125,35 +126,60 @@
});

</script>
<header class="registration-header">
<div class="nav-container" id="top">
<header>
<nav class="newNav">
<a href="../index.html" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>

<ul class="navLinks">

<li class="link" data-aos="fade-down"><a href="./index.html" >Home</a></li>
<li class="link" data-aos="fade-down"><a href="about.html" >AboutUs</a></li>
<li class="link" data-aos="fade-down"><a href="index.html#Destinations" >Destinations</a></li>
<li class="link" data-aos="fade-down"><a href="index.html#trip" >Pricing</a></li>
<li class="link" data-aos="fade-down"><a href="index.html#ReviewGallery" >Trip Gallery</a></li>
<li class="link" data-aos="fade-down"><a href="index.html#testimo" >Testimonials</a></li>
<li class="link" data-aos="fade-down"><a href="#">Rate Us?</a></li>
<li class="link" data-aos="fade-down"><a href="index.html#cnt-form" >Contact Us</a></li>

</ul>
<a href="./newLogin.html" class="contact-btn"><button class="btn" id="btn-style"
style="margin: 0; box-shadow:1.5px 1.5px 6px red;" data-aos="fade-down">Login</button></a>
<div class="toggle-container" data-aos="fade-down">
<input id="themeToggle" class="toggle" type="checkbox">
</div>
<div class="hamburger" data-aos="fade-down">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
</div>
<div style="display: flex; align-items: center;">
<img src="favicon.ico" class="sitelogo">
<a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
</div>

<ul class="navLinks">
<li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
<li class="link" id="LogIn-link" data-aos=""><a href="newLogin.html">Log In</a></li>
<li class="link" data-aos=""><a href="./index.html">Home</a></li>
<li class="link" data-aos=""><a href="./about.html">About</a></li>
<li class="link dropdown" data-aos="">
<a href="#Services" class="dropdown">Services</a>
<ul class="dropdown-menu">
<li><a href="/trending.html">Destination</a></li>
<li><a href="/packages.html">Prices</a></li>
<li><a href="/index.html">Trip Gallery</a></li>
<li><a href="/index.html">Tourist Guide</a></li>
<li><a href="/hotel.html">Hotel & Resort</a></li>
</ul>
</li>
<li class="link" data-aos=""><a href="./topdeals/topdeals.html">Top Deals</a></li>
<li class="link" data-aos=""><a href="./packages.html">Packages</a></li>
<li class="link" data-aos=""><a href="./index.html#testimo">Testimonial</a></li>
<li class="link" data-aos=""><a href="feedback.html">Rate Us?</a></li>
<li class="link" data-aos=""><a href="./index.html#cnt-form">Contact Us</a></li>
</ul>

<div class="contact-btns">
<a href="newLogin.html" class="contact-btn" id="nav-login-btn">
<button class="btn login" id="btn-style" data-aos="fade-down">Login/<br>SignUp</button>
</a>
<a href="mapa.html" class="contact-btn" id="nav-view-btn">
<button class="btn" id="btn-style" style="margin: 0;" data-aos="fade-down">View <map name=""></map></button>
</a>
<a href="loginPage.html" class="contact-btn">
<button class="btn" id="logout-btn" style="margin: 0; display: none;" data-aos="fade-down" disabled>Log
Out</button>
</a>
</div>

<div class="toggle-container" data-aos="fade-down" style="margin-right: 28px;">
<input id="themeToggle" class="toggle" type="checkbox">
</div>

<div class="hamburger" id="hamburger" data-aos="fade-down">
<div class="line" style="margin-bottom: 5px;"></div>
<div class="line" style="margin-bottom: 5px;"></div>
<div class="line" style="margin-bottom: 5px;"></div>
<div class="line" style="margin-bottom: 5px;"></div>
</div>
</nav>

</header>
<div class="sidebyside">
<div class="image">
Expand Down Expand Up @@ -257,5 +283,15 @@ <h1 class="feedback-heading">Rate Our Service</h1><hr>
// Initialize AOS library
AOS.init();
});</script>
<style>
.link a {
margin-right: -20px;
}
</style>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>
122 changes: 2 additions & 120 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -545,7 +545,7 @@ <h1>TourGuide . . .</h1>
<div style="display: flex; align-items: center;">
<img src="favicon.ico" class="sitelogo">
<a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
</div>
</div>

<ul class="navLinks">
<li class="link" id="View-link" data-aos=""><a href="mapa.html">View</a></li>
Expand Down Expand Up @@ -606,125 +606,7 @@ <h1>TourGuide . . .</h1>
align-items: center;
}

.newNav {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}

.sitelogo {
height: 35px;
/* Slightly smaller logo */
width: 35px;
margin-right: 10px;
/* Reduced space between logo and title */
}

.nav__logo {
font-size: 28px;
/* Adjust font size */
color: #ece6e6;
/* Logo color */
text-decoration: none;
/* Remove underline */
}

.navLinks {
list-style: none;
/* Remove bullet points */
display: flex;
/* Display items in a row */
margin: 0;
/* Remove default margin */
padding: 0;
/* Remove default padding */
}

.navLinks.active {
display: flex;
/* Show links when the 'active' class is applied */
}


.link {
margin: 0 10px;
/* Reduced space between links */
}

.link a {
font-size: 18px;
/* Increased font size */
text-decoration: none;
/* Remove underline */
color: #d8d4d4;
/* Link color */
transition: color 0.3s ease;
/* Smooth color transition */
}

.link a:hover {
color: #007BFF;
/* Change color on hover */
}

.dropdown-menu {
display: none;
/* Hide dropdown initially */
position: absolute;
/* Position dropdown below the parent */
background-color: #fff;
/* Dropdown background */
border: 1px solid #ccc;
/* Border for dropdown */
z-index: 1000;
/* Ensure dropdown appears above other content */
}
.dropdown-menu a{
color: black;
}

.dropdown:hover .dropdown-menu {
display: block;
/* Show dropdown on hover */
}

.contact-btns {
display: flex;
/* Align buttons side by side */
align-items: center;
gap: 10px;
/* Small gap between the buttons */
}

.contact-btn {
margin: 0;
/* Remove extra space between buttons */
}

.btn {
padding: 8px 12px;
/* Adjusted padding for smaller height */
border: none;
/* Remove border */
border-radius: 5px;
/* Rounded corners */
cursor: pointer;
/* Pointer cursor on hover */
}

/* Hamburger Menu Styles */
.hamburger {
display: none;
/* Hide on larger screens */
}

/* Toggle Theme Container */
.toggle-container {
display: flex;
align-items: center;
/* Center vertically */
}


/* Responsive Styles */
@media (max-width: 1168px) {
Expand Down
Loading

0 comments on commit 834c46a

Please sign in to comment.