Skip to content

Commit 1899673

Browse files
balotofibalotofi
committed
activities update
1 parent 85cdd5e commit 1899673

File tree

1 file changed

+120
-140
lines changed

1 file changed

+120
-140
lines changed

‎index.html‎

Lines changed: 120 additions & 140 deletions
Original file line numberDiff line numberDiff line change
@@ -277,156 +277,136 @@ <h4 class="mb-3">Ground Station Development</h4>
277277
<!-- Projects End -->
278278

279279
<!-- Activities and Donate Start -->
280-
<div class="container-xxl bg-light my-5 py-5">
281-
<div class="container py-5">
282-
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
283-
<div class="d-inline-block rounded-pill bg-secondary text-primary py-1 px-3 mb-3">Feature Activities</div>
284-
<h1 class="display-6 mb-5">Everyone Deserves The Opportunity To Learn</h1>
280+
<div class="container-xxl bg-light my-5 py-5">
281+
<div class="container py-5">
282+
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px;">
283+
<div class="d-inline-block rounded-pill bg-secondary text-primary py-1 px-3 mb-3">Feature Activities</div>
284+
<h1 class="display-6 mb-5">Everyone Deserves The Opportunity To Learn</h1>
285+
</div>
286+
287+
<!-- Activities cards -->
288+
<div class="row g-4 justify-content-center">
289+
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
290+
<div class="activities-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100">
291+
<div class="text-center p-4 pt-0">
292+
<div class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4">
293+
<small>Online Meeting</small>
285294
</div>
286-
<div class="row g-4 justify-content-center">
287-
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
288-
<div class="activities-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100">
289-
<div class="text-center p-4 pt-0">
290-
<div class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4">
291-
<small>Online Meeting</small>
292-
</div>
293-
<h5 class="mb-3">Virtual Trainings and Bootcamps</h5>
294-
<p>Join our regular virtual discussions, where experts share insights on space-related topics, research, and development.</p>
295-
<div class="activities-progress bg-light p-3 pt-2">
296-
<div class="d-flex justify-content-between">
297-
<p class="text-dark">$10,000 <small class="text-body">Goal</small></p>
298-
<p class="text-dark">$9,542 <small class="text-body">Raised</small></p>
299-
</div>
300-
<div class="progress">
301-
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
302-
<span>90%</span>
303-
</div>
304-
</div>
305-
</div>
306-
</div>
307-
<div class="position-relative mt-auto">
308-
<img class="img-fluid" src="img/courses-1.jpg" alt="">
309-
<div class="activities-overlay">
310-
<a class="btn btn-outline-primary" href="">
311-
Read More
312-
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
313-
<i class="fa fa-arrow-right"></i>
314-
</div>
315-
</a>
316-
</div>
317-
</div>
318-
</div>
295+
<h5 class="mb-3">Virtual Trainings and Bootcamps</h5>
296+
<p>Join our regular virtual discussions, where experts share insights on space-related topics, research, and development.</p>
297+
<div class="activities-progress bg-light p-3 pt-2">
298+
<div class="d-flex justify-content-between">
299+
<p class="text-dark">$10,000 <small class="text-body">Goal</small></p>
300+
<p class="text-dark">$9,542 <small class="text-body">Raised</small></p>
301+
</div>
302+
<div class="progress">
303+
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
304+
<span>90%</span>
319305
</div>
320-
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
321-
<div class="activities-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100">
322-
<div class="text-center p-4 pt-0">
323-
<div class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4">
324-
<small>Our Activity</small>
325-
</div>
326-
<h5 class="mb-3">Past and Ongoing Projects</h5>
327-
<p>Explore past and ongoing projects, including satellite development, space missions, and technology demonstrations.</p>
328-
<div class="activities-progress bg-light p-3 pt-2">
329-
<div class="d-flex justify-content-between">
330-
<p class="text-dark">$10,000 <small class="text-body">Goal</small></p>
331-
<p class="text-dark">$9,542 <small class="text-body">Raised</small></p>
332-
</div>
333-
<div class="progress">
334-
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
335-
<span>90%</span>
336-
</div>
337-
</div>
338-
</div>
339-
</div>
340-
<div class="position-relative mt-auto">
341-
<img class="img-fluid" src="img/courses-2.jpg" alt="">
342-
<div class="activities-overlay">
343-
<a class="btn btn-outline-primary" href="">
344-
Read More
345-
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
346-
<i class="fa fa-arrow-right"></i>
347-
</div>
348-
</a>
349-
</div>
350-
</div>
351-
</div>
306+
</div>
307+
</div>
308+
</div>
309+
<!-- Removed image/overlay block -->
310+
</div>
311+
</div>
312+
313+
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
314+
<div class="activities-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100">
315+
<div class="text-center p-4 pt-0">
316+
<div class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4">
317+
<small>Our Activity</small>
318+
</div>
319+
<h5 class="mb-3">Past and Ongoing Projects</h5>
320+
<p>Explore past and ongoing projects, including satellite development, space missions, and technology demonstrations.</p>
321+
<div class="activities-progress bg-light p-3 pt-2">
322+
<div class="d-flex justify-content-between">
323+
<p class="text-dark">$10,000 <small class="text-body">Goal</small></p>
324+
<p class="text-dark">$9,542 <small class="text-body">Raised</small></p>
325+
</div>
326+
<div class="progress">
327+
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
328+
<span>90%</span>
352329
</div>
353-
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
354-
<div class="activities-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100">
355-
<div class="text-center p-4 pt-0">
356-
<div class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4">
357-
<small>Upcoming Activity</small>
358-
</div>
359-
<h5 class="mb-3">Upcoming events and programs</h5>
360-
<p>Stay informed about upcoming events, competitions, and hands-on training programs designed for students and educators.</p>
361-
<div class="activities-progress bg-light p-3 pt-2">
362-
<div class="d-flex justify-content-between">
363-
<p class="text-dark">$10,000 <small class="text-body">Goal</small></p>
364-
<p class="text-dark">$9,542 <small class="text-body">Raised</small></p>
365-
</div>
366-
<div class="progress">
367-
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
368-
<span>90%</span>
369-
</div>
370-
</div>
371-
</div>
372-
</div>
373-
<div class="position-relative mt-auto">
374-
<img class="img-fluid" src="img/courses-3.jpg" alt="">
375-
<div class="activities-overlay">
376-
<a class="btn btn-outline-primary" href="">
377-
Read More
378-
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
379-
<i class="fa fa-arrow-right"></i>
380-
</div>
381-
</a>
382-
</div>
383-
</div>
384-
</div>
385-
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
386-
<div class="h-100 bg-white p-5">
387-
<form>
388-
<div class="row g-3">
389-
<div class="col-12">
390-
<div class="form-floating">
391-
<input type="text" class="form-control bg-light border-0" id="name" placeholder="Your Name">
392-
<label for="name">Your Name</label>
393-
</div>
394-
</div>
395-
<div class="col-12">
396-
<div class="form-floating">
397-
<input type="email" class="form-control bg-light border-0" id="email" placeholder="Your Email">
398-
<label for="email">Your Email</label>
399-
</div>
400-
</div>
401-
<div class="col-12">
402-
<div class="btn-group d-flex justify-content-around">
403-
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
404-
<label class="btn btn-light py-3" for="btnradio1">$10</label>
330+
</div>
331+
</div>
332+
</div>
333+
<!-- Removed image/overlay block -->
334+
</div>
335+
</div>
405336

406-
<input type="radio" class="btn-check" name="btnradio" id="btnradio2">
407-
<label class="btn btn-light py-3" for="btnradio2">$20</label>
337+
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
338+
<div class="activities-item d-flex flex-column bg-white border-top border-5 border-primary rounded-top overflow-hidden h-100">
339+
<div class="text-center p-4 pt-0">
340+
<div class="d-inline-block bg-primary text-white rounded-bottom fs-5 pb-1 px-3 mb-4">
341+
<small>Upcoming Activity</small>
342+
</div>
343+
<h5 class="mb-3">Upcoming events and programs</h5>
344+
<p>Stay informed about upcoming events, competitions, and hands-on training programs designed for students and educators.</p>
345+
<div class="activities-progress bg-light p-3 pt-2">
346+
<div class="d-flex justify-content-between">
347+
<p class="text-dark">$10,000 <small class="text-body">Goal</small></p>
348+
<p class="text-dark">$9,542 <small class="text-body">Raised</small></p>
349+
</div>
350+
<div class="progress">
351+
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
352+
<span>90%</span>
353+
</div>
354+
</div>
355+
</div>
356+
</div>
357+
<!-- Removed image/overlay block -->
358+
</div>
359+
</div>
360+
</div>
408361

409-
<input type="radio" class="btn-check" name="btnradio" id="btnradio3">
410-
<label class="btn btn-light py-3" for="btnradio3">$30</label>
411-
</div>
412-
</div>
413-
<div class="col-12">
414-
<button class="btn btn-primary px-5" style="height: 60px;">
415-
Donate Now
416-
<div class="d-inline-flex btn-sm-square bg-white text-primary rounded-circle ms-2">
417-
<i class="fa fa-arrow-right"></i>
418-
</div>
419-
</button>
420-
</div>
421-
</div>
422-
</form>
423-
</div>
362+
<!-- Donate form full-width under the three cards -->
363+
<div class="row mt-5 justify-content-center">
364+
<div class="col-xl-6 col-lg-7 col-md-10 wow fadeIn" data-wow-delay="0.1s">
365+
<div class="h-100 bg-white p-5 rounded">
366+
<form>
367+
<div class="row g-3">
368+
<div class="col-12">
369+
<div class="form-floating">
370+
<input type="text" class="form-control bg-light border-0" id="name" placeholder="Your Name">
371+
<label for="name">Your Name</label>
372+
</div>
373+
</div>
374+
<div class="col-12">
375+
<div class="form-floating">
376+
<input type="email" class="form-control bg-light border-0" id="email" placeholder="Your Email">
377+
<label for="email">Your Email</label>
424378
</div>
379+
</div>
380+
<div class="col-12">
381+
<div class="btn-group d-flex justify-content-around">
382+
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" checked>
383+
<label class="btn btn-light py-3" for="btnradio1">$10</label>
384+
385+
<input type="radio" class="btn-check" name="btnradio" id="btnradio2">
386+
<label class="btn btn-light py-3" for="btnradio2">$20</label>
387+
388+
<input type="radio" class="btn-check" name="btnradio" id="btnradio3">
389+
<label class="btn btn-light py-3" for="btnradio3">$30</label>
425390
</div>
391+
</div>
392+
<div class="col-12">
393+
<button class="btn btn-primary px-5" style="height: 60px;" type="submit">
394+
Donate Now
395+
<div class="d-inline-flex btn-sm-square bg-white text-primary rounded-circle ms-2">
396+
<i class="fa fa-arrow-right"></i>
397+
</div>
398+
</button>
399+
</div>
426400
</div>
401+
</form>
427402
</div>
403+
</div>
428404
</div>
429-
<!-- Activities and Donate End -->
405+
406+
</div>
407+
</div>
408+
<!-- Activities and Donate End -->
409+
430410

431411

432412
<!-- Donate Start -->

0 commit comments

Comments
 (0)