-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.html
172 lines (161 loc) · 9.08 KB
/
about-us.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
<!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 href="https://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<title>About Us | Toursim Events</title>
</head>
<body>
<header id="header-about">
<section id="top-nav">
<h1> </h1>
<nav class="top-nav">
<div class="container">
<ul>
<li><svg aria-hidden="true" height="20" width="20" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10 color-secondary" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
</svg>
</li>
<li>
<svg aria-hidden="true" height="20" width="20" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16 color-secondary" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</li>
<li class="white-text">English</li>
<li class="white-text">My Page</li>
<li class="white-text">logout</li>
</ul>
</div>
</nav>
</section>
<section id="main-navigation" class="nav-section">
<div class="container">
<nav class="main-navigation">
<div class="navigation-logo">
<a href="./index.html">
<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clip-rule="evenodd" />
</svg>
</a>
</div>
<div class="main-menu">
<ul>
<li><a href="./index.html"> Home </a></li>
<li><a href="./about-us.html" class="last-child"> About Us </a></li>
</ul>
</div>
<div class="menu-icon">
<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</div>
</nav>
</div>
<div class="mobile-navigaton hide">
<div class="close-btn">
<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</div>
<div class="mobile-menu">
<ul>
<li> <a href="./index.html">Home</a></li>
<li> <a href="./about-us.html">About Us </a></li>
</ul>
</div>
</div>
</section>
<section id="heading">
<div class="head">
<div class="container">
<div class="head-content">
<h2 class="title-about">Tourism Events Global summit <span class="year"> 2022 </span></h2>
<div class="head-text-about">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Blanditiis, illum nostrum maiores qui distinctio quam asperiores facere dolore sint amet ex optio, doloribus exercitationem magni, enim tempora itaque ratione tempore?
Architecto ex perferendis aspernatur consequatur iste inventore sunt sequi. Voluptatibus dolores quas quibusdam? Qui perspiciatis aliquid nemo, excepturi in, nulla quas ad ducimus iure facere inventore aliquam iste repudiandae tempore?
tempora itaque ratione tempore? Architecto ex perferendis aspernatur consequatur iste inventore sunt sequi. Voluptatibus dolores quas quibusdam? Qui perspiciatis aliquid nemo, excepturi in, nulla quas ad ducimus iure facere inventore aliquam iste repudiandae tempore?
tempora itaque ratione tempore? Architecto ex perferendis aspernatur consequatur iste inventore sunt sequi. Voluptatibus dolores quas quibusdam? Qui perspiciatis aliquid nemo, excepturi in, nulla quas ad ducimus iure facere inventore aliquam iste repudiandae tempore?
</p>
</div>
<div class="contact-container">
<p class="contact-text">
Please contact us per email for any further questions about Tourism Global Summit 2022!
</p>
<div class="contact-email">
<a href="#" class="email">[email protected]</a>
<svg xmlns="http://www.w3.org/2000/svg" height="15" width="15" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
</header>
<section id="about-main">
<div class="container">
<div class="about-main">
<div class="about-main-title center">Tour Expo Global Summit 2022 Logo</div>
<div class="line"></div>
<div class="about-main-text">
<p class="center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt facilis incidunt iusto nostrum excepturi,
blanditiis dolorem dicta, commodi ducimus odit est qui, obcaecati magnam explicabo inventore illo aliquam pariatur
reiciendis.
</p>
</div>
<div class="about-main-logo center">
<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clip-rule="evenodd" />
</svg>
<p>Tours Uganda</p>
</div>
</div>
</div>
</section>
<section id="events">
<div class="container">
<div class="events">
<div class="events-title">
<h2>See the past Tour Events Summits</h2>
<div class="line"></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem sequi accusantium commodi, iure tenetur </p>
</div>
<div class="event-cards">
<div class="event-card-1">
<h2 class="event-text">2013</h2>
<p class="event-sub-text">Tour event summit Kampala</p>
</div>
<div class="event-card-2">
<h2 class="event-text">2020</h2>
<p class="event-sub-text">Tour event summit Hoima</p>
</div>
</div>
</div>
</div>
</section>
<section id="footer-about">
<div class="container">
<div class="footer-about">
<div class="footer-logo-about">
<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z" clip-rule="evenodd" />
</svg>
<p>Tours Uganda</p>
</div>
<footer class="text-about">
<p>2022 © Tours Uganda, All Rights Reserved.</p>
</footer>
</div>
</div>
</section>
<script src="./js/index.js"></script>
</body>
</html>