-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (125 loc) · 8.4 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>The Vacation Co.</title>
</head>
<body>
<header>
<nav id="header">
<div id="logo" onclick="window.location.href='./index.html';">The Vacation Co.</div>
<ul id="header-links">
<li onclick="window.location.href='#about';">About</li>
<li onclick="window.location.href='#features';">Features</li>
<li onclick="window.location.href='#testimonials';">Testimonials</li>
<li onclick="window.location.href='#sign-up';">Sign Up</li>
</ul>
</nav>
</header>
<main>
<section id="about">
<div id="about-text-container">
<h1>Uncover the road less traveled in South America</h1>
<p>Escape the everyday and indulge in a long-term vacation without breaking the bank. Our team specializes in finding the best deals on unforgettable experiences in amazing destinations. Say goodbye to stress and hello to adventure with our budget-friendly travel options.</p>
<button id="sign-up-button" onclick="window.location.href='https://www.github.com/Glonky1337';">Sign up</button>
</div>
<div id="about-image-container">
<img src="./images/south-america-directions.jpeg" class="image" alt="Multicolored Signage. Credit: Carolyn from pexels.com">
</div>
</section>
<section id="features">
<h2>Experience the Ultimate South American Getaway</h2>
<div id="features-container">
<div class="feature one">
<img src="./images/santiago-metropolitan-region-chile2.jpeg.jpeg" class="image" alt="Santiago, Santiago Metropolitan Region, Chile. Credit: Alisha Lubben">
<div class="feature-text one">
<h3>Santiago, Chile</h3>
<p>Discover the vibrant culture and stunning landscapes of Santiago. Immerse yourself in history, indulge in delicious cuisine, and explore breathtaking views.</p>
</div>
</div>
<div class="feature two">
<img src="./images/aerial-photography-of-city-near-mountain.jpeg" class="image" alt="Aerial Photography of City Near Mountain. Credit: Alisha Lubben">
<div class="feature-text two">
<h3>Mendoza, Argentina</h3>
<p>Embark on a journey to Mendoza and uncover its rich history and stunning natural beauty. Enjoy a long-term vacation filled with breathtaking scenery, delicious food, and vibrant cultural experiences.</p>
</div>
</div>
<div class="feature three">
<img src="./images/santiago-metropolitan-region-chile.jpeg" class="image" alt="Santiago, Santiago Metropolitan Region, Chile. Credit: Alisha Lubben">
<div class="feature-text three">
<h3>Lima, Peru</h3>
<p>Uncover the rich history and diverse cultures of Lima. Indulge in delicious cuisine, explore stunning colonial architecture, and immerse yourself in the vibrant city life.</p>
</div>
</div>
<div class="feature four">
<img src="./images/las-cruces-region-de-valparaiso-chile.jpeg" class="image" alt="Las Cruces, Region de Valparaiso, Chile. Credit: Alisha Lubben">
<div class="feature-text four">
<h3>Noord, Aruba</h3>
<p>Escape to the tropical paradise of Noord. Soak up the sun on pristine beaches, explore vibrant coral reefs, and savor the flavors of exotic cuisine.</p>
</div>
</div>
</div>
</section>
<section id="testimonials">
<h2>Hear From Our Satisfied Travelers</h2>
<div id="testimonials-container">
<div class="testimonial one">
<p class="testimonial-text one">"I had no idea that $2,000 could pay for such an incredible 30 day vacation in South America! The sights, the culture, and the experience were beyond my wildest dreams. Thank you for such an unforgettable journey."</p>
<div class="testimonial-profile one">
<img src="./images/testimonial1.jpg" class="image" alt="Selfie atop snowy mountain. Credit: Vanja Cerovac">
<div class="profile-bio one">
<h3 class="profile-name">Elijah Tomas</h3>
<p class="profile-job">Researcher at Fidelity</p>
</div>
</div>
</div>
<div class="testimonial two">
<p class="testimonial-text two">"South America has always been on my bucket list, but I never thought it would be possible to travel there on a budget. Thanks to your team, I was able to fulfill my dream and explore the breathtaking landscapes, rich history, and vibrant cultures of the region."</p>
<div class="testimonial-profile two">
<img src="./images/testimonial2.jpg" class="image" alt="Selfie in jungle. Credit: Vanessa Garcia">
<div class="profile-bio two">
<h3 class="profile-name">Josh West</h3>
<p class="profile-job">Janitor at Google</p>
</div>
</div>
</div>
<div class="testimonial three">
<p class="testimonial-text three">"A budget-friendly trip to South America exceeded all my expectations. Stunning cities, rich history, and unforgettable experiences - I'll definitely be doing this every year."</p>
<div class="testimonial-profile three">
<img src="./images/testimonial3.jpg" class="image" alt="Selfie in desert. Credit: Keenan Constance">
<div class="profile-bio three">
<h3 class="profile-name">Mario Hernandez</h3>
<p class="profile-job">Author at HarperCollins</p>
</div>
</div>
</div>
<div class="testimonial four">
<p class="testimonial-text four">"Thanks to your team, I had the time of my life on my South American adventure. The affordable long-term vacation was filled with unforgettable memories and experiences that I will treasure forever."</p>
<div class="testimonial-profile four">
<img src="./images/testimonial4.jpg" class="image" alt="Selfie in tropical climate. Credit: Teguh Sugi">
<div class="profile-bio four">
<h3 class="profile-name">Sasha Jones</h3>
<p class="profile-job">Nascar Driver</p>
</div>
</div>
</div>
</div>
</section>
<section id="sign-up">
<div id="sign-up-container">
<div class="sign-up-container-left">
<h2 class="newsletter-header">Sign up for our Newsletter!</h2>
<p class="newsletter-text">Join our exclusive mailing list and discover the untold beauty of South America. Be inspired by unique travel experiences and insider tips, all delivered straight to your inbox.</p>
</div>
<button id="subscribe-button">Subscribe</button>
</div>
</section>
</main>
<footer id="footer">
<p onclick="window.location.href='https://www.github.com/Glonky1337';">Copyright © github.com/Glonky1337</p>
</footer>
</body>
</html>