Skip to content

Commit 3dcc092

Browse files
maestrinymaestriny
committed
feature: implemented travel recommendation website using html, css, and javascript.
1 parent d88dd84 commit 3dcc092

23 files changed

Lines changed: 980 additions & 0 deletions

‎travelReccomendation/about.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Travel Bloom</title>
7+
<link
8+
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Raleway:wght@700&display=swap"
9+
rel="stylesheet" />
10+
<link rel="stylesheet" href="style.css" />
11+
<script src="script.js" defer></script>
12+
<link rel="icon" href="public/logo.svg" type="image/x-icon" />
13+
</head>
14+
<body>
15+
<nav class="navbar">
16+
<div class="nav-inner">
17+
<div class="nav-left">
18+
<img src="public/logo.svg" id="logo" />
19+
<span class="site-title">Travel Bloom</span>
20+
</div>
21+
22+
<div class="nav-toggle" onclick="toggleNav()">☰</div>
23+
24+
<div class="nav-center">
25+
<a href="index.html">Home</a>
26+
<a href="about.html">About</a>
27+
<a href="contact.html">Contact</a>
28+
</div>
29+
</div>
30+
</nav>
31+
32+
<div class="layout-wrapper">
33+
<header class="hero">
34+
<div class="hero-content">
35+
<h1>About Us</h1>
36+
<p style="max-width: 600px">
37+
Welcome to our Company. We are a team of dreamers, designers, and
38+
developers who wanted to build a platform that inspires people to
39+
explore the world with intention.
40+
</p>
41+
</div>
42+
</header>
43+
</div>
44+
<div id="team-section"></div>
45+
46+
<footer>
47+
<p>
48+
Follow us: <a href="#">Instagram</a> | <a href="#">Facebook</a> |
49+
<a href="#">Twitter</a>
50+
</p>
51+
</footer>
52+
</body>
53+
</html>

‎travelReccomendation/contact.html‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Travel Bloom</title>
7+
<link
8+
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Raleway:wght@700&display=swap"
9+
rel="stylesheet" />
10+
<link rel="stylesheet" href="style.css" />
11+
<script src="script.js" defer></script>
12+
<link rel="icon" href="public/logo.svg" type="image/x-icon" />
13+
</head>
14+
<body>
15+
<nav class="navbar">
16+
<div class="nav-inner">
17+
<div class="nav-left">
18+
<img src="public/logo.svg" id="logo" />
19+
<span class="site-title">Travel Bloom</span>
20+
</div>
21+
22+
<div class="nav-toggle" onclick="toggleNav()">☰</div>
23+
24+
<div class="nav-center">
25+
<a href="index.html">Home</a>
26+
<a href="about.html">About</a>
27+
<a href="contact.html">Contact</a>
28+
</div>
29+
</div>
30+
</nav>
31+
32+
<div class="layout-wrapper">
33+
<header class="hero">
34+
<div class="hero-content">
35+
<h1>Contact Us</h1>
36+
<p style="max-width: 600px">
37+
We'd love to hear from you! Fill out the form below and we'll get
38+
back to you as soon as possible.
39+
</p>
40+
</div>
41+
</header>
42+
</div>
43+
44+
<form onsubmit="event.preventDefault(); alert('Message sent!');">
45+
<div>
46+
<label for="name" class="form-label">Name</label><br />
47+
<input
48+
type="text"
49+
id="name"
50+
name="name"
51+
placeholder="Your name"
52+
class="form-input" />
53+
</div>
54+
55+
<div>
56+
<label for="email" class="form-label">Email</label><br />
57+
<input
58+
type="email"
59+
id="email"
60+
name="email"
61+
placeholder="Your email"
62+
class="form-input" />
63+
</div>
64+
65+
<div>
66+
<label for="message" class="form-label">Message</label><br />
67+
<textarea
68+
id="message"
69+
name="message"
70+
rows="5"
71+
placeholder="Your message"
72+
class="form-input"></textarea>
73+
</div>
74+
75+
<button type="submit" style="width: 100%">Submit</button>
76+
</form>
77+
78+
<footer>
79+
<p>
80+
Follow us: <a href="#">Instagram</a> | <a href="#">Facebook</a> |
81+
<a href="#">Twitter</a>
82+
</p>
83+
</footer>
84+
</body>
85+
</html>

‎travelReccomendation/index.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Travel Bloom</title>
7+
<link
8+
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Raleway:wght@700&display=swap"
9+
rel="stylesheet" />
10+
<link rel="stylesheet" href="style.css" />
11+
<script src="script.js" defer></script>
12+
<link rel="icon" href="public/logo.svg" type="image/x-icon" />
13+
</head>
14+
<body>
15+
<nav class="navbar">
16+
<div class="nav-inner">
17+
<div class="nav-left">
18+
<img src="public/logo.svg" id="logo" />
19+
<span class="site-title">Travel Bloom</span>
20+
</div>
21+
22+
<div class="nav-toggle" onclick="toggleNav()">☰</div>
23+
24+
<div class="nav-center">
25+
<a href="index.html">Home</a>
26+
<a href="about.html">About</a>
27+
<a href="contact.html">Contact</a>
28+
<div class="search-wrapper-mobile">
29+
<div class="search-container">
30+
<input
31+
type="text"
32+
id="search-input-mobile"
33+
placeholder="Enter a destination or keyword" />
34+
<button onclick="search('mobile')">Search</button>
35+
<button onclick="reset()">Clear</button>
36+
<div id="search-results-mobile"></div>
37+
</div>
38+
</div>
39+
</div>
40+
<div class="nav-right">
41+
<div class="search-wrapper">
42+
<div class="search-container">
43+
<input
44+
type="text"
45+
id="search-input-desktop"
46+
placeholder="Enter a destination or keyword" />
47+
<button onclick="search('desktop')">Search</button>
48+
<button onclick="reset()">Clear</button>
49+
</div>
50+
</div>
51+
</div>
52+
</div>
53+
54+
<div id="search-results"></div>
55+
</nav>
56+
57+
<div class="layout-wrapper">
58+
<header class="hero">
59+
<div class="hero-content">
60+
<h1>Adventure Awaits</h1>
61+
<p>
62+
Discover the world one adventure at a time. Let us guide you to your
63+
next unforgettable journey. <br /><br />
64+
At Travel Bloom, we’re here to help you uncover hidden gems, embrace
65+
new cultures, and create memories that last a lifetime. No matter
66+
where your dreams take you, your next story begins here.
67+
</p>
68+
</div>
69+
</header>
70+
</div>
71+
72+
<footer>
73+
<p>
74+
Follow us: <a href="#">Instagram</a> | <a href="#">Facebook</a> |
75+
<a href="#">Twitter</a>
76+
</p>
77+
</footer>
78+
</body>
79+
</html>

‎travelReccomendation/public/1.png‎

6.69 KB
Loading

‎travelReccomendation/public/2.png‎

6.21 KB
Loading

‎travelReccomendation/public/3.png‎

5.79 KB
Loading

‎travelReccomendation/public/4.png‎

7.73 KB
Loading

‎travelReccomendation/public/angkor_wat.jpg‎

609 KB
Loading

‎travelReccomendation/public/background.png‎

131 KB
Loading

‎travelReccomendation/public/bora_bora.jpg‎

65.5 KB
Loading

0 commit comments

Comments
 (0)