-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
319 lines (284 loc) · 13.8 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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!--<meta http-equiv="X-UA-Compatible" content="ie=edge">-->
<title>Home | iGlass</title>
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="logo1.png" />
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="Team.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section id="nav-bar">
<nav class="navbar navbar-expand-lg navbar-light">
<a href="#top"><img src="logo1.png" alt="" width="60"></a>
<a class="navbar-brand" href="#top">KYAUN TECH</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-eye" aria-hidden="true"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#top">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#About">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#project">Project</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Contact Us</a>
</li>
</ul>
</div>
</nav>
</section>
<!---Banner Section-->
<section id="banner">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Helping Humanity Through Technology</h3>
<h5>What if Technology Could Solve all your problems Differently and Efficiently</h5>
</div>
<div class="col-md-6 text center">
<!--<img src="igf7366402_2311401065788316_1470525844995702784_n.jpg" class="img-fluid">-->
</div>
</div>
</div>
<img src="white-wave-png.png" alt="" class="bottom-image">
</section>
<!--About Us Section-->
<section id="About">
<div class="container text-center">
<h1 class="title">ABOUT US</h1>
<div class="row text-center">
<div class="col-md-4 About">
<img src="Ab.png" class="About-img">
<h4>Who we are</h4>
<p>We are a team of innovative engineers commited to solving societal problems with technology.We learn,research and build solutions with very high impart to the society</p>
</div>
<div class="col-md-4 About">
<img src="Millustration-business-mission_53876-26964.jpg" class="About-img">
<h4>Mission</h4>
<p>We began as individuals despite having diverse interests in fields such as AI,Computer vision,Computer networking etc. We had a focus on using these technologies for the greater good. In 2019, we formed a team to ideate and design iGlass: an innovative A.I based assistive device for the blind and visually impaired. Later in 2020, we decided to form a company.</p>
</div>
<div class="col-md-4 About">
<img src="Vision.png" class="About-img">
<h4>Vision</h4>
<p>We aspire to become a globally recognized innovations company providing solutions to specific societal problems and to pioneer groundbreaking research in various spheres of technology.</p>
</div>
</div>
</div>
</section>
<!--Project-->
<section id="project">
<div class="container">
<h1 class="title text-center">Projects</h1>
<div class="row">
<div class="col-md-6 project">
<p class="project-title">iGlass</p>
<ul>
<li>iGlass is a low-budget wearable device to help blind and visually impaired individuals to create perception of vision from the words they hear. iGlass is simply controlled with voice commands from the user and it has a smart assistant feature for easy communication which can actively converse with the user on various topics from sports, politics, health etc. and another important feature is giving visual impaired individuals ability to browse the internet.</li>
<li>Inspired by blind couples in Lagos, the Opebiyi’s who despite all odds go through struggle of child upbringing, providing for the family. Also inspired by Aisha, a blind student determined to complete her studies in the university despite the high cost of braille papers and learning kits, social barriers experienced and inability to access quality information from the internet.</li>
<li>According the World Health Organization there about 1.13 million people in Nigeria like Aisha and the Opebiyi couples. The difficulty of not been able to see or even appreciate one’s surrounding, happenings and people's facial expressions is disheartening. This triggered us to desire to make a change in the society.</li>
<li>We at Kyaun Technologies are using artificial intelligence, cloud computing, web engineering and other technologies to develop a low-budget wearable device to help the blind and visually impaired individuals to create perception of vision.</li>
</ul>
</div>
<div class="col-md-6">
<div class="w3-content w3-section" style="max-width:500px">
<img class="mySlides" src="igf7366402_2311401065788316_1470525844995702784_n.jpg" style="width:100%">
<img class="mySlides" src="iGlass.jpg" style="width:100%">
<img class="mySlides" src="real7330124_2311401025788320_6970218702880899072_n.jpg" style="width:100%">
</div>
</div>
</div>
</div>
</section>
<!---Award Section-->
<section id="award">
<div class="container">
<h1 class="title text-center">Awards</h1>
<div class="row">
<div class="col-md-6 award">
<p class="award-title">PAADC 3.0</p>
<ul>
<li>Second runner-up in the Prof. Ayodele Awojobi Design Competition (PAADC 3.0) and granted an investment portfolio of #700,000 to further develop the prototype ready for market. We were described by one of the judges as “next disruptive innovation that will change the country (Nigeria)”.</li>
</div>
<div class="col-md-6">
<div class="w3-content w3-section" style="max-width:500px">
<img class="mySlides" src="paadc_official-20190728-0002.jpg" style="width:100%">
<img class="mySlides" src="teama327205_2311401125788310_2429615990930145280_n.jpg" style="width:100%">
<img class="mySlides" src="real7330124_2311401025788320_6970218702880899072_n.jpg" style="width:100%">
</div>
</div>
</div>
</div>
</section>
<!--Team-->
<section class="sectioner" id="Team">
<div class="container">
<h1 class="title text-center">Meet The Team</h1>
<div class="card-wrapper">
<div class="cardie">
<!--<img src="C:\Users\pc\Desktop\IMGi\TeamEvent.jpg" alt="Background" class="cardie-img" width="200">-->
<img src="Khalifa1.jpeg" alt="Big" class="profile-img">
<h1>Abdullahi Muhammad Khalifa</h1>
<p class="job-title">Techie</p>
<p class="aboutie">
Electrical Engineering student with interest in Artificial intelligence
</p>
<a href="mailto:[email protected]" class="btn">Contact Me</a>
<ul class="social-media">
<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/KalyfaMuhd"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="https://www.linkedin.com/in/muhammad-khalifa-abdullahi-a42464183/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="cardie">
<img src="Dahir.jpeg" alt="Big" class="profile-img" width="200">
<h1>Dahir Muhammad Dahir</h1>
<p class="job-title">Techie/Researcher</p>
<p class="aboutie">
Computer Engineering Student,Ahmadu Bello University
</p>
<a href="mailto:[email protected]" class="btn">Contact Me</a>
<ul class="social-media">
<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="https://www.linkedin.com/in/dahir-muhammad-dahir-b81555128/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="cardie">
<!--<img src="C:\Users\pc\Desktop\IMGi\TeamEvent.jpg" alt="Background" class="cardie-img" width="200">-->
<img src="Abba.jpg" alt="Big" class="profile-img">
<h1>Emmanuel Abba</h1>
<p class="job-title">Web Development, Computer<br> Networking and Security</p>
<p class="aboutie">
Telecommunication and Electronics Engineering student<br> Ahmadu Bello University Zaria
</p>
<a href="mailto:[email protected]" class="btn">Contact Me</a>
<ul class="social-media">
<li><a href="https://www.facebook.com/emmanuel.abba.167"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="cardie">
<!--<img src="C:\Users\pc\Desktop\IMGi\TeamEvent.jpg" alt="Background" class="cardie-img" width="200">-->
<img src="funom.jpg" alt="Big" class="profile-img">
<h1>Japhet Funom</h1>
<p class="job-title">Business Lead</p>
<p class="aboutie">
Digital Marketing, Entrepreneurship<br> and Social Change
</p>
<a href="[email protected]" class="btn">Contact Me</a>
<ul class="social-media">
<li><a href="https://www.facebook.com/jAhfaith.funom"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/cultureshift18"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="cardie">
<!--<img src="C:\Users\pc\Desktop\IMGi\TeamEvent.jpg" alt="Background" class="cardie-img" width="200">-->
<img src="IMG-20200805-WA0067.jpg" alt="Big" class="profile-img" width="200">
<h1>Nuhu Ibrahim Sambo</h1>
<p class="job-title">Techie</p>
<p class="aboutie">
Graduate,BSc Computer Science
</p>
<a href="mailto:[email protected]" class="btn">Contact Me</a>
<ul class="social-media">
<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="cardie">
<img src="Mustapha.jpeg" alt="Big" class="profile-img" width="200">
<h1>Mustapha Abullahi</h1>
<p class="job-title">Team Lead</p>
<p class="aboutie">
Computer Engineering Student
</p>
<a href="mailto:[email protected]" class="btn">Get in Touch</a>
<ul class="social-media">
<li><a href="https://www.facebook.com/mustious"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/Mustious7"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="https://www.linkedin.com/in/mustious/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="cardie">
<!--<img src="C:\Users\pc\Desktop\IMGi\TeamEvent.jpg" alt="Background" class="cardie-img" width="200">-->
<img src="mb.jpg" alt="Big" class="profile-img">
<h1>Prof M.B Muazu</h1>
<p class="job-title">Mentor</p>
<p class="aboutie">
Head of Department<br>
Computer Engineering,Ahmadu Bello University
</p>
<a href="mailto:[email protected]" class="btn">Get in Touch</a>
<ul class="social-media">
<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="https://www.linkedin.com/in/muhammed-bashir-muazu-00288b40/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<!--Social Media Section-->
<section id="social-media">
<div class="container text-center">
<p>FIND US ON SOCIAL MEDIA</p>
<div class="social-icons">
<a href="#"><img src="facimages.png"></a>
<a href="#"><img src="Twit.png"></a>
<a href="https://www.linkedin.com/company/kyaun-technologies/about/"><img src="Linked.png"></a>
</div>
</div>
</section>
<!--Footer Section-->
<section id="footer">
<!--<img src="C:\Users\pc\Desktop\IMGi\white-wave-png.png" class="footer-img">-->
<div class="container">
<div class="row">
<div class="col-md-4 footer-box">
<img src="logo1.png" class="kyt">
<p><i>To get latest update on our projects and product please subcribe to our news letter</i></p>
</div>
<div class="col-md-4 footer-box">
<p><b>CONTACT US</b></p>
<P><i class="fa fa-map-marker"></i> Somewhere within the clouds</P>
<P><i class="fa fa-phone"></i> +2348145820004</P>
<a href="mailto:[email protected]"><P class="whit"><i class="fa fa-envelope-o"></i> [email protected]</P></a>
</div>
<div class="col-md-4 footer-box">
<p><b>SUBSCRIBE NEWSLETTER</b></p>
<input type="email" class="form=control" placeholder="Your Email">
<button type="button" class="btn btn-primary">Subscribe</button>
</div>
</div>
<hr>
<p class="copyright">© 2022 KYAUN TECH. All Rights Reserved.</p>
</div>
</section>
<!--Js-->
<script src="smooth-scroll.js"></script>
<script src="slide.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
</body>
</html>