Add 2 files
Browse files- index.html +70 -1
index.html
CHANGED
|
@@ -238,5 +238,74 @@
|
|
| 238 |
</section>
|
| 239 |
|
| 240 |
<!-- About Section -->
|
| 241 |
-
<section class="py-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 242 |
</html>
|
|
|
|
| 238 |
</section>
|
| 239 |
|
| 240 |
<!-- About Section -->
|
| 241 |
+
<section class="py-20 bg-gray-50">
|
| 242 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 243 |
+
<div class="lg:grid lg:grid-cols-2 lg:gap-12 lg:items-center">
|
| 244 |
+
<div>
|
| 245 |
+
<img class="w-full rounded-lg shadow-xl" src="https://images.unsplash.com/photo-1523240795612-9a054b0db644?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Students working together">
|
| 246 |
+
</div>
|
| 247 |
+
<div class="mt-12 lg:mt-0">
|
| 248 |
+
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
|
| 249 |
+
About CreateLab Africa
|
| 250 |
+
</h2>
|
| 251 |
+
<p class="mt-3 text-lg text-gray-500">
|
| 252 |
+
We are a pan-African organization dedicated to transforming STEM education across the continent.
|
| 253 |
+
</p>
|
| 254 |
+
<div class="mt-8">
|
| 255 |
+
<div class="flex">
|
| 256 |
+
<div class="flex-shrink-0">
|
| 257 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 258 |
+
<i class="fas fa-bullseye"></i>
|
| 259 |
+
</div>
|
| 260 |
+
</div>
|
| 261 |
+
<div class="ml-4">
|
| 262 |
+
<h3 class="text-lg leading-6 font-medium text-gray-900">Our Vision</h3>
|
| 263 |
+
<p class="mt-2 text-base text-gray-500">
|
| 264 |
+
To build an inclusive and innovative Africa where every young mind is empowered to create, explore, and lead through STEM.
|
| 265 |
+
</p>
|
| 266 |
+
</div>
|
| 267 |
+
</div>
|
| 268 |
+
<div class="mt-8">
|
| 269 |
+
<div class="flex">
|
| 270 |
+
<div class="flex-shrink-0">
|
| 271 |
+
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
|
| 272 |
+
<i class="fas fa-tasks"></i>
|
| 273 |
+
</div>
|
| 274 |
+
</div>
|
| 275 |
+
<div class="ml-4">
|
| 276 |
+
<h3 class="text-lg leading-6 font-medium text-gray-900">Our Mission</h3>
|
| 277 |
+
<p class="mt-2 text-base text-gray-500">
|
| 278 |
+
To inspire and nurture the next generation of African innovators through hands-on STEM education.
|
| 279 |
+
</p>
|
| 280 |
+
</div>
|
| 281 |
+
</div>
|
| 282 |
+
</div>
|
| 283 |
+
</div>
|
| 284 |
+
<div class="mt-8">
|
| 285 |
+
<a href="about.html" class="text-base font-medium text-blue-600 hover:text-blue-500">
|
| 286 |
+
Learn more about us <i class="fas fa-arrow-right ml-1"></i>
|
| 287 |
+
</a>
|
| 288 |
+
</div>
|
| 289 |
+
</div>
|
| 290 |
+
</div>
|
| 291 |
+
</div>
|
| 292 |
+
</section>
|
| 293 |
+
|
| 294 |
+
<!-- Impact Stats -->
|
| 295 |
+
<section class="py-20 bg-white">
|
| 296 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 297 |
+
<div class="lg:text-center">
|
| 298 |
+
<h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Our Impact</h2>
|
| 299 |
+
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
|
| 300 |
+
Changing Lives Through STEM
|
| 301 |
+
</p>
|
| 302 |
+
</div>
|
| 303 |
+
|
| 304 |
+
<div class="mt-16">
|
| 305 |
+
<div class="grid grid-cols-1 gap-8 md:grid-cols-3">
|
| 306 |
+
<div class="bg-gray-50 p-8 rounded-xl text-center">
|
| 307 |
+
<div class="flex items-center justify-center h-16 w-16 rounded-full bg-blue-100 mx-auto">
|
| 308 |
+
<i class="fas fa-users text-blue-600 text-2xl"></i>
|
| 309 |
+
</div>
|
| 310 |
+
<h3 class="mt-6 text
|
| 311 |
</html>
|