-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacts.html
390 lines (376 loc) · 22.8 KB
/
contacts.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
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Page Title -->
<title>Sunnah Tech Lab | Connect with Us</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
<!-- Config -->
<link type="text/css" rel="stylesheet" href="css/config.css">
<!-- Libraries -->
<link type="text/css" rel="stylesheet" href="css/libs.css">
<!-- Template Styles -->
<link type="text/css" rel="stylesheet" href="css/style.css">
<!-- Responsive -->
<link type="text/css" rel="stylesheet" href="css/responsive.css">
<!-- Favicon -->
<link rel="icon" href="img/STL logo 1 copy.png" sizes="32x32">
</head>
<body>
<!-- Header -->
<header id="bringer-header" class="is-frosted is-sticky" data-appear="fade-down" data-unload="fade-up">
<!-- Desktop Header -->
<div class="bringer-header-inner">
<!-- Header Logo -->
<div class="bringer-header-lp">
<a href="./" class="bringer-logo">
<img src="img/STL logo 1 copy.png" alt="STL" width="88" height="24">
</a>
</div>
<!-- Main Menu -->
<div class="bringer-header-mp">
<nav class="bringer-nav">
<ul class="main-menu" data-stagger-appear="fade-down" data-stagger-delay="75">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about-us.html">About</a>
</li>
<li>
<a href="program.html">Programs</a>
</li>
<li>
<a href="contacts.html">Contact</a>
</li>
</ul>
</nav>
</div>
<!-- Header Button -->
<div class="bringer-header-rp">
<a href="contacts.html" class="bringer-button">Apply for Incubation</a>
</div>
</div>
<!-- Mobile Header -->
<div class="bringer-mobile-header-inner">
<a href="./" class="bringer-logo">
<img src="img/STL logo 1.png" alt="Sunnah Tech Lab" width="88" height="24">
</a>
<a href="#" class="bringer-mobile-menu-toggler">
<i class="bringer-menu-toggler-icon">
<span></span>
<span></span>
<span></span>
</i>
</a>
</div>
</header>
<!-- Page Main -->
<main id="bringer-main">
<div class="stg-container">
<!-- Section: Page Title -->
<section class="backlight-bottom">
<div class="stg-row stg-bottom-gap-l">
<div class="stg-col-6 stg-offset-3 align-center">
<h1 class="bringer-page-title" data-appear="fade-up" data-unload="fade-up">Connect with STL</h1>
<p class="bringer-large-text" data-appear="fade-up" data-delay="100" data-unload="fade-up">Join our community of innovators and entrepreneurs driving technological advancement in Northern Nigeria.</p>
</div>
</div>
<div class="bringer-parallax-media" data-parallax-speed="20" data-appear="fade-up" data-delay="200" data-unload="fade-up">
<img src="img/about us banner.jpg" alt="Sunnah Tech Lab Community" width="1920" height="960">
</div>
</section>
<!-- Section: About Us -->
<section>
<!-- Section Title -->
<div class="stg-row stg-bottom-gap">
<div class="stg-col-8">
<h2 data-split-appear="fade-up" data-unload="fade-up">Empowering Innovation in Northern Nigeria</h2>
</div>
<div class="stg-col-4"></div>
</div>
<!-- Section Content -->
<div class="stg-row stg-bottom-gap-l">
<div class="stg-col-6 stg-offset-6" data-appear="fade-up" data-delay="200" data-unload="fade-up">
<p>Sunnah Tech Lab (STL) is more than an innovation hub; we're a catalyst for change in Northern Nigeria's tech ecosystem. Our collaborative community fosters growth, learning, and success for startups, innovators, and entrepreneurs. Join us in transforming ideas into scalable solutions and building a thriving tech landscape, starting from Jos North.</p>
</div>
</div>
<!-- Grid Gallery -->
<div class="bringer-grid-3cols bringer-parallax-media bringer-m-grid-3cols stg-m-small-gap" data-stagger-appear="fade-up" data-delay="200" data-stagger-unload="fade-up">
<a href="#" class="bringer-lightbox-link" data-size="960x960">
<img src="img/step1.jpg" alt="STL Innovation Space" width="960" height="960">
</a>
<a href="#" class="bringer-lightbox-link" data-size="960x960">
<img src="img/step 3.jpg" alt="STL Collaboration Area" width="960" height="960">
</a>
<a href="#" class="bringer-lightbox-link" data-size="960x960">
<img src="img/vison to reality.jpg" alt="STL Tech Workshop" width="960" height="960">
</a>
</div>
</section>
<!-- Section: Let's Talk -->
<section class="backlight-top divider-bottom">
<!-- Section Title -->
<div class="stg-row bringer-section-title">
<div class="stg-col-8 stg-offset-2">
<div class="align-center">
<h2 data-appear="fade-up" data-unload="fade-up">Get Involved</h2>
<p class="bringer-large-text" data-appear="fade-up" data-delay="100" data-unload="fade-up">Reach out to the Sunnah Tech Lab team and become part of our innovative community:</p>
</div>
</div>
</div>
<!-- Contacts Grid -->
<div class="stg-row" data-stagger-appear="fade-up" data-delay="200" data-stagger-unload="fade-up">
<div class="stg-col-4 stg-tp-col-6 stg-tp-bottom-gap">
<!-- Phone -->
<div class="bringer-block stg-aspect-square stg-vertical-space-between">
<a href="tel:+2348012345678" class="bringer-grid-item-link"></a>
<div>
<h5>Phone<span class="bringer-accent">.</span></h5>
<h6>+234 903 866 5814</h6>
</div>
<p>Our team is available to discuss your innovative ideas and how STL can support your entrepreneurial journey.</p>
</div>
</div>
<div class="stg-col-4 stg-tp-col-6 stg-tp-bottom-gap">
<!-- Email -->
<div class="bringer-block stg-aspect-square stg-vertical-space-between">
<a href="mailto:[email protected]" class="bringer-grid-item-link"></a>
<div>
<h5>Email<span class="bringer-accent">.</span></h5>
<h6>[email protected]</h6>
</div>
<p>Send us a detailed message about your project or inquiries. We're here to guide you through our programs and resources.</p>
</div>
</div>
<div class="stg-col-4 stg-tp-col-12">
<!-- Social Media -->
<div class="bringer-block stg-aspect-square stg-tp-aspect-rectangle stg-vertical-space-between">
<div>
<h5>Social Media<span class="bringer-accent">.</span></h5>
<ul class="bringer-socials-list stg-small-gap" data-stagger-appear="fade-up" data-stagger-delay="75">
<li>
<a href="#" target="_blank" class="bringer-socials-facebook">
<i></i>
</a>
</li>
<li>
<a href="#" target="_blank" class="bringer-socials-instagram">
<i></i>
</a>
</li>
<li>
<a href="#" target="_blank" class="bringer-socials-x">
<i></i>
</a>
</li>
<li>
<a href="#" target="_blank" class="bringer-socials-linkedin">
<i></i>
</a>
</li>
</ul>
</div>
<p>Follow us on social media for updates on our programs, success stories, and insights into Northern Nigeria's growing tech ecosystem.</p>
</div>
</div>
</div>
</section>
<!-- Map -->
<section>
<!-- Section Title -->
<div class="stg-row bringer-section-title">
<div class="stg-col-8 stg-offset-2">
<div class="align-center">
<h2 data-appear="fade-up" data-unload="fade-up">Visit Our Innovation Hub</h2>
<p class="bringer-large-text" data-appear="fade-up" data-delay="100" data-unload="fade-up">Experience the energy of innovation firsthand. Schedule a visit to our state-of-the-art facility in Jos North.</p>
</div>
</div>
</div>
<!-- Contacts Grid -->
<div class="stg-row">
<div class="stg-col-4 stg-tp-col-6 stg-m-bottom-gap" data-appear="fade-right" data-delay="100" data-unload="fade-left">
<!-- Address -->
<div class="bringer-block stg-aspect-square stg-vertical-space-between">
<a href="#" class="bringer-grid-item-link"></a>
<div>
<h5>Address<span class="bringer-accent">.</span></h5>
<h6>Sunnah Private School, Angwan Rimi, Jos North,<br>Plateau State, Nigeria</h6>
</div>
<p>Our hub is a vibrant space where ideas come to life. Come and immerse yourself in our innovative environment.</p>
</div>
</div>
<div class="stg-col-8 stg-tp-col-6" data-appear="fade-left" data-delay="200" data-unload="fade-right">
<iframe class="bringer-google-map" src=" https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50300.51928287872!2d8.849168606311043!3d9.9163709609537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x10537317e5a73ce5%3A0x7b02ee8db74aaf4b!2sSunnah%20Privet%20School!5e0!3m2!1sen!2sus!4v1724604651357!5m2!1sen!2sus" width="790" height="379" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
<!-- Section: CTA Form -->
<section class="backlight-top is-fullwidth">
<div class="stg-row stg-valign-middle stg-cta-with-image stg-tp-column-reverse">
<div class="stg-col-5" data-unload="fade-left">
<div class="bringer-offset-image" data-bg-src="img/vison to reality.jpg" data-appear="fade-up" data-threshold="0.25"></div>
<form action="mail.php" method="post" class="bringer-contact-form bringer-block" data-fill-error="Please complete all fields in the contact form." data-appear="fade-right" data-threshold="0.25">
<div class="bringer-form-content">
<!-- Field: Name -->
<label for="name">Your Name</label>
<input type="text" id="name" name="name" placeholder="Full Name" required>
<!-- Field: Email -->
<label for="email">Your Email</label>
<input type="email" id="email" name="email" placeholder="[email protected]" required>
<!-- Field: Message -->
<label for="message">Your Message</label>
<textarea id="message" name="message" placeholder="Tell us about your project or inquiry" required></textarea>
<!-- Form Button -->
<button type="submit" value="Send Message">Submit Inquiry</button>
<div class="bringer-contact-form__response"></div>
</div>
<span class="bringer-form-spinner"></span>
</form>
</div>
<div class="stg-col-6 stg-offset-1" data-unload="fade-right">
<div class="bringer-cta-form-content">
<div class="bringer-cta-form-title" data-split-appear="fade-up" data-split-delay="100" data-split-by="line">
Join the Innovation Movement in Northern Nigeria
</div>
<div class="bringer-cta-text">
<div class="stg-row stg-valign-middle"><div class="stg-col-2 stg-offset-2 stg-tp-col-1 stg-tp-offset-3 stg-m-col-1 stg-m-offset-2" data-appear="fade-right">
<i class="bringer-cta-icon"></i>
</div>
<div class="stg-col-8 stg-tp-col-7 stg-m-col-8 stg-m-offset-1" data-appear="fade-left">
<p class="bringer-large-text">We empower innovators, entrepreneurs, and startups to build scalable solutions that address local challenges and drive economic growth in Northern Nigeria.</p>
</div>
</div>
</div>
<div class="bringer-cta-counters bringer-grid-3cols bringer-m-grid-3cols" data-stagger-appear="fade-up" data-stagger-delay="100">
<!-- Counter Item -->
<div class="bringer-counter bringer-small-counter" data-delay="3000">
<div class="bringer-counter-number">50+</div>
<div class="bringer-counter-label">Startups Incubated</div>
</div><!-- .bringer-counter -->
<!-- Counter Item -->
<div class="bringer-counter bringer-small-counter" data-delay="3000">
<div class="bringer-counter-number" data-suffix="K+">5</div>
<div class="bringer-counter-label">Community Members</div>
</div><!-- .bringer-counter -->
<!-- Counter Item -->
<div class="bringer-counter bringer-small-counter" data-delay="3000">
<div class="bringer-counter-number" data-suffix="+">3</div>
<div class="bringer-counter-label">Years of Impact</div>
</div><!-- .bringer-counter -->
</div>
</div>
</div>
</div>
</section>
</div><!-- .stg-container -->
<!-- Footer -->
<footer id="bringer-footer" data-appear="fade-up" data-unload="fade-down">
<!-- Footer Widgets Area -->
<div class="bringer-footer-widgets">
<div class="stg-container">
<div class="stg-row" data-stagger-appear="fade-left" data-stagger-delay="100">
<div class="stg-col-5 stg-tp-col-12 stg-tp-bottom-gap-l">
<div class="bringer-info-widget">
<a href="./" class="bringer-logo footer-logo">
<img src="img/STL logo 1 copy.png" alt="Sunnah Tech Lab" width="88" height="24">
</a>
<div class="bringer-info-description">Sunnah Tech Lab is an innovation hub fostering a collaborative community for startups, innovators, and entrepreneurs in Northern Nigeria. We're building a robust technology ecosystem, starting from Jos North, through hands-on learning and resource provision.</div>
<span class="bringer-label">Connect with us:</span>
<ul class="bringer-socials-list" data-stagger-appear="fade-up" data-stagger-delay="75">
<li>
<a href="#" target="_blank" class="bringer-socials-facebook">
<i></i>
</a>
</li>
<li>
<a href="#" target="_blank" class="bringer-socials-instagram">
<i></i>
</a>
</li>
<li>
<a href="#" target="_blank" class="bringer-socials-x">
<i></i>
</a>
</li>
<li>
<a href="#" target="_blank" class="bringer-socials-linkedin">
<i></i>
</a>
</li>
</ul>
</div>
</div>
<div class="stg-col-2 stg-offset-1 stg-tp-col-4 stg-m-col-4">
<div class="bringer-widget">
<h6>Programs</h6>
<div class="bringer-menu-widget">
<ul>
<li><a href="incubation.html">Startup Incubation</a></li>
<li><a href="acceleration.html">Tech Acceleration</a></li>
<li><a href="workshops.html">Skills Workshops</a></li>
<li><a href="mentorship.html">Mentorship</a></li>
<li><a href="events.html">Tech Events</a></li>
</ul>
</div>
</div><!-- .bringer-widget -->
</div>
<div class="stg-col-2 stg-tp-col-4 stg-m-col-4">
<div class="bringer-widget">
<h6>About STL</h6>
<div class="bringer-menu-widget">
<ul>
<li><a href="about-us.html">Our Mission</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="partners.html">Partners</a></li>
<li><a href="impact.html">Impact Stories</a></li>
<li><a href="contacts.html">Contact Us</a></li>
</ul>
</div>
</div><!-- .bringer-widget -->
</div>
<div class="stg-col-2 stg-tp-col-4 stg-m-col-4">
<div class="bringer-widget">
<h6>Resources</h6>
<div class="bringer-menu-widget">
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="apply.html">Apply Now</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms of Service</a></li>
</ul>
</div>
</div><!-- .bringer-widget -->
</div>
</div><!-- .stg-row -->
</div><!-- .stg-container -->
</div><!-- .bringer-footer-widgets -->
<!-- Footer Copyright Line -->
<div class="bringer-footer-line stg-container">
<div class="align-center">
Copyright © 2024 Sunnah Tech Lab. All Rights Reserved.
</div>
</div><!-- bringer-footer-line -->
</footer>
</main>
<!-- Right Click Protection Block -->
<div class="bringer-rcp-wrap">
<div class="bringer-rcp-overlay"></div>
<div class="bringer-rcp-container">
<h2>Right-click is disabled on this page.</h2>
</div>
</div>
<!-- Dynamic Backlight -->
<div class="bringer-backlight"></div>
<!-- JS Scripts -->
<script src="js/lib/jquery.min.js"></script>
<script src="js/lib/libs.js"></script>
<script src="js/contact_form.js"></script>
<script src="js/st-core.js"></script>
<script src="js/classes.js"></script>
<script src="js/main.js"></script>
</body>
</html>