-
Notifications
You must be signed in to change notification settings - Fork 600
/
about.html
141 lines (126 loc) · 6.48 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/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="stylesheet" href="./navLinks.css" />
<script src="Theme.js" defer></script>
</head>
<body>
<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="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>
<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#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 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" 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 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="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>
<source src="./about.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="content-wrapper">
<header>
<h1 class="heading">About Us</h1>
<p class="subheading">Discover Your Purpose Through Travel</p>
</header>
<div class="content-block">
<div class="video-container">
<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.
</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.
</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!
</p>
<div class="features">
<div class="feature">
<i class="fas fa-map-marked-alt"></i>
<h3>Curated Itineraries</h3>
</div>
<div class="feature">
<i class="fas fa-users"></i>
<h3>Local Guides</h3>
</div>
<div class="feature">
<i class="fas fa-star"></i>
<h3>Unforgettable Experiences</h3>
</div>
</div>
<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>