-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
143 lines (128 loc) · 5.6 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
<!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">
<!--font aweome icons links-->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Google fonts -> Lato, cdn fonts -> cocogoose-->
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<!-- page stylesheets -->
<link rel="stylesheet" href="stylesheets/aboutme/aboutmain.css">
<link rel="stylesheet" href="stylesheets/aboutme/about.css">
<link rel="stylesheet" href="stylesheets/landing.css">
<link rel="stylesheet" href="stylesheets/footer.css">
<title>About Talanta Mtaani</title>
</head>
<body>
<header class="header">
<nav class="socialicons">
<ul>
<li><a href="https://github.com/Nemwel-Boniface"><i class="fa fa-github" aria-hidden="true"></i>
</a></li>
<li><a href="https://www.linkedin.com/in/nemwel-nyandoro-aa1b2620b/"><i class="fa fa-linkedin" aria-hidden="true"></i>
</a></li>
<li><a href="https://twitter.com/nemwel_bonie"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#">English</a></li>
<li><a href="#">Swahili</a></li>
</ul>
</nav>
<nav class="topnavbar">
<div class="logo">
<a href="index.html"><img src="images/talantamtaanilogo.png" alt="page logo"></a>
</div>
<div class="DesktopNav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
<li><a href="#" class="bordered" >TM Conference</a></li>
</ul>
</div>
<div class="humburger">
<a href="#"><img id="menu" src="images/menu.png" alt="Humburger menu bar"></a>
</div>
</nav>
<nav class="mobileNav">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
<li><a href="#">TM Conference</a></li>
</ul>
</nav>
<section class="landing">
<div class="aboutHeader">
<h3>"Are you ready to sing?"</h3>
<h1>Talanta Mtaani Showdown 2022</h1>
</div>
<div class="aboutBody">
<p class="mobileHide">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias placeat necessitatibus similique adipisci veniam dolores ullam, veritatis dignissimos ea itaque vitae magni quia inventore, corrupti laborum, dolore doloremque facilis omnis. Veniam soluta perferendis magni saepe accusantium quisquam sint temporibus iusto!</p>
<p class="mobileHide">Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio eveniet officia esse optio inventore fugiat ipsam, impedit id repellat blanditiis ratione fugit cum dolores iusto odit ipsum aut possimus modi est aperiam. Repellendus libero nesciunt delectus quo. Quo, vitae quibusdam.</p>
<p>The talanta Mtaani edition #1 2022 aims to provide talented individuals with a platform to showcase their singing talents and encourage them to continue nurturing them by providing gifts to the winners of the competition. </p>
</div>
<div class="aboutDesc">
<p>For any Enquiries, suggestions about the Talanta Mtaani 2022 event email us at <a href="mailto:[email protected]">talantamtaani2022.co.ke</a><i class="fa fa-paper-plane"></i></p>
</div>
</section>
</header>
<main class="main">
<section class="aboutMain">
<div class="aboutMainHeader">
<h2>Talanta Mtaani Shine with your voice!</h2>
</div>
<div class="aboutmainDesc">
<p class="desktopHide">The event was created to give the under priveleged a voice.</p>
<p class="mobileHide">The event was created to give the under priveleged a voice. For three years we have been helping dozens of children access facilities such as music recording and we've had succesful ones as well.</p>
</div>
<div class="aboutMainLogo">
<img src="images/talantamtaanilogo.png" alt="Talanta mtaani logo">
</div>
<div class="pastEvents">
<h2>See the past Talanta Mtaani events</h2>
<p>Take a look at the last two talanta mtaani events that took place in Kisumu and Mombasa.</p>
</div>
<div class="events">
<div class="event1">
<h2>2020</h2>
<p>Talanta Mtaani Concert in Kisumu</p>
</div>
<div class="event2">
<h2>2021</h2>
<p>Talanta Mtaani Concert in Mombasa</p>
</div>
</div>
</section>
<section class="partners">
<div class="partnersHeader">
<h2>Partners</h2>
<hr>
</div>
<div class="partnersSect">
<h3>KPMG</h3>
<h3>Equity Bank</h3>
<h3>Story Moja</h3>
<h3>Safaricom PLC</h3>
<h3>Signature FX</h3>
</div>
</section>
</main>
<footer class="footer">
<div class="footerLeft">
<img src="images/talantamtaanilogo.png" alt="Talanta mtaani Logo">
</div>
<div class="footerRight">
<p>© Talanta Mtaani 2022</p>
<p>All rights reserved.</p>
</div>
</footer>
<script src="scripts/script.js"></script>
</body>
</html>