forked from Kemmie001/Big-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
252 lines (246 loc) · 16 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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
<link rel="stylesheet" href="WOW-master/css/libs/animate.css">
<link rel="shortcut icon" href="Images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<title>Home</title>
</head>
<body>
<!-- Nav bar -->
<nav class="navbar navbar-expand-lg fixed-top navbar-light bg">
<a class="navbar-brand pl-4" href="index.html"><img src="Images/BiG.png" alt=""></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item py-2 home">
<a class="" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="about.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About Us
</a>
<div class="dropdown-menu bg-black" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="about.html">Who are we</a>
<a class="dropdown-item" href="about.html">Vision / Mission</a>
<a class="dropdown-item" href="about.html">Our Scope</a>
</div>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact Us</a>
</li>
</ul>
<ul class="nav-item ml-lg-auto">
<span class="line ml-3 none none-md"></span>
<a class="text-black" href="https://twitter.com/binary_labs?s=09"><i class="fab fa-twitter"></i></a>
<a class="text-black" href="https://instagram.com/binary_labs?igshid=16sl4pz78zadp"><i class="fab fa-instagram"></i></a>
<a class="text-black" href="https://web.facebook.com/binarygenerationlabs"><i class="fab fa-facebook-f"></i></a>
</ul>
</nav>
<header class="banner">
<div class="p-relative">
<div id="carouselExampleInterval" class="carousel slide wow animate__rubberBand animate__delay-3s" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active text-center wow animate__backInUp animate__delay-1s" data-interval="3000">
<h6 class="text text-uppercase">
Do you want your students/child to be
among the generation that'll build Africa?
</h6>
</div>
<div class="carousel-item text-center wow animate__backInUp" data-interval="2000">
<h6 class="text text-uppercase">
Do you want your students/child
to be among the generation
that’ll build Africa?
</h6>
</div>
<div class="carousel-item text-center wow animate__backInUp">
<h6 class="text text-uppercase">
Do you want your students/child
to learn technology skills?
</h6>
</div>
</div>
<a class="carousel-control none" href="#carouselExampleInterval" role="button" data-slide="prev">
<i class="fas fa-chevron-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control none next" href="#carouselExampleInterval" role="button" data-slide="next">
<i class="fas fa-chevron-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
<button class="rect rect-btn mb-5 py-3 mt-3"><a href="register.html">REGISTER YOUR SCHOOL/CHILD</a></button>
</div>
<menu class="down-button py-5 none">
<a href="#there" class="">
<i class="fas fa-arrow-circle-down fa-2x wow animate__animated fadeInDown animate__slow animate__infinite"></i>
</a>
</menu>
</header>
<div id="there"></div>
<div class="gray container-fluid mt-5 text-center" id="here">
<h3 class="py-5 wow animate__slower animate__fadeInDown">We are committed to training a
generation of Africans that will build Africa</h3>
</div>
<section class="container py-3 text-center wow animate__slow animate__heartBeat">
<h2 class="orange pt-3">About Us</h2>
<div class="under-line-black mb-3 centers"></div>
<h5>At Binary Geration Labs, we train students in bits...</h5>
<p>Binary Generation Labs is a training institute committed to training and empowering
children, schools and Individuals in STEM and tech skills by creating coding/STEM clubs
and centres in secondary schools and other locations across africa.
We believe every tech enthusiast should start learning as early as possible. </p>
</section>
<div class="gray container-fluid text-center py-5 mt-3 mb-5">
<h3 class="display-5 pt-5"><i class="fas fa-quote-left"></i></h3>
<h3 class="orange italic pt-4 pb-4">Every tech enthusiast, young or old should start learning as early as
possible</h3>
<p class="pb-5 light blockquote">Lead, Binary Generation Labs</p>
</div>
<div class="gray py-4 mt-3">
<div id="carouselExampleInterval" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active text-center" data-interval="3000">
<div class="circle-item text-center">
</div>
<p class="text-center py-3 light">Binary Generation Labs has fantastic tutors, they’ve been able to bring out
the best in my son.</p>
<h5>Isaiah Adeleke</h5>
<p class="light">Parent</p>
</div>
<div class="carousel-item text-center" data-interval="2000">
<div class="circle-item text-center">
</div>
<p class="text-center py-3 light">Binary Generation Labs has fantastic tutors, they’ve been able to bring out
the best in my son.</p>
<h5>Isaiah Adeleke</h5>
<p class="light">Parent</p>
</div>
<div class="carousel-item text-center">
<div class="circle-item text-center">
</div>
<p class="text-center py-3 light">Binary Generation Labs has fantastic tutors, they’ve been able to bring out
the best in my son.</p>
<h5>Isaiah Adeleke</h5>
<p class="light">Parent</p>
</div>
</div>
<a class="carousel-control-prev mt-5" href="#carouselExampleInterval" role="button" data-slide="prev">
<i class="fas fa-chevron-left icon-black" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next mt-5" href="#carouselExampleInterval" role="button" data-slide="next">
<i class="fas fa-chevron-right icon-black" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
<div class="text-center py-3">
<h3>Give your students / child a life time opportunity to build</h3>
<button class="rect rect-btn mt-3 py-2"><a href="register.html">REGISTER YOUR SCHOOL/CHILD</a></button>
</div>
<section class="story-container container mt-4">
<h3 class="row wow animate__slower animate__fadeInDown" style="font-weight: 500; line-height: 30px;">Stories of young minds that ventured into tech early
and how it helped and is helping them</h3>
<div class="under-line ml-3 ml-md-1 mb-4 wow animate__slower animate__slideInLeft">
</div>
<article class="row justify-content-between mb-4">
<div class="col-md-3 tech-story wow animate__slower animate__slideInRight">
<span class=""><p>OPEMIPO AKIN</p></span>
</div>
<div class="col-md-3 tech-story wow animate__slower animate__slideInLeft">
<span class=""><p>IKRAM-BABS</p></span>
</div>
<div class="col-md-3 tech-story wow animate__slower animate__slideInUp">
<span><p>ENIOLA OLUBUSUYI</p></span>
</div>
</article>
</section>
</div>
<section class="container-fluid pt-5 pb-md-5" id="contact">
<div class="row ml-2 justify-content-around">
<div class="col-md-3 d-flex wow animate__animated animate__flipInX animate__slow animate__repeat-2">
<i class="fab fa-whatsapp align-self-center"></i>
<span class="align-self-center pl-4">
<h5>Telephone</h5>
<a class="text-dark" href="tel:+2349030113621">+2349030113621</a>
</span>
</div>
<span class="side-line none"></span>
<div class="col-md-3 d-flex wow animate__animated animate__flipInX animate__slow animate__repeat-2">
<i class="far fa-envelope align-self-center"></i>
<span class="align-self-center pl-4">
<h5>Email</h5>
<a class="text-dark" href="mailto:hi@binarygenerationlabs.com">hi@binarygenerationlabs.com</a>
</span>
</div>
<span class="side-line none"></span>
<div class="col-md-3 d-flex wow animate__animated animate__flipInX animate__slow animate__repeat-2">
<i class="fas fa-map-marker-alt align-self-center"></i>
<span class="align-self-center pl-4">
<h5>ADDRESS</h5>
<P>Airforce 1, off stateline Futa Southgate, Akure, Ondo State, Nigeria.</P>
</span>
</div>
</div>
</section>
<section class="gray container-fluid pt-5">
<h3 class="text-center">
Subscribe to our Newsletter
</h3>
<div class="under-line centers mb-3"></div>
<form action="" class="form-container">
<input type="email" class="form-input" name="" id="" placeholder="ENTER YOUR EMAIL">
<input class="rect" type="button" value="Subscribe">
</form>
<div class="others">
<ul>
<li>How to support</li>
<li><a href="https://paystack.com/pay/6dch35ah2n">Donate for outside school clubs</a></li>
<li><a href="become.html">Become a Tutor</a></li>
<li><a href="partner.html">Partner with us</a></li>
</ul>
</div>
</section>
<button onclick="topFunction()" id="myBtn" title="Back to top">
<i class="fas fa-sort-up"></i>
</button>
<footer class="container-fluid">
<div class="row justify-content-around">
<div class="col-lg-1 text-center">
<img class="navbar-brand" src="Images/BiG.png" alt="logo">
</div>
<div class=" col-lg-7 align-self-center text-center">
<p>© 2020 Binary Generation Labs</p>
</div>
<div class=" col-lg-3 align-self-center text-center">
<ul class="d-flex justify-content-around ">
<li><a href="https://twitter.com/binary_labs?s=09"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://instagram.com/binary_labs?igshid=16sl4pz78zadp"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://web.facebook.com/binarygenerationlabs"><i class="fab fa-facebook-f"></i></a></li>
<li><a href=""><i class="fab fa-linkedin-in"></i></a></li>
<li><a href=""><i class="fab fa-whatsapp"></i></a></li>
</ul>
</div>
</div>
</footer>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<script src="WOW-master/dist/wow.min.js"></script>
<script src="JS/app.js"></script>
</body>
</html>