Skip to content
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

fix: Improved navbar style on different pages and improved navigation/redi… #1671

Merged
merged 2 commits into from
Dec 27, 2024
Merged

fix: Improved navbar style on different pages and improved navigation/redi… #1671

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2664957
Improved navbar style on different pages and improved navigation/redi…
jitendrasuthar1998 Dec 24, 2024
36e8fee
aligned View All button properly at Home page
jitendrasuthar1998 Dec 27, 2024
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
91 changes: 57 additions & 34 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,39 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> -->

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="./Image-Gallery/style.css">
<link rel="stylesheet" href="about.css">

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

<link rel="stylesheet" href="./navLinks.css" />
<script src="Theme.js" defer></script>
</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">

<a href="#" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
</div>

<ul class="navLinks" style="gap: 1.2rem;">
<nav class="newNav">
<div style="display: flex; flex-direction: row; align-items: center; ">
<img src="favicon.ico" class="sitelogo">

<a href="index.html" class="nav__logo" data-aos="fade-right">Tourguide<span>.</span></a>
</div>

<ul class="navLinks" id="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>
<a href="index.html#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>
Expand All @@ -40,36 +44,38 @@
</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="index.html#testimonial">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" style="display: flex; gap: 10px; align-items: center;">
<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>
<button class="btn login aos-init aos-animate" 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>
<button class="btn" style="margin: 0;" data-aos="fade-down">View <map
name=""></map></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">
<!-- <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 aos-init aos-animate" 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="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>
</nav>
</div>
<!-- <div class="line" style="margin-bottom: 5px;"></div> -->
</div>
</nav>

<div class="background">
<video autoplay muted loop playsinline>
Expand All @@ -89,13 +95,18 @@ <h1 class="heading">About Us</h1>
<iframe src="https://www.youtube.com/embed/veULUjsSrPg?si=eq3sDAt3-yZnZUme" allowfullscreen></iframe>
</div>
<p class="summary">
Welcome to TourGuide, where life's purpose unfolds through exploration and the pursuit of the extraordinary. We empower you to navigate the world with unparalleled assistance, forging unforgettable memories.
Welcome to TourGuide, where life's purpose unfolds through exploration and the pursuit of the
extraordinary. We empower you to navigate the world with unparalleled assistance, forging unforgettable
memories.
</p>
<p class="summary">
Our local guides help you effortlessly navigate languages, customs, and traditions. We offer curated itineraries, once-in-a-lifetime experiences, and valuable travel advice, all customizable to your wishes.
Our local guides help you effortlessly navigate languages, customs, and traditions. We offer curated
itineraries, once-in-a-lifetime experiences, and valuable travel advice, all customizable to your
wishes.
</p>
<p class="summary">
Since 2024, TourGuide has grown to 30,000+ guides across 200+ countries. Join our family, where every journey becomes a story worth sharing!
Since 2024, TourGuide has grown to 30,000+ guides across 200+ countries. Join our family, where every
journey becomes a story worth sharing!
</p>
<div class="features">
<div class="feature">
Expand All @@ -114,5 +125,17 @@ <h3>Unforgettable Experiences</h3>
<a href="newLogin.html" class="cta-button">Start Your Journey</a>
</div>
</div>

<script>
let hamburger = document.getElementById("hamburger");
console.log(hamburger);
let navLinks = document.getElementById("navLinks");

hamburger.addEventListener("click", () => {
console.log("hamburger clicked")
navLinks.classList.toggle("active");
})
</script>
</body>

</html>
Loading
Loading