-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
198 lines (187 loc) · 6.44 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!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" />
<link rel="stylesheet" href="about.css" />
<title>Travel the world</title>
</head>
<body>
<section class="firstpage">
<header class="header">
<nav class="navbar-top">
<div class="navbar-top-container">
<ul class="topList">
<li>
<i class="fa-brands fa-facebook-f"></i>
</li>
<li>
<i class="fab fa-twitter"></i>
</li>
<li>
<a href="#">Logout</a>
</li>
<li>
<a href="#">Mypage</a>
</li>
<li>
<a href="#">English</a>
</li>
</ul>
</div>
</nav>
<button class="navbar-main__toggler" type="button">
<i class="fa-solid fa-bars"></i>
</button>
<nav class="navbar-main">
<div class="navbar-main-container">
<div class="navbar-main__nav">
<button class="navbar-button__close">x</button>
<a class="navbar-main__brand" href="#"
><img src="./images/weblogo.png" alt="EME Olympiad Logo"
/></a>
<ul class="navbar-main__list">
<li><a class="navbar-main__link" href="about.html">About</a></li>
<li><a class="navbar-main__link" href="#">Tours</a></li>
<li><a class="navbar-main__link" href="#">Our Partners</a></li>
<li>
<a class="navbar-main__link" href="#partners-main"
>Holiday Packages</a
>
</li>
<li><a class="navbar-main__link" href="#">News</a></li>
</ul>
<button id="cc-campaign" type="button">Book Now!</button>
<div class="menu-end">
<hr />
</div>
</div>
</div>
</nav>
</header>
<div class="front-page">
<div class="flex-container">
<h2 class="front-page__h2">"Hello! Aspiring Travellers"</h2>
<h1 class="front-page__h1">Travellers Fest 2021</h1>
<div class="front-page__message">
<p>
We are holding 2 day long travel fest in partnership with hilton
hotels. During the two day period famous travellers will give talks on
the value of travel in one's life and how to do it properly.
</p>
</div>
<h3 class="front-page__date">2020.12.15(THU) ~ 16(FRI)</h3>
<h4 class="front-page__location">@ Hilton Hotel Barcelona, Spain</h4>
</div>
</div>
</section>
<section class="features">
<div class="flex-container">
<div class="features__head">
<h2>Features</h2>
<hr class="section__hr" />
</div>
<div class="features__grid">
<div class="features__cards">
<i class="fa fa-globe fa-3x"></i>
<h3>Around the World</h3>
<p>
Let the world be your oyester and jump into the most breathtaking
experience of your life.
</p>
</div>
<div class="features__cards">
<i class="fa fa-tree fa-3x"></i>
<h3>Sceneic Outdoors</h3>
<p>
Outdoors is where life happens, so pack your bag for the best nature
tours you have ever experienced.
</p>
</div>
<div class="features__cards">
<i class="fa fa-bed fa-3x"></i>
<h3>Quality Dwellings</h3>
<p>
Best in class hotels at your disposal during your tours with us , we
pride ourselves in being able to deliver on our promises.
</p>
</div>
<div class="features__cards">
<i class="fa fa-camera-retro fa-3x"></i>
<!-- <i class="fa-solid fa-clapperboard-play"></i> -->
<h3>Quality Photos</h3>
<p>
You will get professional Photography as part of every package to make
sure your best moments are captured beutifully forever.
</p>
</div>
<div class="features__cards">
<i class="fa fa-users fa-3x"></i>
<h3>World Class Tour Guides</h3>
<p>
We have the most seasoned and experienced tour guides who know the
locations inside out along with all the historic contexts.
</p>
</div>
</div>
<button class="tour_button">Tour With Us</button>
<a class="catalogue" href="#">SEE THE CATALOGUE</a>
</div>
</section>
<section id="staff">
<div class="flex-container">
<div class="staff__head">
<h2>Our Staff</h2>
<hr class="section__hr" />
</div>
<div class="all-staff-members"></div>
</div>
<div class="staff-inside">
<a href="#staff">
<span id="more-btn">SEE MORE</span>
<i id="more-btn-ico" class="fas fa-chevron-down"></i>
</a>
</div>
</section>
<section>
<div class="about-container">
<div class="partner-headline">
<h2>Partners</h2>
<hr />
</div>
<div class="partners-detail">
<a href="#" class="partner1">
<img src="./images/p1.png" alt="" />
</a>
<a href="#" class="partner2">
<img src="./images/p2.png" alt="" />
</a>
<a href="#" class="partner3">
<img src="./images/p3.png" alt="" />
</a>
<a href="#" class="partner4">
<img src="./images/p4.png" alt="" />
</a>
<a href="#" class="partner5">
<img src="./images/p5.png" alt="" />
</a>
</div>
</div>
</section>
<section>
<div class="footer">
<div class="footer-logo">
<img src="./images/weblogo.png" alt="" />
</div>
<p>Copyright ©️ 2020 Alpha Tours. Some Rights Reserved.</p>
</div>
</section>
<script
src="https://kit.fontawesome.com/52f0a2ae4e.js"
crossorigin="anonymous"
></script>
<script src="script.js"></script>
</body>
</html>