-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (165 loc) · 7.67 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!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="./assets/styles/index.css">
<link rel="shortcut icon" href="./assets/images/logo.png" type="image/x-icon">
<title>Travel List Journey | Travel Vlog</title>
</head>
<body>
<div class="main-container">
<div class="home-section">
<nav>
<img src="./assets/images/logo.png" alt="logo">
<div class="nav-title">
<h1>Travel List Journey</h1>
<h3>Travel Vlog</h3>
</div>
<ul>
<li class="menu">
<a href="#">Destinations</a>
<ul class="menu-items">
<li >fa</li>
<li>asd</li>
<li>as</li>
</ul>
</li>
<li class="menu" >
<a href="#">Interest</a>
<ul class="menu-items">
<li>fa</li>
<li>asd</li>
<li>as</li>
</ul>
</li>
<li class="menu"><a href="#message-us">Message Us</a></li>
</ul>
</nav>
<header>
<div class="image-presentation">
<div></div>
</div>
</header>
<section>
<div class="section-text-container">
<h1>TRAVEL LIST JOURNEY</h1>
<p>
Travel List Journey is a compilation of stories on the road, tales of experiences, and a bunch of tips about traveling. Take a look at these articles and learn how is the best way to see the world, meet people, make new friends, survive long-term traveling, and enjoy life. With over 7,000 islands, the Philippines is an easy destination to visit multiple times. Each region of the Philippines has a different landscape, ranging from mountainous to tropical to urban. You may spend a day strolling through Manila's ancient colonial streets or visiting a private sanctuary on the island of Bohol to see small tarsier monkeys. Hiking in the steep, green mountains is a once-in-a-lifetime adventure.</p>
<p>
Furthermore, if you wish to begin your adventure of conquering the Philippines, these articles will offer you an overview of what to expect in the Philippines.
</p>
</div>
<div class="section-image-container">
<img src="/assets/images/hero.png" alt="hero-photo">
</div>
</section>
</div>
<div class="about-the-team">
<div class="about-banner"><h2>ABOUT THE TEAM</h2></div>
<div class="team-gallery-container">
<div class="team-image-container">
<div class="member-image-container">
<img src="./assets/images/slear.jpg" alt="" height="200px" width="200px">
</div>
<div class="member-name">
<p>Slear O. Mendoza</p>
<!-- social media account -->
</div>
</div>
<div class="team-image-container">
<div class="member-image-container">
<img src="./assets/images/kayla.png" alt="" height="200px" width="200px">
</div>
<div class="member-name">
<p>Kayla Descalzo</p>
<!-- social media account -->
</div>
</div>
<div class="team-image-container">
<div class="member-image-container">
<img src="./assets/images/nat.jpg" alt="" height="200px" width="200px">
</div>
<div class="member-name">
<p>Nataniel Mangrobang</p>
<!-- social media account -->
</div>
</div>
<div class="team-image-container">
<div class="member-image-container">
<img src="./assets/images/cherry.jpg" alt="" height="200px" width="200px">
</div>
<div class="member-name">
<p>Cherry Marquez</p>
<!-- social media account -->
</div>
</div>
<div class="team-image-container">
<div class="member-image-container">
<img src="./assets/images/eljay.jpg" alt="" height="200px" width="200px">
</div>
<div class="member-name">
<p>El-jay Baña</p>
<!-- social media account -->
</div>
</div>
<div class="team-image-container">
<div class="member-image-container">
<img src="./assets/images/kyle.jpg" alt="" height="200px" width="200px">
</div>
<div class="member-name">
<p>Rosselene De leon</p>
<!-- social media account -->
</div>
</div>
</div>
</div>
<div class="message-us" id="message-us">
<div class="message-us-banner"><h1>Message Us</h1></div>
<div class="message-form">
<form method="post">
<div class="first-last-name">
<h1>Name</h1>
<input type="text" placeholder="First Name" required>
<input type="text" placeholder="Last Name" required>
</div>
<div class="email">
<h1>Email</h1>
</div>
<div class="message">
<textarea name="message" id="message" cols="86" rows="10" placeholder="Write message here"></textarea>
</div>
<div class="button"><input type="button" value="Send"></div>
</form>
</div>
</div>
<div class="footer-container">
<div class="footer">
<div class="footer-logo-name">
<img src="./assets/images/logo.png" alt="logo">
<div class="nav-title">
<h1>Travel List Journey</h1>
<h3>Travel Vlog</h3>
</div>
</div>
<div class="subscribe-section">
<form action="post">
<h2>Subscribe here and get the latest travel tips.</h2>
<div class="subscription">
</div>
<div class="subscribe-button">
<input type="button" value="Subscribe">
</div>
</form>
</div>
</div>
<div class="copy-right">
<h3>© COPYRIGHT 2021-2022</h3>
</div>
</div>
</div>
</body>
</html>