-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
152 lines (141 loc) · 7.43 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
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Local stylesheet -->
<link rel="stylesheet" href="styles.css">
<!-- Fontawesome link -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<!-- Cocogoose font -->
<link href="//db.onlinewebfonts.com/c/d14035f6b1afeabafbee4abb2ebf0fc6?family=COCOGOOSE" rel="stylesheet"
type="text/css" />
<!-- Google Lato font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<title>Afro Music Concert</title>
</head>
<body>
<!-- The Header -->
<header class="bg-black text-light">
<!-- Top Desktop Nav -->
<nav class="navbar d-none d-md-block">
<div class="top-nav">
<i class="fab p-2 fa-facebook-f font-awesome"></i>
<i class="fab p-2 fa-facebook-square"></i>
<i class="fab p-2 fa-twitter font-awesome"></i>
<i class="fab p-2 fa-youtube font-awesome"></i>
<i class="fab p-2 fa-instagram font-awesome"></i>
</div>
</nav>
<!-- Main Nav -->
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<div class="container-fluid second-nav">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<a class="text-decoration-none" href="./index.html">
<figure class="row pb-lg-3 pt-3 mb-0 align-items-center">
<img class="img-fluid nav-logo col-4" src="assets/logo-nobg.png" alt="afro-music-logo">
<figcaption class="col-8 w-50 line-height-0">
<div class="fw-bold">Afro Music Culture</div>
<div class="text-shadows">Concert 2021</div>
</figcaption>
</figure>
</a>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link text-danger active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./booking.html">Bookings</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<section class="container-fluid main-page">
<div class="">
<h1 class="trans-header text-center text-orange coco pt-4">AFRO MUSIC CULTURE</h1>
</div>
<div class="">
<p class="border bg-light p-3 margin-p fw-bold text-black">Urban popular music originating in Nigeria in the
late 1960s that emphasizes percussion rhythms and
features elements of jazz and funk and lyrics which are often strongly political.</p>
<p class="text-center margin-p">
For more information, visit <a class="text-decoration-none text-orange"
href="https://www.ncac.gov.ng/">The Federal Ministry of Arts &
Culture</a> or contact use directly by sending an email [email protected].
</p>
</div>
<section class="about-afro bg-white wide">
<h3 class="text-center pt-3">Afro Music Culture 2021</h3>
<p class="p-3">The Afro Festival is a cultural event organized annually by the Museum of African Art. Inaugurated in
1997, this program is unique, both in our country and the wider region, and one of its most recognizable
traits is the atmosphere of a true cosmopolitan festivity.</p>
<div class="m-3 border border-dark row pb-4">
<img class="col-4 p-2" src="assets/coa.png" alt="">
<div class="col-8 p-2">
<div>Afro Music Culture 2021</div>
<div>2021.08.27(FRI) - (SUN)</div>
</div>
</div>
<h2 class="text-danger text-center pt-5">Review Past Events</h2>
<div class="">
<div class="border m-4 p-3 past-year-2019 fw-bold">
<p class="text-center display-5 text-white">2019</p>
The lineup for this event includes Mase, Koffee, Burna Boy, Megan Thee Stallion, Tiwa Savage and
more. The festival runs from 20-25 December 2019.
</div>
</div>
<div class="">
<div class="border m-4 p-3 past-year-2018 fw-bold">
<p class="text-center text-white display-5">2018</p>
The lineup for the return of Afro Nation to Accra includes 6LACK, Alkaline, Burna Boy, Davido,
Olamide, Shatta Wale, Kuami Eugene, Naira Marley and more running through 18-21 December 2018.
</div>
</div>
</section>
<!-- Sponsors -->
<section class="sponsors dark-sessions">
<h2 class="text-danger text-center">Sponsors</h2>
<hr class="bg-light">
<div class="text-center row">
<h6 class="col-lg-3">Airbnb</h6>
<h6 class="col-lg-3">Dangote and Group</h6>
<h6 class="col-lg-3">Federal ministry of arts and culture</h6>
<h6 class="col-lg-3">Federal ministry of youth and employment</h6>
</div>
</section>
</section>
<!-- Footer -->
<footer class="container-fluid bg-black text-offwhite">
<hr class="hr-light">
<div class="row py-3 desktop-footer">
<div class="footer-logo col-6 text-center">
<img class="img-fluid w-50 footer-logo" src="assets/logo-nobg.png" alt="">
<h6>Afro Music Culture 2021</h6>
</div>
<div class="copyright col-6 pb-4">The Federal Ministry of Arts & Culture, Nigeria.
<br> All right reserved! <br> Built with love by <a class="text-decoration-none text-offwhite" href="linkedin.com/in/brytebee">Atsighi Bright</a>
</div>
</div>
</footer>
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous">
</script>
</body>
</html>