fix home page display snd styling
Deploy to Shared Hosting / Shared hosting deploy (push) Failing after 49s
Tests / PHPUnit (push) Successful in 1m26s

This commit is contained in:
root
2026-09-02 23:15:24 -04:00
parent dbfd72c2f9
commit e81a1832ad
30 changed files with 940 additions and 2181 deletions
+25
View File
@@ -0,0 +1,25 @@
class AdministratorController extends BaseController
{
protected $roleModel;
protected $userModel;
protected $userRoleModel;
protected $configModel;
protected $semester;
protected $schoolYear;
protected $staffAttendanceModel;
public function __construct()
{
helper('auth');
$this->roleModel = new RoleModel();
$this->userModel = new UserModel();
$this->configModel = new ConfigurationModel();
$this->userRoleModel = new UserRoleModel();
$this->semester = getSemester();
$this->schoolYear = $this->configModel->getConfig('school_year');
$this->staffAttendanceModel = new StaffAttendanceModel();
}
/**
* Compute all allowed absence dates (future Sundays within Sep..May for the configured school year)
*/
+97
View File
@@ -0,0 +1,97 @@
}
return view('administrator/print_notification_admins', service('adminNotificationSettings')->printRecipientsPage());
}
public function savePrintNotificationRecipients()
{
if (!$this->canManageAdminNotifications()) {
return redirect()->to('/login');
}
$result = service('adminNotificationSettings')->savePrintRecipients((array) $this->request->getPost('notify'));
return redirect()->to('/administrator/print-notifications')
->with((string) ($result['type'] ?? 'info'), (string) ($result['message'] ?? ''));
}
public function studentProfiles()
{
$selectedYear = $this->currentSchoolYearName((string) ($this->schoolYear ?? ''));
return view(
'administrator/student_profiles',
service('administratorDirectory')->studentProfiles($selectedYear)
);
}
public function parentProfiles()
{
if ($redirect = $this->redirectWithoutLegacyTermFilters('administrator/parent_profiles')) {
return $redirect;
}
return view('administrator/parent_profile', service('administratorDirectory')->parentProfiles());
}
public function showEnrollmentWithdrawalPage()
{
try {
$schoolYearContext = $this->resolveSchoolYearContext();
$selectedYear = $schoolYearContext->yearName();
$payload = service('enrollmentWithdrawal')->buildRoster($selectedYear, (string) $this->semester);
return view('enroll_withdraw/enrollment_withdrawal', [
'students' => $payload['students'],
'classes' => $payload['classes'],
'selectedYear' => $selectedYear,
'currentYear' => $selectedYear,
'isCurrentYear' => ! $schoolYearContext->isReadonly(),
'missingYear' => $selectedYear === '',
]);
} catch (\Throwable $e) {
log_message('error', 'Enrollment/Withdrawal page error: {msg}', ['msg' => $e->getMessage()]);
return view('errors/html/error_500');
}
}
public function enrollmentWithdrawalData()
{
try {
$selectedYear = $this->currentSchoolYearName((string) ($this->schoolYear ?? ''));
$payload = service('enrollmentWithdrawal')->buildRoster($selectedYear, (string) $this->semester);
return $this->response->setJSON([
'students' => $payload['students'],
'classes' => $payload['classes'],
'csrfHash' => csrf_hash(),
'semester' => (string) $this->semester,
'school_year' => (string) $selectedYear,
]);
} catch (\Throwable $e) {
log_message('error', 'enrollmentWithdrawalData error: {msg}', ['msg' => $e->getMessage()]);
return $this->response->setStatusCode(500)->setJSON(['error' => 'Server error']);
}
}
public function showNewStudents()
{
return view(
'enroll_withdraw/new-students',
service('enrollmentWithdrawal')->newStudents((string) $this->schoolYear)
);
}
public function adminEnrollmentWithdrawalHandler()
{
$result = service('enrollmentWithdrawal')->updateStatuses(
$this->request->getPost('enrollment_status'),
(string) $this->schoolYear,
(string) $this->semester,
(int) (session()->get('user_id') ?? 0) ?: null
);
return redirect()->to(base_url('enroll_withdraw/enrollment_withdrawal'))
->with(!empty($result['ok']) ? 'success' : 'error', (string) ($result['message'] ?? ''));
}
}
+45
View File
@@ -0,0 +1,45 @@
private function allowedAbsenceDates(): array
{
$todayStr = local_date(utc_now(), 'Y-m-d');
try { $today = new \DateTimeImmutable($todayStr); } catch (\Throwable $e) { $today = new \DateTimeImmutable(); }
$sy = (string)($this->schoolYear ?? '');
$startYear = null; $endYear = null;
if (preg_match('/^(\d{4})\D+(\d{4})$/', $sy, $m)) {
$startYear = (int)$m[1];
$endYear = (int)$m[2];
} else {
$cy = (int)date('Y');
$cm = (int)date('n');
if ($cm >= 9) { // Sep-Dec
$startYear = $cy;
$endYear = $cy + 1;
} else {
$startYear = $cy - 1;
$endYear = $cy;
}
}
try {
$start = new \DateTimeImmutable(sprintf('%04d-09-01', $startYear));
$end = new \DateTimeImmutable(sprintf('%04d-05-31', $endYear));
} catch (\Throwable $e) {
return [];
}
if ($start < $today) {
$start = $today;
}
$dates = [];
for ($cursor = $start; $cursor <= $end; $cursor = $cursor->modify('+1 day')) {
if ((int)$cursor->format('w') === 0) { // Sunday
$dates[] = $cursor->format('Y-m-d');
}
}
return $dates;
}
/**
* Admin self-service absence/vacation page (same features as teacher page)
*/
+32
View File
@@ -0,0 +1,32 @@
public function absenceFormAdmin()
{
$userId = (int)(session()->get('user_id') ?? 0);
if ($userId <= 0) {
return redirect()->to('login')->with('error', 'Please log in first.');
}
$admin = $this->userModel->find($userId);
$displayName = $admin ? trim(($admin['firstname'] ?? '') . ' ' . ($admin['lastname'] ?? '')) : 'Administrator';
$semester = (string)($this->semester ?? '');
$schoolYear = (string)($this->schoolYear ?? '');
$existing = $this->staffAttendanceModel
->where('user_id', $userId)
->where('semester', $semester)
->where('school_year', $schoolYear)
->orderBy('date', 'DESC')
->findAll();
return view('administrator/absence_vacation', [
'admin_name' => $displayName,
'semester' => $semester,
'schoolYear' => $schoolYear,
'existing' => $existing,
'availableDates' => $this->allowedAbsenceDates(),
]);
}
/**
* Handle admin absence submission (upserts staff_attendance like the teacher flow)
*/
+124
View File
@@ -0,0 +1,124 @@
public function submitAbsenceAdmin()
{
$userId = (int)(session()->get('user_id') ?? 0);
if ($userId <= 0) {
return redirect()->to('login')->with('error', 'Please log in first.');
}
$semester = (string)($this->semester ?? '');
$schoolYear = (string)($this->schoolYear ?? '');
if ($schoolYear === '') {
return redirect()->to('/administrator/absence')->with('status', 'error')->with('message', 'Semester or school year not configured.');
}
$semesterResolver = new SemesterRangeService($this->configModel);
$dates = (array)($this->request->getPost('dates') ?? []);
$reasonType = trim((string)($this->request->getPost('reason_type') ?? ''));
$reasonText = trim((string)($this->request->getPost('reason') ?? ''));
if ($reasonText === '') {
return redirect()->to('/administrator/absence')
->with('status', 'error')
->with('message', 'Reason is required.');
}
$reasonBase = ($reasonType !== '') ? strtolower($reasonType) : '';
$reason = $reasonBase !== '' ? ($reasonBase . ': ' . $reasonText) : $reasonText;
$allowedDates = $this->allowedAbsenceDates();
$allowedSet = array_fill_keys($allowedDates, true);
$roleName = $this->userModel->getUserRole($userId) ?: null;
$saved = 0; $invalid = [];
$savedDates = [];
$dates = array_values(array_unique(array_map('strval', $dates)));
foreach ($dates as $d) {
$d = trim((string)$d);
if ($d === '') continue;
$dt = date_create_from_format('Y-m-d', $d);
if (!$dt || $dt->format('Y-m-d') !== $d || empty($allowedSet[$d])) {
$invalid[] = $d;
continue;
}
$semesterForDate = $semesterResolver->getSemesterForDate($d);
if ($semesterForDate === '') {
$semesterForDate = $semester;
}
$ok = $this->staffAttendanceModel->upsertOne(
userId: $userId,
roleName: $roleName,
date: $d,
semester: $semesterForDate,
schoolYear: $schoolYear,
status: StaffAttendanceModel::STATUS_ABSENT,
reason: $reason,
editorId: $userId
);
if ($ok) { $saved++; $savedDates[] = $d; }
}
if (!empty($invalid)) {
return redirect()->to('/administrator/absence')
->with('status', 'error')
->with('message', 'Invalid dates: ' . implode(', ', $invalid));
}
// Send notification email to principal with request details
try {
$user = $this->userModel->find($userId) ?: [];
$fullName = trim(($user['firstname'] ?? '') . ' ' . ($user['lastname'] ?? '')) ?: 'Administrator';
$userEmail = $user['email'] ?? '';
$role = $roleName ?: 'admin';
$dateList = !empty($savedDates) ? implode(', ', $savedDates) : implode(', ', $dates);
$subject = sprintf('TimeOff Request: %s (%s) — %s', $fullName, ucfirst((string)$role), $dateList ?: 'No dates');
$submittedAt = utc_now();
$body = '<div style="font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;">'
. '<h3 style="margin:0 0 8px;">New TimeOff Request</h3>'
. '<p style="margin:0 0 12px;">A staff time-off request was submitted from the administrator portal.</p>'
. '<table cellpadding="6" cellspacing="0" style="border-collapse:collapse;">'
. '<tr><td><strong>Name</strong></td><td>' . esc($fullName) . '</td></tr>'
. '<tr><td><strong>Email</strong></td><td>' . esc($userEmail) . '</td></tr>'
. '<tr><td><strong>Role</strong></td><td>' . esc((string)$role) . '</td></tr>'
. '<tr><td><strong>Semester</strong></td><td>' . esc($semester) . '</td></tr>'
. '<tr><td><strong>School Year</strong></td><td>' . esc($schoolYear) . '</td></tr>'
. '<tr><td><strong>Reason Type</strong></td><td>' . esc($reasonType ?: '-') . '</td></tr>'
. '<tr><td><strong>Reason</strong></td><td>' . esc($reasonText) . '</td></tr>'
. '<tr><td><strong>Dates</strong></td><td>' . esc($dateList ?: '-') . '</td></tr>'
. '<tr><td><strong>Submitted At</strong></td><td>' . esc($submittedAt) . '</td></tr>'
. '</table>'
. '</div>';
$linkService = new StaffTimeOffLinkService();
$token = $linkService->createToken([
'uid' => $userId,
'email' => $userEmail,
'name' => $fullName,
'role' => $role,
'dates' => $dateList ?: '-',
'reason' => $reasonText,
'reason_type' => $reasonType,
'submitted_at' => $submittedAt,
'origin' => 'administrator portal',
]);
$notifyUrl = base_url('timeoff/notify/' . rawurlencode($token));
$body .= '<p style="margin-top:16px;">Click <a href="' . esc($notifyUrl) . '">Send confirmation email to '
. esc($fullName) . '</a> so the staff member is notified automatically. '
. 'This link expires in 14 days.</p>';
$mailer = \Config\Services::emailService();
$principalEmail = env('PRINCIPAL_EMAIL') ?: 'principal@alrahmaisgl.org';
$mailer->send($principalEmail, $subject, $body, 'notifications');
} catch (\Throwable $e) {
log_message('error', 'Failed to send TimeOff email (admin): ' . $e->getMessage());
}
return redirect()->to('/administrator/absence')
->with('status', 'success')
->with('message', $saved . ' day(s) saved as absent.');
}
+39
View File
@@ -0,0 +1,39 @@
public function index()
{
$data = [
'users' => $this->userModel->findAll(),
'roles' => $this->roleModel->findAll(),
];
return view('administrator/dashboard', $data);
}
public function isadministrator()
{
$session = session();
$allowedRoles = [
'administrator',
'admin',
'principal',
//'vice_principal',
//'vice principal',
];
$role = strtolower((string) $session->get('role'));
if ($role !== '' && in_array($role, $allowedRoles, true)) {
return true;
}
$roles = $session->get('roles');
if (is_array($roles)) {
foreach ($roles as $candidate) {
$candidate = strtolower((string) $candidate);
if ($candidate !== '' && in_array($candidate, $allowedRoles, true)) {
return true;
}
}
}
return false;
}
+35
View File
@@ -0,0 +1,35 @@
public function teachers()
{
return view('administrator/teachers'); // This is the correct view path
}
public function classes()
{
return view('administrator/classes');
}
public function subjects()
{
return view('administrator/subjects');
}
public function reports()
{
return view('administrator/reports');
}
public function teacherDashboard()
{
return view('teacher/dashboard');
}
public function parentDashboard()
{
return view('parent/dashboard');
}
public function CourseMaterials()
{
return view('administrator/course_materials');
}
+88
View File
@@ -0,0 +1,88 @@
public function administratorProfiles()
{
return view('administrator/administrator_profiles');
}
public function payrollManagement()
{
return view('administrator/payroll_management');
}
public function administratorAttendanceRecords()
{
return view('administrator/administrator_attendance_records');
}
public function performanceReviews()
{
return view('administrator/performance_reviews');
}
public function communicationLogs()
{
return view('administrator/communication_logs');
}
public function feePaymentRecords()
{
return view('administrator/fee_payment_records');
}
public function feedbackComplaints()
{
return view('administrator/feedback_complaints');
}
public function feeCollection()
{
return view('administrator/fee_collection');
}
public function expenseManagement()
{
return view('administrator/expense_management');
}
public function budgetReports()
{
return view('administrator/budget_reports');
}
public function scholarshipInformation()
{
return view('administrator/scholarship_information');
}
public function attendanceRecords()
{
return view('administrator/attendance_records');
}
public function academicPerformance()
{
return view('administrator/academic_performance');
}
public function behaviorReports()
{
return view('administrator/behavior_reports');
}
public function healthRecords()
{
return view('administrator/health_records');
}
public function contactInformation()
{
return view('administrator/contact_information');
}
private function redirectWithoutLegacyTermFilters(string $route): ?\CodeIgniter\HTTP\RedirectResponse
{
$legacyTermKeys = ['school_year', 'schoolYear', 'year', 'semester'];
$query = $this->request->getGet();
$hasLegacyTermFilter = false;
foreach ($legacyTermKeys as $key) {
if (array_key_exists($key, $query)) {
+100
View File
@@ -0,0 +1,100 @@
unset($query[$key]);
$hasLegacyTermFilter = true;
}
}
if (!$hasLegacyTermFilter) {
return null;
}
$target = site_url($route) . (!empty($query) ? '?' . http_build_query($query) : '');
return redirect()->to($target);
}
public function manageUsers()
{// Fetch all users
$users = $this->userModel->findAll();
// Fetch roles for each user
foreach ($users as &$user) {
$userRoles = ($this->userRoleModel)->where('user_id', $user['id'])->findAll();
$user['roles'] = [];
foreach ($userRoles as $userRole) {
$role = $this->roleModel->find($userRole['role_id']);
if ($role) {
$user['roles'][] = $role['name'];
}
}
}
$data['users'] = $users;
return view('administrator/manage_users', $data);
}
public function editUser($userId)
{$user = $this->userModel->find($userId);
// Fetch roles assigned to the user
$userRoles = $this->userRoleModel->where('user_id', $userId)->findAll();
$assignedRoles = [];
foreach ($userRoles as $userRole) {
$role = $this->roleModel->find($userRole['role_id']);
if ($role) {
$assignedRoles[] = $role['id'];
}
}
$roles = $this->roleModel->findAll();
$data = [
'user' => $user,
'roles' => $roles,
'assignedRoles' => $assignedRoles,
];
return view('administrator/edit_user', $data);
}
public function updateUser()
{$userId = $this->request->getPost('id');
$roleIds = $this->request->getPost('role_ids');
// Update user details
$data = [
'id' => $userId,
'firstname' => $this->request->getPost('firstname'),
'lastname' => $this->request->getPost('lastname'),
'email' => $this->request->getPost('email'),
];
$this->userModel->save($data);
// Update user roles
$this->userRoleModel->where('user_id', $userId)->delete();
foreach ($roleIds as $roleId) {
$this->userRoleModel->save([
'user_id' => $userId,
'role_id' => $roleId,
]);
}
service('staffDirectorySync')->syncUser((int) $userId);
return redirect()->to('/administrator/manage-users');
}
public function deleteUser($userId)
{// Delete user roles first
$this->userRoleModel->where('user_id', $userId)->delete();
// Delete the user
$this->userModel->delete($userId);
return redirect()->to('/administrator/manage-users');
}
private function canManageAdminNotifications(): bool
{
$session = session();
if (! $session->get('is_logged_in')) {
return false;
+100
View File
@@ -0,0 +1,100 @@
}
$role = trim((string) ($session->get('role') ?? ''));
if ($role === '') {
return false;
}
$excluded = array_map(
fn ($value) => strtolower(trim((string) $value)),
service('adminNotificationSettings')->excludedRoles()
);
return !in_array(strtolower($role), $excluded, true);
}
public function administratorDashboard()
{
helper('url');
$searchData = service('administratorDashboard')->search((string) $this->request->getGet('query'));
return view('administrator/administratordashboard', array_merge($searchData, [
'dashboardEndpoint' => site_url('api/administrator/dashboard'),
'schoolYear' => $this->schoolYear,
]));
}
public function dashboardMetrics()
{
return $this->response->setJSON(
service('administratorDashboard')->metrics((string) $this->schoolYear, (string) $this->semester)
);
}
public function userSearch()
{
$data = service('administratorDashboard')->search((string) $this->request->getGet('query'));
return view('administrator/search_results', $data);
}
public function teacherSubmissionsReport()
{
$semester = (string) ($this->semester !== '' ? $this->semester : (getSemester() ?? $this->semester ?? ''));
$schoolYear = trim((string) ($this->request->getGet('school_year') ?? ''));
if ($schoolYear === '') {
$schoolYear = $this->currentSchoolYearName((string) ($this->schoolYear ?? ''));
}
$lowProgressRaw = (string) $this->request->getGet('low_progress_sections');
$lowProgressSectionIds = array_values(array_unique(array_filter(array_map(
'intval',
preg_split('/\s*,\s*/', $lowProgressRaw, -1, PREG_SPLIT_NO_EMPTY)
))));
return view(
'administrator/teacher_submissions',
service('teacherSubmissionReport')->buildReport($semester, $schoolYear, $lowProgressSectionIds)
);
}
public function sendTeacherSubmissionNotifications()
{
$result = service('teacherSubmissionReport')->sendNotifications(
(array) $this->request->getPost(),
(string) ($this->semester !== '' ? $this->semester : (getSemester() ?? '')),
(int) (session()->get('user_id') ?? 0)
);
if (($result['redirect'] ?? '') === 'login') {
return redirect()->to('/login');
}
return redirect()->back()->with((string) ($result['type'] ?? 'info'), (string) ($result['message'] ?? ''));
}
public function notificationsAlerts()
{
if (!$this->canManageAdminNotifications()) {
return redirect()->to('/login');
}
return view('administrator/notifications_alerts', service('adminNotificationSettings')->alertsPage());
}
public function saveNotificationSubjects()
{
if (!$this->canManageAdminNotifications()) {
return redirect()->to('/login');
}
$result = service('adminNotificationSettings')->saveSubjects($this->request->getPost('subjects'));
return redirect()->to('/administrator/notifications_alerts')
->with((string) ($result['type'] ?? 'info'), (string) ($result['message'] ?? ''));
}
public function printNotificationRecipients()
{
if (!$this->canManageAdminNotifications()) {
return redirect()->to('/login');
+50
View File
@@ -0,0 +1,50 @@
23: public function __construct()
38: private function allowedAbsenceDates(): array
83: public function absenceFormAdmin()
115: public function submitAbsenceAdmin()
239: public function index()
249: public function isadministrator()
278: public function teachers()
283: public function classes()
288: public function subjects()
293: public function reports()
298: public function teacherDashboard()
303: public function parentDashboard()
308: public function CourseMaterials()
313: public function administratorProfiles()
318: public function payrollManagement()
323: public function administratorAttendanceRecords()
328: public function performanceReviews()
333: public function communicationLogs()
338: public function feePaymentRecords()
343: public function feedbackComplaints()
348: public function feeCollection()
353: public function expenseManagement()
358: public function budgetReports()
363: public function scholarshipInformation()
368: public function attendanceRecords()
373: public function academicPerformance()
378: public function behaviorReports()
383: public function healthRecords()
388: public function contactInformation()
393: private function redirectWithoutLegacyTermFilters(string $route): ?\CodeIgn
414: public function manageUsers()
435: public function editUser($userId)
459: public function updateUser()
486: public function deleteUser($userId)
496: private function canManageAdminNotifications(): bool
516: public function administratorDashboard()
528: public function dashboardMetrics()
535: public function userSearch()
542: public function teacherSubmissionsReport()
561: public function sendTeacherSubmissionNotifications()
576: public function notificationsAlerts()
585: public function saveNotificationSubjects()
597: public function printNotificationRecipients()
606: public function savePrintNotificationRecipients()
618: public function studentProfiles()
628: public function parentProfiles()
637: public function showEnrollmentWithdrawalPage()
658: public function enrollmentWithdrawalData()
677: public function showNewStudents()
685: public function adminEnrollmentWithdrawalHandler()
-239
View File
@@ -1,239 +0,0 @@
<!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="<?= base_url('lib/animate/animate.min.css') ?>" rel="stylesheet">
<link href="<?= base_url('lib/owlcarousel/assets/owl.carousel.min.css') ?>" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="<?= base_url('css/bootstrap.min.css') ?>" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="<?= base_url('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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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>
<a href="<?= base_url('/contact') ?>" class="nav-item nav-link">Contact Us</a>
</div>
<div class="d-flex">
<a href="/user/login" class="btn btn-primary rounded-pill px-3">Login<i class="fa fa-arrow-right ms-3"></i></a>
<a href="/register" class="btn btn-primary rounded-pill px-3 me-2">Register<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<!-- Page Header Start -->
<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">About Us</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item text-green"><a href="/">Home</a></li>
<li class="breadcrumb-item text-green"><a href="#">Pages</a></li>
<li class="breadcrumb-item text-green active" aria-current="page">About Us</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Page Header End -->
<!-- About Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<h1 class="mb-4">Learn More About Our Work And Our Cultural Activities</h1>
<p>Discover the impactful work we do and immerse yourself in our vibrant cultural activities.
</p>
<p class="mb-4">Our programs are designed to enrich the community, fostering a deep appreciation for diverse traditions and values.
Join us to experience firsthand the creativity and passion that drive our initiatives.
</p>
<div class="row g-4 align-items-center">
<div class="col-sm-6">
<a class="btn btn-primary rounded-pill py-3 px-5" href="#">Read More</a>
</div>
</div>
</div>
<div class="col-lg-6 about-img wow fadeInUp" data-wow-delay="0.5s">
<div class="row">
<div class="col-12 text-center">
<img class="img-fluid w-75 rounded-circle bg-light p-3" src="<?= base_url('images/about-1.jpg') ?>" alt="">
</div>
<div class="col-6 text-start" style="margin-top: -150px;">
<img class="img-fluid w-100 rounded-circle bg-light p-3" src="<?= base_url('images/about-2.jpg') ?>" alt="">
</div>
<div class="col-6 text-end" style="margin-top: -150px;">
<img class="img-fluid w-100 rounded-circle bg-light p-3" src="<?= base_url('images/about-3.jpg') ?>" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Call To Action Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded">
<div class="row g-0">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded" src="<?= base_url('images/call-to-action.jpg') ?>" style="object-fit: cover;">
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<div class="h-100 d-flex flex-column justify-content-center p-5">
<h1 class="mb-4">Become A Teacher or Admin</h1>
<p class="mb-4">Becoming a teacher or admin at our Sunday school is a rewarding opportunity to make a meaningful impact on young lives. As a teacher, you will inspire and guide children on their spiritual journey, fostering their growth and understanding of faith. As an admin, you will play a crucial role in supporting the school's operations and ensuring a smooth and effective learning environment. Join our dedicated team and contribute to a nurturing environment that shapes the future of our community.</p>
<a class="btn btn-primary py-3 px-5" href="#">Get Started Now<i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call To Action 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</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="<?= base_url('/about') ?>">About Us</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/contact') ?>">Contact Us</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/services') ?>">Our Services</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/privacy') ?>">Privacy Policy</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/terms') ?>">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">
&copy; <a class="border-bottom" href="#">Al Rahma Sunday School by ISGL</a>, All Right Reserved.
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="<?= base_url('lib/wow/wow.min.js') ?>"></script>
<script src="<?= base_url('lib/easing/easing.min.js') ?>"></script>
<script src="<?= base_url('lib/waypoints/waypoints.min.js') ?>"></script>
<script src="<?= base_url('lib/owlcarousel/owl.carousel.min.js') ?>"></script>
<!-- Template Javascript -->
<script src="<?= base_url('js/main.js') ?>"></script>
</body>
</html>
-270
View File
@@ -1,270 +0,0 @@
<!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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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="<?= base_url('/appointment') ?>" class="dropdown-item active">Make Appointment</a>
<a href="<?= base_url('/testimonial') ?>" class="dropdown-item">Testimonial</a>
<a href="<?= base_url('/notFound') ?>" class="dropdown-item">notFound 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">Appointment</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">Appointment</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Appointment Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded">
<div class="row g-0">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<div class="h-100 d-flex flex-column justify-content-center p-5">
<h1 class="mb-4">Make Appointment</h1>
<form>
<div class="row g-3">
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="gname"
placeholder="Gurdian Name">
<label for="gname">Gurdian Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="email" class="form-control border-0" id="gmail"
placeholder="Gurdian Email">
<label for="gmail">Gurdian Email</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="cname"
placeholder="Child Name">
<label for="cname">Child Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="cage"
placeholder="Child Age">
<label for="cage">Child Age</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control border-0"
placeholder="Leave a message here" id="message"
style="height: 100px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary w-100 py-3" type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded" src="images/appointment.jpg"
style="object-fit: cover;">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Appointment 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">
&copy; <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 authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors 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>
-230
View File
@@ -1,230 +0,0 @@
<!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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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="call-to-action.html" class="dropdown-item active">Become A Teacher or Admins</a>
<a href="appointment.html" class="dropdown-item">Make Appointment</a>
<a href="<?= base_url('/testimonial') ?>" class="dropdown-item">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">Become A Teacher or Admins</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">Become A Teacher or Admins</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Call To Action Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded">
<div class="row g-0">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded" src="images/call-to-action.jpg"
style="object-fit: cover;">
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<div class="h-100 d-flex flex-column justify-content-center p-5">
<h1 class="mb-4">Become A Teacher or Admin</h1>
<p class="mb-4">Becoming a teacher or admin at our Sunday school is a rewarding opportunity to make a meaningful impact on young lives. As a teacher, you will inspire and guide children on their spiritual journey, fostering their growth and understanding of faith. As an admin, you will play a crucial role in supporting the school's operations and ensuring a smooth and effective learning environment. Join our dedicated team and contribute to a nurturing environment that shapes the future of our community.</p>
<a class="btn btn-primary py-3 px-5" href="/register">Get Started Now<i
class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call To Action 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">
&copy; <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 authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors 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>
-231
View File
@@ -1,231 +0,0 @@
<!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="<?= base_url('lib/animate/animate.min.css') ?>" rel="stylesheet">
<link href="<?= base_url('lib/owlcarousel/assets/owl.carousel.min.css') ?>" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="<?= base_url('css/bootstrap.min.css') ?>" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="<?= base_url('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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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>
<a href="<?= base_url('/contact') ?>" class="nav-item nav-link">Contact Us</a>
</div>
<div class="d-flex">
<a href="/user/login" class="btn btn-primary rounded-pill px-3">Login<i class="fa fa-arrow-right ms-3"></i></a>
<a href="/register" class="btn btn-primary rounded-pill px-3 me-2">Register<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</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">Classes</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item text-green"><a href="/">Home</a></li>
<li class="breadcrumb-item text-green"><a href="#">Pages</a></li>
<li class="breadcrumb-item text-green active" aria-current="page">Classes</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Classes 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">School Classes</h1>
<p>Our school offers classes for students from grades 1 to 10, providing a comprehensive and engaging curriculum that fosters academic and personal growth. Additionally, our youth program offers enriching activities and mentorship for older students, helping them develop leadership skills and a sense of community. Together, these programs ensure a well-rounded education and support for every stage of your child's development.</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src="<?= base_url('assets/images/classes-1.jpg') ?>" alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">Quran Learning</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src="<?= base_url('assets/images/classes-2.jpg') ?>" alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">Islamic Studies</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="classes-item">
<div class="bg-light rounded-circle w-75 mx-auto p-3">
<img class="img-fluid rounded-circle" src="<?= base_url('assets/images/classes-3.jpg') ?>" alt="">
</div>
<div class="bg-light rounded p-4 pt-5 mt-n5">
<a class="d-block text-center h3 mt-3 mb-4" href="">Arabic Learning</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Classes 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
</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="<?= base_url('about.html') ?>">About Us</a>
<a class="btn btn-link text-white-50" href="<?= base_url('contact.html') ?>">Classes</a>
<a class="btn btn-link text-white-50" href="<?= base_url('services.html') ?>">Our Services</a>
<a class="btn btn-link text-white-50" href="<?= base_url('privacy.html') ?>">Privacy Policy</a>
<a class="btn btn-link text-white-50" href="<?= base_url('terms.html') ?>">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">
&copy; <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 authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors 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="<?= base_url('/') ?>" class="nav-item nav-link">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="<?= base_url('lib/wow/wow.min.js') ?>"></script>
<script src="<?= base_url('lib/easing/easing.min.js') ?>"></script>
<script src="<?= base_url('lib/waypoints/waypoints.min.js') ?>"></script>
<script src="<?= base_url('lib/owlcarousel/owl.carousel.min.js') ?>"></script>
<!-- Template Javascript -->
<script src="<?= base_url('js/main.js') ?>"></script>
</body>
</html>
-283
View File
@@ -1,283 +0,0 @@
<!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="<?= base_url('lib/animate/animate.min.css') ?>" rel="stylesheet">
<link href="<?= base_url('lib/owlcarousel/assets/owl.carousel.min.css') ?>" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="<?= base_url('css/bootstrap.min.css') ?>" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="<?= base_url('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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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>
<a href="<?= base_url('/contact') ?>" class="nav-item nav-link">Contact Us</a>
</div>
<div class="d-flex">
<a href="/user/login" class="btn btn-primary rounded-pill px-3">Login<i class="fa fa-arrow-right ms-3"></i></a>
<a href="/register" class="btn btn-primary rounded-pill px-3 me-2">Register<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<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">Contact Us</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb">
<li class="breadcrumb-item text-green"><a href="/">Home</a></li>
<li class="breadcrumb-item text-green"><a href="#">Pages</a></li>
<li class="breadcrumb-item text-green active" aria-current="page">Contact Us</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Contact 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">Get In Touch</h1>
<p>Get in touch with us today to learn more about our programs and how you can get involved.</p>
</div>
<div class="row g-4 mb-5">
<div class="col-md-6 col-lg-4 text-center wow fadeInUp" data-wow-delay="0.1s">
<div class="bg-light rounded-circle d-inline-flex align-items-center justify-content-center mb-4"
style="width: 75px; height: 75px;">
<i class="fa fa-map-marker-alt fa-2x text-primary"></i>
</div>
<h6>5 Courthouse Lane, Chelmsford, MA 01824</h6>
</div>
<div class="col-md-6 col-lg-4 text-center wow fadeInUp" data-wow-delay="0.3s">
<div class="bg-light rounded-circle d-inline-flex align-items-center justify-content-center mb-4"
style="width: 75px; height: 75px;">
<i class="fa fa-envelope-open fa-2x text-primary"></i>
</div>
<h6>alrahma.isgl@gmail.com</h6>
</div>
<div class="col-md-6 col-lg-4 text-center wow fadeInUp" data-wow-delay="0.5s">
<div class="bg-light rounded-circle d-inline-flex align-items-center justify-content-center mb-4"
style="width: 75px; height: 75px;">
<i class="fa fa-phone-alt fa-2x text-primary"></i>
</div>
<h6>+1 978-364-0219</h6>
</div>
</div>
<div class="bg-light rounded">
<div class="row g-0">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<div class="h-100 d-flex flex-column justify-content-center p-5">
<form id="contactForm">
<div class="row g-3">
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control border-0" id="name" name="name" placeholder="Your Name">
<label for="name">Your Name</label>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="email" class="form-control border-0" id="email" name="email" placeholder="Your Email">
<label for="email">Your Email</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<input type="text" class="form-control border-0" id="subject" name="subject" placeholder="Subject">
<label for="subject">Subject</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control border-0" placeholder="Leave a message here" id="message" name="message" style="height: 100px"></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary w-100 py-3" type="submit">Send Message</button>
</div>
<div id="formResponse" class="mt-3"></div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="min-height: 400px;">
<div class="position-relative h-100">
<iframe class="position-relative rounded w-100 h-100"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2949.902891223497!2d-71.3606721845427!3d42.59682637917086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e3a489bb344a85%3A0xeaba1b29330726cb!2s5%20Courthouse%20Ln%2C%20Chelmsford%2C%20MA%2001824%2C%20USA!5e0!3m2!1sen!2sbd!4v1627993075161!5m2!1sen!2sbd"
frameborder="0" style="min-height: 400px; border:0;" allowfullscreen=""
aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact 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
</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="<?= base_url('/about') ?>">About Us</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/contact') ?>">Contact Us</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/services') ?>">Our Services</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/privacy') ?>">Privacy Policy</a>
<a class="btn btn-link text-white-50" href="<?= base_url('/terms') ?>">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">
&copy; <a class="border-bottom" href="#">Al Rahma Sunday School by ISGL</a>, All Right Reserved.
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="<?= base_url('lib/wow/wow.min.js') ?>"></script>
<script src="<?= base_url('lib/easing/easing.min.js') ?>"></script>
<script src="<?= base_url('lib/waypoints/waypoints.min.js') ?>"></script>
<script src="<?= base_url('lib/owlcarousel/owl.carousel.min.js') ?>"></script>
<!-- Template Javascript -->
<script src="<?= base_url('js/main.js') ?>"></script>
<script>
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault();
let formData = new FormData(this);
fetch('contact_process.php', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
document.getElementById('formResponse').innerHTML = data;
document.getElementById('contactForm').reset();
})
.catch(error => console.error('Error:', error));
});
</script>
</body>
</html>
-37
View File
@@ -1,37 +0,0 @@
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = strip_tags(trim($_POST["name"]));
$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
$subject = strip_tags(trim($_POST["subject"]));
$message = trim($_POST["message"]);
// Check that data was sent to the mailer.
if (empty($name) || empty($subject) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
echo "Oops! There was a problem with your submission. Please complete the form and try again.";
exit;
}
// Set the recipient email address.
$recipient = "alrahma.isgl@gmail.com";
// Set the email subject.
$email_subject = "New contact from $name: $subject";
// Build the email content.
$email_content = "Name: $name\n";
$email_content .= "Email: $email\n\n";
$email_content .= "Message:\n$message\n";
// Build the email headers.
$email_headers = "From: $name <$email>";
// Send the email.
if (mail($recipient, $email_subject, $email_content, $email_headers)) {
echo "Thank you! Your message has been sent.";
} else {
echo "Oops! Something went wrong and we couldn't send your message.";
}
} else {
echo "There was a problem with your submission, please try again.";
}
?>
-91
View File
@@ -1,91 +0,0 @@
<!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="<?= base_url('public/lib/animate/animate.min.css'); ?>" rel="stylesheet">
<link href="<?= base_url('public/lib/owlcarousel/assets/owl.carousel.min.css'); ?>" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="<?= base_url('public/css/bootstrap.min.css'); ?>" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="<?= base_url('public/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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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 active">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>
<a href="<?= base_url('/contact') ?>" class="nav-item nav-link">Contact Us</a>
</div>
<a href="<?= base_url('/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="<?= base_url('/user/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 -->
<!-- Your page content here -->
<!-- Footer -->
<footer>
<!-- Your footer content -->
</footer>
<!-- 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.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="<?= base_url('public/lib/wow/wow.min.js'); ?>"></script>
<script src="<?= base_url('public/lib/easing/easing.min.js'); ?>"></script>
<script src="<?= base_url('public/lib/waypoints/waypoints.min.js'); ?>"></script>
<script src="<?= base_url('public/lib/owlcarousel/owl.carousel.min.js'); ?>"></script>
<!-- Template Javascript -->
<script src="<?= base_url('public/js/main.js'); ?>"></script>
</body>
</html>
-90
View File
@@ -1,90 +0,0 @@
<!-- footer.php -->
<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</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.php">About Us</a>
<a class="btn btn-link text-white-50" href="contact.php">Contact Us</a>
<a class="btn btn-link text-white-50" href="services.php">Our Services</a>
<a class="btn btn-link text-white-50" href="privacy.php">Privacy Policy</a>
<a class="btn btn-link text-white-50" href="terms.php">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>Discover the latest updates and exciting events happening at our school in this month's newsletter. From academic achievements to upcoming activities, stay informed and engaged with our vibrant 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">
&copy; <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 authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors 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="index.php">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 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>
<!-- 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>
-26
View File
@@ -1,26 +0,0 @@
<!-- header.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>
-51
View File
@@ -1,51 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>School</title>
<link rel="stylesheet" href="/css/styles.css"> <!-- Adjust the path accordingly -->
<link href="<?= base_url('assets/images/favicon.ico') ?>" rel="icon">
</head>
<body>
<div class="container">
<div class="left-side">
Al Rahma Sunday School
<!-- Add the logo image below the text -->
<img src="<?= base_url('assets/images/logo.png') ?>" alt="School Logo" class="logo"> <!-- Adjust the path accordingly -->
</div>
<div class="right-side">
<div class="login-container">
<h2>Login to your account</h2>
<div class="social-login">
<a href="#" class="facebook">f</a>
<a href="#" class="google">G+</a>
<a href="#" class="linkedin">in</a>
</div>
<p>____________________ OR ____________________</p>
<form method="post" action="/user/login">
<?= csrf_field(); ?>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
</div>
<div class="form-actions">
<button type="submit">Login</button>
<div class="form-links">
<a href="/register">Register</a>
<a href="<?= site_url('user/forgot_password') ?>">Forgot Password</a>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
+64 -14
View File
@@ -217,7 +217,13 @@
.ticker-track {
display: flex;
width: max-content;
animation: ticker-scroll 10s linear infinite;
animation: ticker-scroll 17s linear infinite;
will-change: transform;
}
.ticker-sequence {
display: flex;
flex: 0 0 auto;
}
.careers-ticker:hover .ticker-track,
@@ -229,6 +235,7 @@
.ticker-group {
display: flex;
align-items: center;
flex: 0 0 auto;
min-width: max-content;
}
@@ -262,7 +269,7 @@
}
@keyframes ticker-scroll {
from { transform: translateX(100vw); }
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@@ -424,12 +431,51 @@
@media (max-width: 900px) {
.story-block, .story-block.reverse {
flex-direction: column;
gap: 1.5rem;
}
.story-media {
min-height: 260px;
}
}
@media (max-width: 576px) {
.section {
padding: 2.25rem 0;
}
.section-tight {
padding: 2rem 0;
}
.container-narrow {
padding: 0 1rem;
}
.stats-band h2 {
margin-bottom: 1.5rem;
}
.story-block, .story-block.reverse {
gap: 1.15rem;
}
.story-text {
padding: 0;
}
.story-text p:last-child {
margin-bottom: 0;
}
.story-media {
min-height: 220px;
}
.curriculum-image {
min-height: 220px;
}
}
/* Curriculum block */
.curriculum-section {
background-color: var(--sage);
@@ -600,18 +646,22 @@
?>
<a class="careers-ticker" href="<?= site_url('careers') ?>" aria-label="View open volunteer positions">
<div class="ticker-track">
<?php for ($copy = 0; $copy < 2; $copy++): ?>
<div class="ticker-group" <?= $copy === 1 ? 'aria-hidden="true"' : '' ?>>
<span class="ticker-label">Now recruiting volunteers</span>
<?php foreach ($tickerItems as $item): ?>
<span class="ticker-item">
<span class="ticker-title"><?= esc($item['title']) ?></span>
<?php if ($item['meta'] !== ''): ?>
<span class="ticker-meta"><?= esc($item['meta']) ?></span>
<?php endif; ?>
<i class="fa fa-arrow-right" aria-hidden="true"></i>
</span>
<?php endforeach; ?>
<?php for ($sequence = 0; $sequence < 2; $sequence++): ?>
<div class="ticker-sequence" <?= $sequence === 1 ? 'aria-hidden="true"' : '' ?>>
<?php for ($copy = 0; $copy < 4; $copy++): ?>
<div class="ticker-group" <?= $sequence === 0 && $copy === 0 ? '' : 'aria-hidden="true"' ?>>
<span class="ticker-label">Now recruiting volunteers</span>
<?php foreach ($tickerItems as $item): ?>
<span class="ticker-item">
<span class="ticker-title"><?= esc($item['title']) ?></span>
<?php if ($item['meta'] !== ''): ?>
<span class="ticker-meta"><?= esc($item['meta']) ?></span>
<?php endif; ?>
<i class="fa fa-arrow-right" aria-hidden="true"></i>
</span>
<?php endforeach; ?>
</div>
<?php endfor; ?>
</div>
<?php endfor; ?>
</div>
-21
View File
@@ -1,21 +0,0 @@
<!-- navbar.php -->
<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" class="school-logo-circle" style="height: 40px; width: 40px; object-fit: contain; border-radius: 50%; background-color: #fff;">
<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 active">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>
<a href="<?= base_url('/contact') ?>" class="nav-item nav-link">Contact Us</a>
</div>
<a href="<?= base_url('/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="<?= base_url('/user/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>
+2 -2
View File
@@ -2,7 +2,7 @@
<div class="container">
<div class="row align-items-start justify-content-between">
<!-- Contact Info -->
<div class="col-md-6 col-12 mb-3 mb-md-0 text-md-start">
<div class="col-md-6 col-12 mb-3 mb-md-0 text-center text-md-start">
<ul class="list-unstyled mb-0 info-list">
<li class="info-title"></li>
<li><i class="fa fa-map-marker-alt me-2"></i>5 Courthouse Lane, Chelmsford, MA 01824</li>
@@ -76,4 +76,4 @@
max-width: none;
width: 100%;
}
</style>
</style>
-54
View File
@@ -1,54 +0,0 @@
<?php
/** @var array<int,array> $payments */
?>
<?= $this->extend('layout/management_layout') ?>
<?= $this->section('content') ?>
<div class="container-fluid py-3">
<div class="d-flex align-items-center justify-content-between mb-3">
<h1 class="h4 m-0">Payments</h1>
</div>
<div class="card">
<div class="card-body">
<div class="table-responsive">
<table class="table table-sm align-middle">
<thead class="table-light">
<tr>
<th>Date</th>
<th>Invoice #</th>
<th class="text-end">Paid Amount</th>
<th class="text-end">Invoice Balance</th>
<th>Method</th>
<th>Payment Status</th>
<th>Invoice Status</th>
<th>School Year</th>
</tr>
</thead>
<tbody>
<?php if (empty($payments)): ?>
<tr>
<td colspan="8" class="text-center text-muted py-4">No payment</td>
</tr>
<?php else: ?>
<?php foreach ($payments as $p): ?>
<tr>
<td><?= esc(!empty($p['payment_date']) ? local_date($p['payment_date'], 'm-d-Y') : '') ?></td>
<td><?= esc($p['invoice_number'] ?? ('#' . (int)($p['invoice_id'] ?? 0))) ?></td>
<td class="text-end">$<?= number_format((float)($p['paid_amount'] ?? 0), 2) ?></td>
<td class="text-end">$<?= number_format((float)($p['invoice_current_balance'] ?? 0), 2) ?></td>
<td><?= esc($p['payment_method'] ?? '') ?></td>
<td><?= esc($p['payment_status'] ?? '') ?></td>
<td><?= esc($p['invoice_status'] ?? '') ?></td>
<td><?= esc($p['school_year'] ?? '') ?></td>
</tr>
<?php endforeach; ?>
<?php endif; ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<?= $this->endSection() ?>
-6
View File
@@ -1,6 +0,0 @@
<!-- spinner.php -->
<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>
-78
View File
@@ -1,78 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Support</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Favicon -->
<link href="<?= base_url('assets/images/favicon.ico') ?>" rel="icon">
<style>
.dashboard-title {
border-bottom: 4px solid #007bff;
padding-bottom: 10px;
width: 100%;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 1.5rem;
}
@media (max-width: 576px) {
.pt-3.pb-2.mb-3 {
padding-left: 0;
}
}
</style>
</head>
<body>
<?php include(__DIR__ . '/partials/header.php'); ?>
<?php include(__DIR__ . '/partials/navbar.php'); ?>
<div class="container-fluid">
<div class="row">
<main class="col-12 px-md-4">
<div class="pt-3 pb-2 mb-3 dashboard-title">
<h1 class="h2">Support</h1>
<h5 class="h5 mt-2">Submit your support request</h5>
</div>
<?php if (session()->getFlashdata('success')): ?>
<div class="alert alert-success">
<?= session()->getFlashdata('success') ?>
</div>
<?php endif; ?>
<?php if (isset($validation)): ?>
<div class="alert alert-danger">
<?= $validation->listErrors() ?>
</div>
<?php endif; ?>
<?php helper(['form']); // Load form helper
?>
<form action="<?= base_url('/support/submit') ?>" method="post">
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" class="form-control" id="subject" name="subject"
value="<?= set_value('subject') ?>" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" id="message" name="message" rows="5"
required><?= set_value('message') ?></textarea>
</div>
<button type="submit" class="btn btn-primary mt-3">Submit</button>
</form>
</main>
</div>
</div>
<?php include(__DIR__ . '/partials/footer.php'); ?>
</body>
</html>
-203
View File
@@ -1,203 +0,0 @@
<!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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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 active">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="<?= base_url('/testimonial') ?>" class="dropdown-item">Testimonial</a>
<a href="<?= base_url('/notFound') ?>" class="dropdown-item">notFound 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">Teachers</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">Teachers</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header 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">
&copy; <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 authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors 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>
-255
View File
@@ -1,255 +0,0 @@
<!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; width: 40px; border-radius: 50%; object-fit: contain; background-color: #fff;">
<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">
&copy; <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 authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors 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>
+139
View File
@@ -0,0 +1,139 @@
AdditionalChargeModel.php
AdminNotificationSubjectModel.php
ApplicationModel.php
AttendanceCommentTemplateModel.php
AttendanceDataModel.php
AttendanceDayModel.php
AttendanceEmailTemplateModel.php
AttendanceRecordModel.php
AttendanceTrackingModel.php
AuthorizedUserModel.php
BadgePrintLogModel.php
BelowSixtyDecisionModel.php
CalendarModel.php
CertificateRecordModel.php
ClassModel.php
ClassPrepAdjustmentModel.php
ClassPreparationLogModel.php
ClassProgressAttachmentModel.php
ClassProgressReportModel.php
ClassSectionModel.php
CommunicationLogModel.php
CompetitionClassWinnerModel.php
CompetitionModel.php
CompetitionScoreModel.php
CompetitionWinnerModel.php
ConfigurationModel.php
ContactUsModel.php
CurrentFlagModel.php
DiscountUsageModel.php
DiscountVoucherModel.php
EarlyDismissalSignatureModel.php
EmailTemplateModel.php
EmergencyContactModel.php
EnrollmentAgeRuleModel.php
EnrollmentEmailRecordModel.php
EnrollmentExceptionModel.php
EnrollmentFlagModel.php
EnrollmentModel.php
EnrollmentTransitionAuditModel.php
EventChargesModel.php
EventModel.php
ExamDraftModel.php
ExamModel.php
ExpenseModel.php
FamilyCommPrefModel.php
FamilyGuardianModel.php
FamilyModel.php
FamilyStudentModel.php
FinalExamModel.php
FinalScoreModel.php
FinancialAidEstimateModel.php
FinancialAidRequestModel.php
FlagModel.php
GradingLockModel.php
HomeworkModel.php
InventoryCategoryModel.php
InventoryItemModel.php
InventoryItemYearModel.php
InventoryMovementModel.php
InvoiceEventModel.php
InvoiceModel.php
InvoiceStudentListModel.php
IpAttemptModel.php
JobPositionModel.php
JobTemplateModel.php
JobTemplateVersionModel.php
LateSlipLogModel.php
LoginActivityModel.php
ManualPaymentModel.php
MessageModel.php
MidtermExamModel.php
MissingScoreOverrideModel.php
NavItemModel.php
NotificationModel.php
ParentAttendanceReportModel.php
ParentMeetingScheduleModel.php
ParentModel.php
ParentNotificationModel.php
ParentPolicyAcceptanceModel.php
ParticipationModel.php
PasswordResetModel.php
PasswordResetRequestModel.php
PaymentCorrectionModel.php
PaymentErrorModel.php
PaymentModel.php
PaymentNotificationLogModel.php
PaymentTransactionModel.php
PermissionModel.php
PlacementBatchModel.php
PlacementLevelModel.php
PlacementScoreModel.php
PreferencesModel.php
PrintRequestModel.php
ProjectModel.php
PromotionQueueModel.php
PurchaseOrderItemModel.php
PurchaseOrderModel.php
QuizModel.php
RefundModel.php
RefundPayoutModel.php
ReimbursementBatchAdminFileModel.php
ReimbursementBatchItemModel.php
ReimbursementBatchModel.php
ReimbursementModel.php
ReportCardAcknowledgementModel.php
RoleModel.php
RoleNavItemModel.php
RolePermissionModel.php
SchoolYearClosingBatchModel.php
SchoolYearClosingItemModel.php
SchoolYearModel.php
SchoolYearTransitionLogModel.php
ScoreCommentModel.php
SectionModel.php
SemesterScoreModel.php
SettingsModel.php
StaffAttendanceModel.php
StaffModel.php
StudentAllergyModel.php
StudentBookIssueModel.php
StudentClassModel.php
StudentDecisionModel.php
StudentMedicalConditionModel.php
StudentModel.php
StudentSectionDistributionDraftModel.php
StudentYearStatusModel.php
SubjectCurriculumModel.php
SupplyCategoryModel.php
TeacherClassModel.php
TeacherModel.php
TeacherSubmissionNotificationHistoryModel.php
UserAccessProfileModel.php
UserModel.php
UserNotificationModel.php
UserRoleModel.php
WhatsappGroupLinkModel.php
WhatsappGroupMembershipModel.php
WhatsappInviteLogModel.php
WithdrawalFinancialCalculationModel.php