-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
206 lines (183 loc) · 8.17 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
199
200
201
202
203
204
205
206
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/mdb.min.css">
<link rel="stylesheet" href="./assets/css/bootstrap.css">
<link rel="stylesheet" href="./assets/css/wickedcss.min.css">
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="./assets/css/animations.css">
<link rel="stylesheet" href="./assets/css/reset.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<!-- material ui cdn icons -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
<!-- link to fontawesome library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- link to lato font family -->
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300&display=swap"
rel="stylesheet">
<title>Events254 Arena</title>
</head>
<body>
<header id="header">
<!-- topmost small navigation bar start -->
<nav class="small-nav bg-dark color-white-text">
<div class="fbt">
<a href="https://facebook.com">
<i class="fab fa-facebook-f" aria-hidden="true"></i>
</a>
<a href="http://twitter.com">
<i class="fab fa-twitter" aria-hidden="true"></i>
</a>
</div>
<ul class="small-bar-actions">
<li><button class="color-white-text">Logout</button></li>
<li><button class="color-white-text">Mypage</button></li>
<li><button class="color-white-text">English</button></li>
</ul>
</nav>
<!-- topmost small navigation bar end -->
<!-- toggle button on mobile screens and smaller devicess -->
<button type="button" class="toggle-btn color-dark-text">
<img class="bars-fw1 bars-fw1-fs" src="./assets/images/iconmonstr-menu-1.svg" alt="harmburger" aria-hidden="true">
</button>
<!-- main navigation bar -->
<nav class="lg-navbar bg-white">
<a class="namm-logoo-a" href="./"><img class="namm-logoo" src="./assets/images/logo.png"
alt="Events254 Arena"></a>
<ul class="lg-nav-link">
<li><a class="nav-links" href="./about.html">About</a></li>
<li><a class="nav-links" href="#program">Program</a></li>
<li><a class="nav-links" href="#join">Join</a></li>
<li><a class="nav-links" href="#partners">Sponsor</a></li>
<li><a class="nav-links" href="#speakers">Guest</a></li>
<li><a class="nav-links join-namm-btn" href="ticket_purchae.html">Events254 Arena</a></li>
</ul>
</nav>
</header>
<!-- start main section here -->
<section class="main">
<!-- start hero section -->
<section id="namm-2020-news" class="headline">
<div class="headline-content">
<h6 class="mission color-primary ml13"><span class="text-wrapper">"for the love of live band music"</span></h6>
<div class="main-header">
<h1 class="header-1 ff-2">Events254 Arena presents you with the best and entertaining events</h1>
</div>
<div class="desc-box bg">
<p class="color-dark-text">Dont miss out grab a ticket today and experience the best live events
and other entertaining activities from actors and musicians from accross the globe
music events across the globe for
inquiries visit our about page or click the events254 button to book for family and friends.
</p>
</div>
<div class="control-header-1">
<h3 class="header-2 color-dark-text ff-2">2022.09.9(THUR) ~ 13 (Friday)</h3>
</div>
<p class="color-dark-text">The Kenyatta International Convention Centre (KICC) • kenya <br><span
class="time color-dark-text ff-2"> - from 10-PM Until Morning </span></p>
</div>
</section>
<!-- end of hero section -->
<!-- programms section -->
<section id="program" class="program bg-dark color-white-text">
<h2 class="program-heading">
Main Programs
</h2>
<div class="line bg-primary"></div>
<ul class="program-list">
<li class="frames">
<div class="program-item">
<i class="fa fa-music" aria-hidden="true"></i>
<h6 class="color-primary program-title">Sarakasi Dance</h6>
<p class="program-desc">Enjoy live performance from kenyan dances</p>
</div>
</li>
<li class="frames">
<div class="program-item">
<i class="fa fa-headphones bars-fw1 bars-fw1-fs" aria-hidden="true"></i>
<h6 class="color-primary program-title"> live band Music</h6>
<p class="program-desc">live band performance from different musicians </p>
</div>
</li>
<li class="frames">
<div class="program-item">
<i class="fa fa-smile-o" aria-hidden="true"></i>
<h6 class="color-primary program-title">Comedy</h6>
<p class="program-desc">Enjoy most hilarious comedy show from diffrent comedians</p>
</div>
</li>
<li class="frames">
<div class="program-item">
<i class="fa fa-glass" aria-hidden="true"></i>
<h6 class="color-primary program-title">Refreshments</h6>
<p class="program-desc">Have fun with all types of foods and beverages</p>
</div>
</li>
<li class="frames">
<div class="program-item">
<i class="fa fa-globe" aria-hidden="true"></i>
<h6 class="color-primary program-title">Global Music</h6>
<p class="program-desc">Come and enjoy best music with Africa and the globe</p>
</div>
</li>
</ul>
<div class="attend-btn-container flex-only">
<button class="attend-btn bg-primary color-white-text">
Arena 254 @2022
</button>
</div>
<p class="whole-program">SEE THE WHOLE PROGRAM</p>
</section>
<!-- speakers section -->
<section id="speakers" class="featured-speakers bg-white">
<h2 class="fs-heading">
Featured Speakers
</h2>
<div class="line bg-primary"></div>
<ul class="fs-container-grid">
</ul>
</section>
<!-- patners section -->
<section id="partners" class="partners bg-dark">
<h2 class="partners-heading color-white-text">
Partners
</h2>
<div class="line bg-primary partners-line"></div>
<div class="partners-logos">
<img class="partners-image image-container" src="./assets/images/partners/image2vector.svg" alt="mozilla ">
<img class="partners-image image-container" src="./assets/images/partners/google.svg" alt="google">
<img class="partners-image image-container" src="./assets/images/partners/naver.svg" alt="naver">
<img class="partners-image image-container" src="./assets/images/partners/tokopedia.png" alt="tokopedia">
<img class="partners-image image-container" src="./assets/images/partners/airbnb.svg" alt="tokopedia">
</div>
</section>
<!-- end of patners section container -->
</section>
<!-- footer starts here -->
<section class="footer-section">
<footer class="footer-sect flex-only bg-white">
<div class="footer-container flex-only">
<a class="footer-logo-container" href=""><img class="footer-logo" src="./assets/images/logo.png"
alt="namm logo"></a>
<small class="footer-logo-desc color-dark-text">© Events254. All Rights
Reserved</small>
<small class="footer-logo-desc color-dark-text">© Developed by Brian Nyachae || 2022
license MIT all rights reserved</small>
</div>
</footer>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="./assets/js/script.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>