-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
139 lines (132 loc) · 4.59 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
<!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="about.css" />
<link rel="stylesheet" href="style.css" />
<title>Document</title>
</head>
<body>
<section class="about-page">
<header class="header">
<nav class="navbar-top">
<div class="navbar-top-container">
<ul>
<li>
<i class="fa-brands fa-facebook-f"></i>
</li>
<li>
<i class="fa-brands 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="index.html">Home</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="flex-about-container">
<h2 class="front-page__h2">"Hello! Aspiring Travellers"</h2>
<h1 class="front-page__h1">Travellers Fest 2021</h1>
<div class="about-page__message">
<p>
Quasar Expeditions is for adventurers. The highly specialized itineraries
are designed to make guests feel like they're James Cook or Charles
Darwin. "Quasar Expeditions' guides are the ultimate, passionate
gatekeepers to the Galápagos Islands," one reader said. "Their enthusiasm
and love of the islands and the wildlife encourages you to share in their
passion and desire to conserve the natural beauty and habitat of the area
while still allowing low-impact tourism."
</p>
</div>
<h3 class="about-page__contact">
Please contact us on the email below for any further queries about our
services.
</h3>
<h4 class="about-page__email"><a href="">[email protected]</a></h4>
</div>
</section>
<section>
<div class="about-logo">
<h1>Our LOGO</h1>
<hr />
<p>
The Alpha Tours logo was decided after a logo design competition from 5.
June to 7 during the company wide logo contest , we have a really tight
knit community, even the friends of the employees took part and had great
fun in the logo contest.
</p>
<img src="./images/weblogo.png" alt="" />
</div>
</section>
<section>
<div class="tours">
<h1>Recent Tours</h1>
<hr />
<p>
Take a look at the last two International Tours which took place in Jan
2019 and Feb 2019
</p>
<div class="tour-cards">
<div class="card1">
<h3>Jan 2019</h3>
<p>Tour to Ankara, Turkey</p>
</div>
<div class="card2">
<h3>Feb 2019</h3>
<p>Tour to Seville, Spain</p>
</div>
</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>