generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (137 loc) · 6.67 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
<!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">
<title>Muson's 2021 Home page</title>
<script src="https://kit.fontawesome.com/2cfd3e74c6.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="stylesheet" href="./CSS/style.css">
<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">
</head>
<body>
<header id="header">
<nav class="first-navbar bg-dark color-white-text">
<div class="fa-icon">
<a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
<a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a>
</div>
<ul class="small-nav-bar">
<li><a href="#">Logout</a></li>
<li><a href="#">My page</a></li>
<li><a href="#">English</a></li>
</ul>
</nav>
<button class="menu-toggle" type="button">
<img src="images/menu-hambuger1.svg" alt="menu hamburger" aria-hidden="true">
</button>
<nav class="second-navbar">
<a href="./index.html" class="muson-logo"><img src="images/home-logo.jpg" alt="muson logo"></a>
<ul class="second-nav-items">
<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 muson-btn" href="#">Muson 2021</a></li>
</ul>
</nav>
</header>
<main>
<section id="Muson-2021" class="headline">
<div class="headline-content">
<h4 class="primary-header">"Celebrating Excellence in the Arts"</h4>
<div class="main-header">
<h1 class="header-1 ff-main">THE MUSICAL SOCIETY OF NIGERIA 25TH FESTIVAL 2021</h1>
</div>
<div class="box-text">
<p>Several young musicians are constantly emerging in Nigeria and the annual Musiquiest is our way
of showcasing and encouraging these talents.</p>
</div>
<div class="date-header">
<h3 class="header-2 ff-main">2021.10.21(THUR) ~ 24 (SUN)</h3>
</div>
<p class="time-text">@ THE MUSON CENTRE • 8/9 MARINA, ONIKAN, LAGOS NIGERIA<span
class="time ff-main">-10-AM PROMPT</span></p>
</div>
</section>
<section id="program" class="program">
<h2 class="program-heading">Main program</h2>
<div class="line"></div>
<ul class="program-list-container">
<li class="program-box">
<div class="program-item">
<i class="fas fa-music bars-fw1 bars-fw1-bold" aria-hidden="true"></i>
<h6 class="program-title">Muson Day</h6>
<p class="program-text">A celebration on MUSON's anniversary.
Muson History
</p>
</div>
</li>
<li class="program-box">
<div class="program-item">
<i class="fas fa-guitar bars-fw1 bars-fw1-bold" aria-hidden="true"></i>
<h6 class="program-title">Memorial Concert</h6>
<p class="program-text">Remembering one of the founders of the great MUSON.</p>
</div>
</li>
<li class="program-box">
<div class="program-item">
<i class="fas fa-microphone bars-fw1 bars-fw1-bold" aria-hidden="true"></i>
<h6 class="program-title">Stage play</h6>
<p class="program-text">A proudly Nigerian acoustic music experience of our heritage</p>
</div>
</li>
<li class="program-box">
<div class="program-item">
<i class="fas fa-record-vinyl bars-fw1 bars-fw1-bold" aria-hidden="true"></i>
<h6 class="program-title">Jazz night</h6>
<p class="program-text">Enjoy a thrilling evening of jazz music from the best</p>
</div>
</li>
<li class="program-box">
<div class="program-item">
<i class="fas fa-graduation-cap bars-fw1 bars-fw1-bold" aria-hidden="true"></i>
<h6 class="program-title">Graduates</h6>
<p class="program-text">A presentation of awards and the MUSON graduation day.</p>
</div>
</li>
</ul>
<div class="program-btn-container">
<button type="button" class="program-btn">Attend MUSON 2021</button>
</div>
<p class="see-more">SEE THE WHOLE PROGRAM</p>
</section>
<section id="speakers" class="featured-speakers">
<h2 class="speaker-heading">Featured Speakers</h2>
<div class="line"></div>
<ul class="fs-container">
</ul>
</section>
<section id="partners" class="partners">
<h2 class="partners-heading">Partners</h2>
<div class="line"></div>
<div class="partner-logo">
<img src="./images/image2vector.svg" alt="mozilla">
<img src="./images/google.svg" alt="google">
<img src="./images/naver.svg" alt="naver">
<img src="./images/tokopedia.png" alt="tokopedia">
<img src="./images/airbnb.svg" alt="airbnb">
</div>
</section>
</main>
<footer class="footer">
<div class="footer-container">
<a class="footer-logo-container" href="#"><img class="footer-logo" src="./images/home-logo.jpg"
alt="muson logo"></a>
<small class="footer-desc">© Muson 2021. Some Rights</small>
</div>
</footer>
<script src="./main.js"></script>
</body>
</html>