Islamic Online School

<!-- Hero --> <section class="section-header bg-secondary text-white" style="background-image: url('assets/img/bg-pattern.png');"> <div class="container"> <div class="row justify-content-between align-items-center"> <div class="col-12 col-md-5 col-lg-5 text-center text-md-left"> <h3 class="display-2 mb-4" style="text-align: justify;">Gateway <br class="d-none d-md-inline" />Virtual Academy</h3> <p class="lead mb-4 text-muted">Where The Path To Academic Excellence is our Goal while keeping in line with the Quran and Sunnah.&nbsp;</p> <a class="btn btn-tertiary mr-3 animate-up-2" href="services.html">What we do </a></div> <div class="col-12 col-md-7 d-none d-md-block text-center"> <div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="https://player.vimeo.com/video/346483800" allowfullscreen=""></iframe></div> </div> </div> </div> <div class="position-absolute bottom-0 left-0 w-100 d-none d-md-block mb-n2">&nbsp;</div> </section> <!-- End of Hero section --> <section class="section section-lg bg-soft "> <div class="container"> <div class="row"> <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0"> <div class="card border-light"><img class="card-img-top rounded-top" src="assets/img/team/profile-picture-1.jpg" alt="Elementary School" /> <div class="card-body"> <h3 class="h5 card-title mb-2">Elementary School</h3> <p class="card-text my-3">Offering self-paced instruction to kindergarten and first grade.</p> <p>Offering live and self-paced instruction to grades 2 - 5.</p> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0"> <div class="card border-light"><img class="card-img-top rounded-top" src="assets/img/team/profile-picture-3.jpg" alt="Middle School" /> <div class="card-body"> <h3 class="h5 card-title mb-2">Middle School</h3> <p class="card-text my-3">Offering live and self-paced instruction to grades 6 - 8.&nbsp;</p> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4 mb-5"> <div class="card border-light"><img class="card-img-top rounded-top" src="assets/img/team/profile-picture-2.jpg" alt="High School" /> <div class="card-body"> <h3 class="h5 card-title mb-2">High School</h3> <p>Offering live and self-paced instruction to grades 9 and 10.</p> <p>Offering self-paced instruction to grades 11 and 12.&nbsp;</p> </div> </div> </div> </div> </div> </section> <!-- End of section -->