root
256 lines
15 KiB
PHP
256 lines
15 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Al Rahma Sunday School</title>
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||
<meta content="" name="keywords">
|
||
<meta content="" name="description">
|
||
|
||
<!-- Favicon -->
|
||
<link href="<?= base_url('assets/images/favicon.ico') ?>" rel="icon">
|
||
|
||
<!-- Google Web Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@600&family=Lobster+Two:wght@700&display=swap"
|
||
rel="stylesheet">
|
||
|
||
<!-- Icon Font Stylesheet -->
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
||
|
||
<!-- Libraries Stylesheet -->
|
||
<link href="lib/animate/animate.min.css" rel="stylesheet">
|
||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
|
||
|
||
<!-- Customized Bootstrap Stylesheet -->
|
||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Template Stylesheet -->
|
||
<link href="assets/css/style.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container-xxl bg-white p-0">
|
||
<!-- Spinner Start -->
|
||
<div id="spinner"
|
||
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
||
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
|
||
<span class="sr-only">Loading...</span>
|
||
</div>
|
||
</div>
|
||
<!-- Spinner End -->
|
||
|
||
|
||
<!-- Navbar Start -->
|
||
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0">
|
||
<a href="<?= base_url('/') ?>" class="navbar-brand d-flex align-items-center">
|
||
<img src="<?= base_url('images/logo.png') ?>" alt="Al Rahma Sunday School" style="height: 40px;">
|
||
<h1 class="m-0 ms-2 green-title">Al Rahma Sunday School</h1>
|
||
</a>
|
||
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||
<div class="navbar-nav mx-auto">
|
||
<a href="<?= base_url('/') ?>" class="nav-item nav-link">Home</a>
|
||
<a href="<?= base_url('/about') ?>" class="nav-item nav-link">About Us</a>
|
||
<a href="<?= base_url('/classes') ?>" class="nav-item nav-link">Classes</a>
|
||
<div class="nav-item dropdown">
|
||
<a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">Pages</a>
|
||
<div class="dropdown-menu rounded-0 rounded-bottom border-0 shadow-sm m-0">
|
||
<a href="<?= base_url('/facility') ?>" class="dropdown-item">School Facilities</a>
|
||
<a href="team.html" class="dropdown-item">Popular Teachers</a>
|
||
<a href="<?= base_url('/call-to-action') ?>" class="dropdown-item">Become A Teacher or Admins</a>
|
||
<a href="appointment.html" class="dropdown-item">Make Appointment</a>
|
||
<a href="testimonial.html" class="dropdown-item active">Testimonial</a>
|
||
<a href="<?= base_url('/notFound') ?>" class="dropdown-item">404 Error</a>
|
||
</div>
|
||
</div>
|
||
<a href="<?= base_url('/contact') ?>" class="nav-item nav-link">Contact Us</a>
|
||
</div>
|
||
<a href="/register" class="btn btn-primary rounded-pill px-3 d-none d-lg-block">Register
|
||
<i class="fa fa-arrow-right ms-3"></i></a>
|
||
<a href="/login" class="btn btn-primary rounded-pill px-3 d-none d-lg-block">Login<i
|
||
class="fa fa-arrow-right ms-3"></i></a>
|
||
|
||
</div>
|
||
</nav>
|
||
<!-- Navbar End -->
|
||
<!-- Page Header End -->
|
||
<div class="container-xxl py-5 page-header position-relative mb-5">
|
||
<div class="container py-5">
|
||
<h1 class="display-2 text-white animated slideInDown mb-4">Testimonial</h1>
|
||
<nav aria-label="breadcrumb animated slideInDown">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||
<li class="breadcrumb-item text-white active" aria-current="page">Testimonial</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
<!-- Page Header End -->
|
||
|
||
<!-- Testimonial Start -->
|
||
<div class="container-xxl py-5">
|
||
<div class="container">
|
||
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
|
||
<h1 class="mb-3">Parents/Guardians Say!</h1>
|
||
<p>Parents say our Sunday school is exceptional, praising the engaging curriculum and caring staff.
|
||
They appreciate the
|
||
positive impact on their children's spiritual growth and the sense of community we foster. Join
|
||
us and see why parents
|
||
highly recommend our program.</p>
|
||
</div>
|
||
<div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
|
||
<div class="testimonial-item bg-light rounded p-5">
|
||
<p class="fs-5">The teachers at this school are incredibly dedicated and supportive, always going the extra mile to help students succeed. The curriculum is comprehensive and engaging, preparing students well for future challenges. Additionally, the school's facilities are top-notch, providing a safe and conducive environment for learning.</p>
|
||
<div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
|
||
<img class="img-fluid flex-shrink-0 rounded-circle" src="images/testimonial-1.jpg"
|
||
style="width: 90px; height: 90px;">
|
||
<div class="ps-3">
|
||
<h3 class="mb-1">Parent Name</h3>
|
||
<!--span>Profession</span-->
|
||
</div>
|
||
<i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-item bg-light rounded p-5">
|
||
<p class="fs-5">The teachers at this school are incredibly supportive and always go the extra mile to ensure students understand the material.
|
||
The school facilities are well-maintained, providing a safe and conducive environment for learning.</p>
|
||
<div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
|
||
<img class="img-fluid flex-shrink-0 rounded-circle" src="images/testimonial-2.jpg"
|
||
style="width: 90px; height: 90px;">
|
||
<div class="ps-3">
|
||
<h3 class="mb-1">Parent Name</h3>
|
||
<!--span>Profession</span-->
|
||
</div>
|
||
<i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
|
||
</div>
|
||
</div>
|
||
<div class="testimonial-item bg-light rounded p-5">
|
||
<p class="fs-5">The school has a fantastic learning environment with dedicated teachers who genuinely care about students' success. The facilities are well-maintained and provide a safe space for both academic and extracurricular activities. Overall, it's a great place for children to grow and develop their skills.</p>
|
||
<div class="d-flex align-items-center bg-white me-n5" style="border-radius: 50px 0 0 50px;">
|
||
<img class="img-fluid flex-shrink-0 rounded-circle" src="images/testimonial-3.jpg"
|
||
style="width: 90px; height: 90px;">
|
||
<div class="ps-3">
|
||
<h3 class="mb-1">Parent Name</h3>
|
||
<!--span>Profession</span-->
|
||
</div>
|
||
<i class="fa fa-quote-right fa-3x text-primary ms-auto d-none d-sm-flex"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Testimonial End -->
|
||
|
||
<!-- Footer Start -->
|
||
<div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
|
||
<div class="container py-5">
|
||
<div class="row g-5">
|
||
<div class="col-lg-3 col-md-6">
|
||
<h3 class="text-white mb-4">Get In Touch</h3>
|
||
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>5 Courthouse Lane, Chelmsford, MA 01824
|
||
</p>
|
||
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+1 978-364-0219
|
||
0</p>
|
||
<p class="mb-2"><i class="fa fa-envelope me-3"></i>alrahma.isgl@gmail.com
|
||
</p>
|
||
<div class="d-flex pt-2">
|
||
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
|
||
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
|
||
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
|
||
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6">
|
||
<h3 class="text-white mb-4">Quick Links</h3>
|
||
<a class="btn btn-link text-white-50" href="">About Us</a>
|
||
<a class="btn btn-link text-white-50" href="">Contact Us</a>
|
||
<a class="btn btn-link text-white-50" href="">Our Services</a>
|
||
<a class="btn btn-link text-white-50" href="">Privacy Policy</a>
|
||
<a class="btn btn-link text-white-50" href="">Terms & Condition</a>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6">
|
||
<h3 class="text-white mb-4">Photo Gallery</h3>
|
||
<div class="row g-2 pt-2">
|
||
<div class="col-4">
|
||
<img class="img-fluid rounded bg-light p-1" src="<?= base_url('assets/images/classes-1.jpg') ?>" alt="">
|
||
</div>
|
||
<div class="col-4">
|
||
<img class="img-fluid rounded bg-light p-1" src="<?= base_url('assets/images/classes-2.jpg') ?>" alt="">
|
||
</div>
|
||
<div class="col-4">
|
||
<img class="img-fluid rounded bg-light p-1" src="<?= base_url('assets/images/classes-3.jpg') ?>" alt="">
|
||
</div>
|
||
<div class="col-4">
|
||
<img class="img-fluid rounded bg-light p-1" src="<?= base_url('assets/images/classes-4.jpg') ?>" alt="">
|
||
</div>
|
||
<div class="col-4">
|
||
<img class="img-fluid rounded bg-light p-1" src="<?= base_url('assets/images/classes-5.jpg') ?>" alt="">
|
||
</div>
|
||
<div class="col-4">
|
||
<img class="img-fluid rounded bg-light p-1" src="<?= base_url('assets/images/classes-6.jpg') ?>" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6">
|
||
<h3 class="text-white mb-4">Newsletter</h3>
|
||
<p>Our newsletter is your gateway to staying informed and connected with our Sunday school community. </p>
|
||
<div class="position-relative mx-auto" style="max-width: 400px;">
|
||
<input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text"
|
||
placeholder="Your email">
|
||
<button type="button"
|
||
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">SignUp</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="copyright">
|
||
<div class="row">
|
||
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
||
© <a class="border-bottom" href="#">Al Rahma Sunday School by ISGL</a>, All Right
|
||
Reserved.
|
||
|
||
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
|
||
Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a>
|
||
</div>
|
||
<div class="col-md-6 text-center text-md-end">
|
||
<div class="footer-menu">
|
||
<a href="">Home</a>
|
||
<a href="">Cookies</a>
|
||
<a href="">Help</a>
|
||
<a href="">FQAs</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer End -->
|
||
|
||
|
||
<!-- Back to Top -->
|
||
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
|
||
</div>
|
||
|
||
<!-- JavaScript Libraries -->
|
||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="lib/wow/wow.min.js"></script>
|
||
<script src="lib/easing/easing.min.js"></script>
|
||
<script src="lib/waypoints/waypoints.min.js"></script>
|
||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||
|
||
<!-- Template Javascript -->
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
|
||
</html>
|