-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (149 loc) · 7.91 KB
/
index.html
File metadata and controls
160 lines (149 loc) · 7.91 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Microsoft Official Homepage for Office Shopping.">
<meta name="keywords" content="Office apps, internet, cloud, world wide web, office administrative resources, mrcosoft edge, browser extensions">
<meta name="author" content="Favour Anajemba">
<link rel="stylesheet" type="text/css" href="./assets/css/main.css">
<link rel="stylesheet" type="text/css" href="./assets/css/fontawesome/css/all.css">
<link rel="stylesheet" type="text/css" href="./assets/css/fontawesome/css/all.min.css">
<link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="./assets/img/favicon.ico" type="image/x-icon">
<script type="text/javascript" defer src="./assets/js/script.js"></script>
<title>Kalakuta - Biography, Life, Credits, and More</title>
</head>
<!-- <style>
.slide-item {display: none;}
</style> -->
<body>
<!-- Navigation bar -->
<header>
<div class="menu-btn">
<i class="fas fa-bars fa-2x"></i>
</div>
<div class="container">
<nav class="main-nav">
<a href="index.html"><img src="assets/img/mainLogo.png" alt="Logo" class="logo"></a>
<ul class="main-menu">
<li><a href="#biography">Biography</a></li>
<li><a href="#songs">Songs</a></li>
<li><a href="#performance">Performances</a></li>
<li><a href="#republic">Kalakuta Republic</a></li>
</ul>
<ul class="right-menu">
<li>
<a href="#gallery"><img src="./assets/img/iconsGallery.gif"/></a>
</li>
</ul>
</nav>
</header>
<!-- Hero section -->
<section id="hero">
<div><h1>legendary african afro-beat king</h1>
<p>Biography and more of the Nigerian Fela Aníkúlápó Kuti</p></div>
</section>
<!-- Biography section -->
<section id="biography">
<div class="bio-container">
<div class="bio-content">
<div class="section-title">
<hr>
<h1>Biography</h1>
</div>
<p>Fela Kuti is a best known as a pioneer of his genre, Afrobeat, which fuses traditional Yoruba music and Afro his Cuban music with funk and jazz. Being a political activist and pan-Africanist, through music he was able to constantly pass his message and own view of the Nigerian and African political affairs as well as colonialism and its influence on Nigerians and the civilians. He is son to the notable women human right colonial activist, Chief Funmilayo Ransome-Kuti. She was a women's activist dissident within the anti-colonial development; his father, Reverend Israel Oludotun Ransome-Kuti, a school principal and an Anglican minister, who was also the first president of the Nigeria Union of Teachers. </p>
<a href="./biography/biography.html"><button>Read more</button></a>
</div>
<div>
<img src="./assets/img/biography.jpg">
</div>
</div>
</section>
<!-- Songs section -->
<section id="songs">
<div class="songs-container">
<h1>Songs</h1>
<p>Combining components of conventional highlife and jazz, Fela named his heightening musical cross breed style "Afro-beat," incompletely as evaluate of African entertainers whom he felt had turned their backs on their African melodic roots in arrange to imitate current American pop music patterns. </p>
<a href="./songs/songs.html">
<button>Listen here</button></a>
</div>
</section>
<!-- Performance section -->
<section id="performance">
<div class="performance-container">
<div class="performance-content">
<div class="section-title">
<hr>
<h1>Performances</h1>
</div>
<p>Usually, he refer to his stage act as <span class="performance-span">Underground Spiritual Game</span>. Frequently, Fela's concerts included female vocalists and artists, afterward named as "Rulers." The Rulers were ladies who made a different impact to the popularization of his music. <br><br> They were dressed colorfully and wore cosmetics all over their bodies through which their visual imaginations are communicated. The vocalists of the gather played a reinforcement part for Fela, ordinarily reverberating his words or murmuring along, whereas the artists would put on a execution of suggestive way. </p>
<a href="./performances/performances.html"><button>View more</button></a>
</div>
<div class="show-clip">
<video src="./assets/video/showInEgypt.mp4" controls><source src="movie.mp4" type="video/mp4"></video>
<p>The father of Afro-beat, Fela performing in Egypt.</p>
</div>
</div>
</section>
<!-- Republic section -->
<section class="republic-outter">
<section id="republic">
<div class="republic-container">
<div>
<img src="./assets/img/republic1.jpg" class="image-1" alt="Fela playing Tennis">
<img src="./assets/img/republic2.webp" class="image-2" alt="Fela and his dancers">
</div>
<div class="republic-content">
<div class="section-title">
<hr>
<h1>The Kalakuta Republic</h1>
</div>
<p>In 1974 Kuti was jailed on suspicion of being in possession of weed. Kalakuta Republic title was determined from the spell Fela went through during the jail term. <br><br> Kalakuta republic was a recording studio and commune in 1970. Due to the corruption of the then military government, Fela felt he couldn't be portion of such and announced the Kalakuta Republic an imperial state and independent of Nigeria.
</p>
<a href="./theRepublic/republic.html"><button>Read more</button></a>
</div>
</div>
</section>
</section>
<!-- Gallery Slide Section -->
<section id="gallery">
<div class="section-title2">
<h1>Photo Speaks</h1>
</div>
<div class="slider-container">
<img src="" id="slide1" class="slide-item">
</div>
<a href="./gallery/gallery.html">
<button>View Gallery</button></a>
</section>
<!-- Page footer section -->
<footer class="foot">
<div class="foot_flex">
<div class="foot_item">
<a href="/"><img src="./assets/img/mainLogo.png" alt="Logo" class="logo"></img></a>
</div>
<div class="foot_item">
<a target="blank" href="https://nazanajemba.vercel.app/"><p>Our Portfolio</p></a>
<p>Trainings</p>
<p class="last_p">About Us</p>
</div>
<div class="foot_item contact-us">
<p>FCT - Abuja, Nigeria</p>
<p class="last_p"><span class="sm_contact"><span class="sm_contact_1_mobile">Naza: (+234) 8167265619</span></p>
</div>
<div class="foot_item">
<div class="social_icons">
<a href="https://wa.me/2348167265619"><WhatsAppIcon class="whatsapp"/></a>
<a href="https://www.twitter.com/TechSiz"><TwitterIcon class="twitter" /></a>
<a href="mailto:nazanajemba@gmail.com/"><EmailIcon class="email" /></a>
<a href="https://www.linkedin.com/in/favour-naza-anajemba-02a156196"><LinkedInIcon class="linkedin" /></a>
</div>
</div>
</div>
<p class="copy">© CodeSpac <script>document.write(new Date().getFullYear())</script></p>
<!-- <p class="copy">© CodeSpac 2023-<script>document.write(new Date().getFullYear())</script> -->
</footer>
</body>
</html>