<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keyword" content="">
<meta name="description" content="">
<title>Home - Air Foundation School System</title>
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#ffffff">
<!--==============================
Google 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=Baloo+2:wght@400;500;600;700;800&family=Jost:wght@300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<!-- Favicons - Place favicon.ico in the root directory -->
<link rel="shortcut icon" href="https://afss.pk/uploads/frontend/images/fav_icon87.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<!--==============================
All CSS File
============================== -->
<link rel="stylesheet" href="https://afss.pk/assets/frontend_new/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="https://afss.pk/assets/frontend_new/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="https://afss.pk/assets/frontend_new/css/magnific-popup.min.css">
<!-- Slick Slider -->
<link rel="stylesheet" href="https://afss.pk/assets/frontend_new/css/slick.min.css">
<!-- Nice Select -->
<link rel="stylesheet" href="https://afss.pk/assets/frontend_new/css/nice-select.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="https://afss.pk/assets/frontend_new/css/style.css">
<!-- Google Analytics -->
<script type="text/javascript">
document.documentElement.style.setProperty('--theme-color-hover', '#f04133');
document.documentElement.style.setProperty('--title-color', '#232323');
document.documentElement.style.setProperty('--theme-footer-text', '#ffffff');
document.documentElement.style.setProperty('--theme-radius', '0');
</script>
<style>
/* floating button section */
.floating-buttons-section{
background: transparent;
height: auto;
overflow: hidden;
z-index: 11;
position: fixed;
top: 87%;
left: 0;
right: auto;
padding: 30px;
transform: translate(0%, -50%);
transition: all 0.4s;
overflow: visible;
}
[dir="rtl"] .floating-buttons-section{
right: 0;
left: auto;
}
/* floating button */
.aiz-floating-button{
margin-bottom: 12px;
transition: all 0.8s;
}
.floating-buttons-section.show .aiz-floating-button{
margin-left: 0;
margin-right: auto;
}
[dir="rtl"] .floating-buttons-section.show .aiz-floating-button{
margin-right: 0;
margin-left: auto;
}
.aiz-floating-button a{
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
padding: 0;
font-size: 16px;
width: auto;
height: 50px;
border-radius: 25px;
color: #fff;
overflow: hidden;
box-shadow: 0px 10px 30px rgba(105, 105, 105, 0.5);
}
.aiz-floating-button a .circle{
width: 50px;
height: 50px;
border-radius: 25px;
background: #0D5EF4;
transition: all 0.8s cubic-bezier(0.65,0,.076,1);
position: relative;
display: flex;
align-items: center;
margin: 0;
overflow: hidden;
}
.aiz-floating-button a:hover .circle{
width: 220px;
}
.aiz-floating-button a .circle::before{
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: transparent;
z-index: 9;
transition: all 0.7s;
}
.aiz-floating-button a:hover .circle::before{
background-color: rgb(0 0 0 / 10%);
}
.aiz-floating-button a .circle span{
width: 50px;
height: 50px;
background: #0D5EF4;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.aiz-floating-button a .text {
transition: all 0.7s cubic-bezier(0.65,0,.076,1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0 20px;
margin: 0 0 0 -25rem;
font-size: 15px;
color: #fff;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
visibility: hidden;
opacity: 0;
}
[dir="rtl"] .aiz-floating-button a .text {
margin: 0 -25rem 0 0;
}
.aiz-floating-button a:hover .text {
visibility: visible;
z-index: 1;
opacity: 1;
margin: 0 0 0 1.85rem;
}
[dir="rtl"] .aiz-floating-button a .text > span{
margin-right: 2.1rem !important;
}
[dir="rtl"] .aiz-floating-button a .text > svg{
transform: rotate(180deg);
}
/* floating buttons section control */
.floating-buttons-section-control{
display: block;
background:#0D5EF4;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
margin-right: -35px;
}
[dir="rtl"] .floating-buttons-section-control{
margin-right: 0;
margin-left: -35px;
}
.floating-buttons-section-control i{
color: #fff;
font-size: 20px;
transition: all 0.8s;
}
.floating-buttons-section.show .floating-buttons-section-control {
box-shadow: 0px 10px 30px rgba(105, 105, 105, 0.5);
margin-right: auto;
}
[dir="rtl"] .floating-buttons-section.show .floating-buttons-section-control {
margin-right: 0;
margin-left: auto;
}
.floating-buttons-section.show .floating-buttons-section-control i{
transform: rotate(180deg);
}
.w-120px, .size-120px {
width: 120px;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.event-grid p{
margin:0px;
}
</style>
</head>
<body>
<!-- Preloader -->
<div class="preloader ">
<button class="th-btn style3 preloaderCls">Cancel Preloader </button>
<div class="preloader-inner">
<span class="loader"></span>
</div>
</div>
<header class="th-header header-layout14">
<link rel="stylesheet" href="https://afss.pk/assets/frontend/css/whatsapp_style.css">
<link rel="stylesheet" href="https://afss.pk/assets/vendor/sweetalert/sweetalert-custom.css">
<script src="https://afss.pk/assets/vendor/sweetalert/sweetalert.min.js"></script>
<script src="https://afss.pk/assets/vendor/jquery/jquery.min.js"></script>
<!-- Dropify CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/nice-select/1.1.0/css/nice-select.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://afss.pk/assets/vendor/font-awesome/css/all.min.css">
<div class="header-layout10">
<div class="header-top">
<div class="container">
<div class="row justify-content-center justify-content-lg-between align-items-center gy-2">
<div class="col-auto d-none d-lg-block">
<div class="header-links">
<ul>
<!-- <li><i class="far fa-phone"></i><a href="tel:+03334199233">03334199233</a></li>
<li class="d-none d-xl-inline-block"><i class="far fa-clock"></i>07:00 am to 3:00 pm</li>
<li><i class="far fa-envelope"></i><a href="mailto:afss@gmail.com">afss@gmail.com</a></li> -->
<li><i class="far fa-phone"></i><a href="#">UAN: +92 51 9260881-2</a></li>
<li class="d-none d-xl-inline-block"><i class="far fa-clock"></i>07:00 am to 3:00 pm</li>
<li><i class="far fa-envelope"></i><a href="#">info@afss.pk</a></li>
</ul>
</div>
</div>
<div class="col-auto">
<div class="header-links">
<ul>
<li>
<div class="header-social">
<a href="https://www.facebook.com/AlairFoundationHO?mibextid=ZbWKwL"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="https://twitter.com/https://twitter.com/AirFoundationHO"
target="_blank"><i class="fab fa-twitter"></i></a>
-->
<a href="https://www.youtube.com/@airfoundationschoolsystemh664"
target="_blank"><i class="fab fa-youtube"></i></a>
<!---->
<!--<a href="https://www.facebook.com"-->
<!-- target="_blank"><i class="fab fa-google-plus-g"></i></a>-->
<!---->
<!---->
<!--<a href="https://www.facebook.com"-->
<!-- target="_blank"><i class="fab fa-linkedin-in"></i></a>-->
<!---->
<!-- -->
<a href="https://www.instagram.com/airfoundationheadoffice/profilecard/?igsh=dWM3anI4eDlvZjNy"
target="_blank"><i class="fab fa-instagram"></i></a>
<!---->
<!--<a href="https://www.facebook.com"-->
<!-- target="_blank"><i class="fab fa-pinterest-p"></i></a>-->
<!---->
</div>
</li>
<li><a href="https://afss.pk/afss/authentication"><i class="fas fa-user"></i> Login</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==============================
Mobile Menu
============================== -->
<div class="th-menu-wrapper">
<div class="th-menu-area text-center">
<button class="th-menu-toggle"><i class="fal fa-times"></i></button>
<div class="mobile-logo">
<a href="https://afss.pk/afss"><img src="https://afss.pk/uploads/frontend/images/logo87.png" alt="Edura" style="height:60px; max-width:100%"></a>
</div>
<div class="th-mobile-menu">
<ul>
<li
class="menu-item-has-children">
<a href="https://afss.pk/afss/" >
Home </a>
</li>
<li
class="menu-item-has-children">
<a href="https://afss.pk/afss/events" >
Events </a>
</li>
<li
class="menu-item-has-children">
<a href="https://afss.pk/afss/admission" >
Online Admission </a>
</li>
<li
class="menu-item-has-children dropdown">
<a href="#" >
Pages </a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://afss.pk/afss/gallery"
>
Gallery </a>
</li>
</ul>
</li>
<li class="menu-item-has-children dropdown ">
<a href="#" class=""> Apply Franchises</a>
<ul class="sub-menu">
<li class="menu-item-has-children ">
<a href="https://afss.pk/afss/franchise-register" >Apply Franchise</a>
</li>
<li class="menu-item-has-children">
<a href="https://afss.pk/assets/frontend_new/img/catalouge.pdf" download>
Franchise information kit
</a>
</li>
</ul>
</li>
</ul>
<!-- <li class="menu-item-has-children dropdown">
Apply Franchises
<ul class="sub-menu">
<li class="menu-item-has-children">
<div class="col-auto d-xxl-block">
<div class="header-button">
<a href="https://afss.pk/afss/franchise-register" class="th-btn ml-15">APPLY FRANCHISE<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</li>
<li class="menu-item-has-children">
<a href="https://afss.pk/assets/frontend_new/img/catalouge.pdf" download>Download Catalogue Kit</a>
</li>
</ul>
</li> -->
</ul>
</div>
</div>
</div>
<div class="sticky-wrapper">
<div class="sticky-active">
<!-- Main Menu Area -->
<div class="menu-area">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-auto">
<div class="header-logo">
<a href="https://afss.pk/afss"><img src="https://afss.pk/uploads/frontend/images/logo87.png" class="image-size" alt="Edura" style="height:100px; max-width:100%"></a>
</div>
</div>
<div class="col-auto">
<div class="row align-items-center">
<div class="col-auto">
<nav class="main-menu d-none d-lg-inline-block">
<ul>
<liclass="menu-item-has-children">
<a href="https://afss.pk/afss/" >
Home </a>
</li>
<li
class="menu-item-has-children">
<a href="https://afss.pk/afss/events" >
Events </a>
</li>
<li
class="menu-item-has-children">
<a href="https://afss.pk/afss/admission" >
Online Admission </a>
</li>
<li
class="menu-item-has-children dropdown">
<a href="#" >
Pages </a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="https://afss.pk/afss/gallery"
>
Gallery </a>
</li>
</ul>
</li>
<li class="menu-item-has-children header-button">
<div>
<a href="#" class="nav-franchise-btn">
APPLY Franchise <i class="fas fa-arrow-right ms-2"></i>
</a>
</div>
<ul class="sub-menu" style="left: 14px;">
<li class="menu-item-has-children " >
<a href="https://afss.pk/afss/franchise-register" >
Apply Franchise
</a>
</li>
<li class="menu-item-has-children " >
<a href="https://afss.pk/assets/frontend_new/img/catalouge.pdf" download>
Franchise information kit
</a>
</li>
</ul>
</li>
</ul>
</nav>
<button type="button" class="th-menu-toggle d-inline-block d-lg-none"><i class="far fa-bars"></i></button>
</div>
<!-- <div class="col-auto d-none d-xxl-block">
<div class="header-button">
<a href="https://afss.pk/afss/franchise-register" class="th-btn ml-15">APPLY FRANCHISE<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="logo-bg"></div>
</div>
</div>
</div>
<style>
.error{
color:#ff0000;
}
.required{
color:#ff0000;
}
.nice-select .list {
max-height: 200px; /* Adjust based on the height of 4 options */
overflow-y: auto;
scrollbar-width: thin; /* For Firefox */
scrollbar-color: #0d5ef4 transparent; /* Adjust to match your design */
}
.nice-select .list::-webkit-scrollbar {
width: 8px; /* Adjust the width of the scrollbar */
}
.nice-select .list::-webkit-scrollbar-thumb {
background: #0d5ef4; /* Scrollbar color */
border-radius: 10px; /* Rounded corners for scrollbar */
}
.nice-select .list::-webkit-scrollbar-track {
background: transparent; /* Background of the scrollbar track */
}
/* Adjust search bar within the list */
.nice-select .search-bar {
padding: 8px 10px;
background: #fff;
position: sticky;
top: 0;
z-index: 1;
}
.nice-select .search-bar input {
width: 100%;
padding: 6px;
height: 37px;
border: 1px solid #ddd;
border-radius: 4px;
outline: none;
box-sizing: border-box;
background-color: #fff;
}
.news-text{
color:#0d5ef4 !important;
}
.latest-news{
display:flex;
}
@media (max-width:462px){
.latest-news{
display:block !important;
}
.buttons{
display:none;
}
.strip{
width:100% !important;
}
.image-size{
max-width:100% !important;
height:60px !important;
}
}
.dropify-wrapper .dropify-message p {
margin: 5px 0 0;
font-family: var(--body-font);
color: #777;
line-height: 1.75;
font-size: 14px;
}
.nav-franchise-btn{
padding: 13px 29px !important;
background-color:#0d5ef4 !important;
border-radius:5px !important;
color:#fff !important;
z-index:2 !important;
text-transform: uppercase !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.slider-margin{
background-color:#ffffff42 !important;
margin-top:89px !important;
margin-bottom:89px !important;
}
</style>
</header>
<!--==============================
Hero Area
==============================-->
<style>
@media (max-width: 575px) {
.hero-style15 {
padding: 15px 15px;
}
.slider-margin {
background-color: #ffffff42 !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
}
</style>
<div class="th-hero-wrapper hero-15 th-carousel" data-slide-show="1" data-md-slide-show="1" data-fade="true" id="hero">
<div class="th-hero-slide">
<div class="th-hero-bg" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/hero/hero_bg_10_1.jpg">
<img src="https://afss.pk/uploads/frontend/slider/home-slider-1756731328.png" width="1920" height="803" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style15 slider-margin" >
<div>
<div class="shadow-text" data-ani="slideinup" data-ani-delay="0.1s"></div>
<span class="hero-name" data-ani="slideindown" data-ani-delay="0.5s" style="color:#ff0000">ONE NATION ONE SCHOOL</span>
<h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Unlock Bright Futures</h1>
<p class="hero-text" data-ani="slideinup" data-ani-delay="0.1s" style="color:#000000">At Air Foundation School System, we nurture minds with innovative learning, fostering academic excellence and personal growth for a bright future.</p>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.3s">
<a href="https://afss.pk/afss/admission" class="th-btn style3">
<i class="fas fa-arrow-right ms-2"></i> Enroll Today! </a>
<a href="https://afss.pk/afss/franchise-register" style="background-color:white !important;color:#0d5ef4 !important" class="th-btn style2">Start A New Franchise!<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="th-hero-slide">
<div class="th-hero-bg" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/hero/hero_bg_10_1.jpg">
<img src="https://afss.pk/uploads/frontend/slider/home-slider-1733568614.png" width="1920" height="803" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style15 slider-margin" >
<div>
<div class="shadow-text" data-ani="slideinup" data-ani-delay="0.1s"></div>
<span class="hero-name" data-ani="slideindown" data-ani-delay="0.5s" style="color:#ff0000">A Countrywide School Network!</span>
<h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Shaping Tomorrow’s Leaders</h1>
<p class="hero-text" data-ani="slideinup" data-ani-delay="0.1s" style="color:#000000">Our comprehensive curriculum and experienced faculty empower students with the skills, knowledge, and values needed for lifelong success.</p>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.3s">
<a href="https://afss.pk/afss/admission" class="th-btn style3">
<i class="fas fa-arrow-right ms-2"></i> Get Admission! </a>
<a href="https://afss.pk/afss/franchise-register" style="background-color:white !important;color:#0d5ef4 !important" class="th-btn style2">Contact Us<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="th-hero-slide">
<div class="th-hero-bg" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/hero/hero_bg_10_1.jpg">
<img src="https://afss.pk/uploads/frontend/slider/home-slider-1733681235.png" width="1920" height="803" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style15 slider-margin" >
<div>
<div class="shadow-text" data-ani="slideinup" data-ani-delay="0.1s"></div>
<span class="hero-name" data-ani="slideindown" data-ani-delay="0.5s" style="color:#000000">Join a Legacy of Excellence</span>
<h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Building Strong Foundations</h1>
<p class="hero-text" data-ani="slideinup" data-ani-delay="0.1s" style="color:#000000">Experience a learning environment where potential thrives. We inspire creativity, critical thinking, and character development from preschool to high school.</p>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.3s">
<a href="https://afss.pk/afss/admission" class="th-btn style3">
<i class="fas fa-arrow-right ms-2"></i> Get Admission! </a>
<a href="https://afss.pk/afss/contact" style="background-color:white !important;color:#0d5ef4 !important" class="th-btn style2">Contact Us<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="th-hero-slide">
<div class="th-hero-bg" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/hero/hero_bg_10_1.jpg">
<img src="https://afss.pk/uploads/frontend/slider/home-slider-1756731363.png" width="1920" height="803" alt="Hero Image">
</div>
<div class="container">
<div class="hero-style15 slider-margin" >
<div>
<div class="shadow-text" data-ani="slideinup" data-ani-delay="0.1s"></div>
<span class="hero-name" data-ani="slideindown" data-ani-delay="0.5s" style="color:#006eff">Empowering Minds, Shaping Futures</span>
<h1 class="hero-title" data-ani="slideindown" data-ani-delay="0.3s">Excellence in Education Redefined</h1>
<p class="hero-text" data-ani="slideinup" data-ani-delay="0.1s" style="color:#000000">Air Foundation School System is committed to academic brilliance, character development, and lifelong learning, preparing students for a successful future.</p>
<div class="btn-group" data-ani="slideinup" data-ani-delay="0.3s">
<a href="https://afss.pk/afss/admission" class="th-btn style3">
<i class="fas fa-arrow-right ms-2"></i> Get Admission! </a>
<a href="https://afss.pk/afss/franchise-register" style="background-color:white !important;color:#0d5ef4 !important" class="th-btn style2">Start A New Franchise!<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--======== / Hero Section ========-->
<style>
.book-image-size{
height:224px !important;
width:210px !important;
}
.events-padding{
padding-top:30px !important;
padding-bottom:30px !important;
}
.datepicker {
z-index: 1050 !important; /* Bootstrap default modal z-index */
}
@media (max-width: 991px) {
.hero-4 .hero-img4 {
display: block;
margin-left:5px;margin-right:5px;
}
}
.team-card .team-desig {
color: var(--theme-color);
display: block;
font-family: var(--title-font);
margin-bottom: -0.45em;
height: 33px !important;
}
</style>
<!--==============================
Feature Area
==============================-->
<section class="space-top feature-sec">
<div class="container">
<div class="row gy-4 justify-content-center">
<div class="col-xl-3 col-md-6">
<div class="feature-list">
<div class="feature-list_icon">
<i class="fas fa-book-open"></i>
</div>
<h3 class="feature-list_title"><a href="#">Quality Education</a></h3>
<p class="feature-list_text">Offering a curriculum designed to foster critical thinking, creativity, and academic excellence.</P>
<!-- <a href="#" class="icon-btn"><i class="fas fa-arrow-right"></i></a> -->
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="feature-list">
<div class="feature-list_icon">
<i class="fas fa-chalkboard-teacher"></i>
</div>
<h3 class="feature-list_title"><a href="#">Expert Faculty</a></h3>
<p class="feature-list_text">A team of dedicated and qualified educators focused on nurturing student potential and growth.</P>
<!-- <a href="#" class="icon-btn"><i class="fas fa-arrow-right"></i></a> -->
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="feature-list">
<div class="feature-list_icon">
<i class="fas fa-school"></i>
</div>
<h3 class="feature-list_title"><a href="#">Diverse Campus</a></h3>
<p class="feature-list_text">A welcoming environment that values diversity and ensures the safety and well-being of all students.</P>
<!-- <a href="#" class="icon-btn"><i class="fas fa-arrow-right"></i></a> -->
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="feature-list">
<div class="feature-list_icon">
<i class="fas fa-flask"></i>
</div>
<h3 class="feature-list_title"><a href="#">Modern Facilities</a></h3>
<p class="feature-list_text">State-of-the-art facilities including science labs, libraries, and computer labs to support learning.</P>
<!-- <a href="#" class="icon-btn"><i class="fas fa-arrow-right"></i></a> -->
</div>
</div>
</div>
</div>
</section>
<!--==============================
About Area
==============================-->
<section class="space" id="about-sec">
<div class="container">
<div class="row flex-row-reverse align-items-center">
<div class="col-xl-6">
<div class="img-box12">
<div class="img1">
<img src="https://afss.pk/uploads/frontend/about/main_image87100.png" alt="Mockup">
</div>
<div class="img2">
<img src="https://afss.pk/uploads/frontend/about/additional_image287754.png" alt="Mockup">
</div>
<div class="student-count">
<div class="avater-list">
<div class="avater">
<img src="https://afss.pk/uploads/frontend/about/additional_image187199.png" alt="avater">
</div>
<div class="avater">
<img src="https://afss.pk/uploads/frontend/about/additional_image387882.png" alt="avater">
</div>
<div class="avater">
<img src="https://afss.pk/uploads/frontend/about/additional_image487317.png" alt="avater">
</div>
<div class="avater">
<img src="https://afss.pk/uploads/frontend/about/additional_image587170.png" alt="avater">
</div>
</div>
<p class="student-text">Join Over <span
class="text-theme fw-semibold counter-number">35000</span>+ Students</p>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="title-area mb-35">
<span class="sub-title">Empowering Young Minds for a Brighter Future</span>
<h2 class="sec-title fw-semibold">Air Foundation School System</h2>
</div>
<p class="mt-n2 mb-35">Air Foundation School System is a renowned educational institution committed to fostering academic excellence and personal growth in students. Operating from Islamabad, the school system is dedicated to providing a nurturing and innovative learning environment where students are encouraged to reach their full potential. With a curriculum designed to promote critical thinking, creativity, and a strong ethical foundation, Air Foundation School System prepares students to succeed in a rapidly changing world.</p>
<div class="list-column2 mb-45">
<div class="checklist style4">
<ul>
<li>Comprehensive Curriculum
</li>
<li>Experienced Faculty
</li>
</ul>
</div>
<div class="checklist style4">
<ul>
<li>Modern Learning Facilities
</li>
<li>Focus on Holistic Development</li>
</ul>
</div>
</div>
<a href="https://afss.pk/afss/admission" class="th-btn">Get Enrolled Today!<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</section>
<!--==============================
Feature Area
==============================-->
<div class="space gr-bg1">
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="wcu-img-3">
<div class="img1">
<img src="https://afss.pk/assets/frontend_new/img/why_chose_us/why_chose_us.jpg" alt="why">
</div>
<div class="text-end">
<div class="img2 video-box2">
<img src="https://afss.pk/assets/frontend_new/img/why_chose_us/why_choose_us_front.png" alt="why">
<a href="https://www.youtube.com/watch?v=eACtYWKsghw" class="play-btn style3 popup-video"><i class="fas fa-play"></i></a>
</div>
</div>
<div class="shape1">
<img src="https://afss.pk/assets/frontend_new/img/update1/shape/circle_6.png" alt="shape"></div>
<div class="shape2">
<img src="https://afss.pk/assets/frontend_new/img/update1/shape/circle_7.png" alt="shape">
</div>
</div>
</div>
<div class="col-xl-6">
<div class="title-area mb-35">
<span class="sub-title">Our Specialities You Like</span>
<h2 class="sec-title fw-semibold">Why Choose Us!</h2>
</div>
<div>
<div class="check-box">
<div class="icon">
<i class="fa-solid fa-circle-check"></i>
</div>
<div class="content">
<h3 class="title">Holistic Education Approach</h3>
<p class="text">We focus on academic excellence, character building, and personal development for every student.</p>
</div>
</div>
<div class="check-box">
<div class="icon">
<i class="fa-solid fa-circle-check"></i>
</div>
<div class="content">
<h3 class="title">Engaging Learning Environment</h3>
<p class="text">Our classrooms encourage curiosity, creativity, and critical thinking through interactive learning methods.</p>
</div>
</div>
<div class="check-box">
<div class="icon">
<i class="fa-solid fa-circle-check"></i>
</div>
<div class="content">
<h3 class="title">Qualified and Caring Faculty</h3>
<p class="text">Dedicated teachers provide personalized attention, nurturing students to reach their full potential.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape-mockup" data-bottom="0%" data-right="0"><img src="https://afss.pk/assets/frontend_new/img/update1/shape/line_3.png" alt="shape"></div>
</div>
<!--==============================
Hero Area
==============================-->
<div class="th-hero-wrapper hero-4" id="hero" style="background-color:#ffffff">
<!-- <div class="th-hero-bg" data-bg-src="https://afss.pk/assets/frontend_new/img/hero/hero_bg_4_1.jpg"></div> -->
<div class="container z-index-common">
<div class="row">
<div class="col-lg-7">
<div class="hero-style4">
<span class="hero-subtitle">A Visionary Leader in Education</span>
<h1 class="hero-title">Abdul Waheed Burdi,</h1>
<p class="hero-text" style="max-width: 729px;">Managing Director of Air Foundation School System, is a dynamic leader dedicated to transforming education through innovation and strategic leadership. His contributions span multiple sectors, including managing Cadet College Murree, StudyUK (study abroad consultancy), International Online School, and UKED (international examination system). His entrepreneurial vision extends into the business and technology domains, overseeing QuickWork (global ERP services), Murree Spring (water company), and String Beverages. Driven by a passion for excellence, he fosters growth, innovation, and lasting impact across education, technology, and business industries.</p>
</div>
</div>
<div class="col-lg-5 text-end">
<div class="hero-img4">
<img src="https://afss.pk/assets/frontend_new/img/waheed.jpg" alt="hero">
</div>
</div>
</div>
</div>
<div class="hero-shape shape1 spin">
<img src="https://afss.pk/assets/frontend_new/img/hero/shape_4_1.png" alt="shape">
</div>
<!-- <div class="hero-social">
<a target="_blank" href="https://facebook.com/">Facebook</a>
<a target="_blank" href="https://twitter.com/">Twitter</a>
<a target="_blank" href="https://instagram.com/">Instagram</a>
<a target="_blank" href="https://linkedin.com/">LinkedIn</a>
</div> -->
</div>
<!--==============================
Cta Area
==============================-->
<!-- <section class="bg-smoke-half">
<div class="container">
<div class="row">
<div class="col-xl-6 mb-30 mb-xl-0">
<div class="cta-box background-image" style="background-image: url(https://afss.pk/uploads/frontend/home_page/apply_section87.png);">
<h3 class="cta-title">Apply for Admission in 2024</h3>
<p class="cta-text">Begin Your Journey to Success at Air Foundation School System</p>
<a href="https://www.google.com" class="th-btn">Apply Now<i class="fas fa-arrow-right ms-2 ms-2"></i></a>
</div>
</div>
<div class="col-xl-6 mb-30 mb-xl-0">
<div class="cta-box background-image" style="background-image: url(https://afss.pk/uploads/frontend/home_page/apply_section87.png);">
<h3 class="cta-title">Apply for Scholarship 2024</h3>
<p class="cta-text">Unlock Opportunities for a Bright Future with Our Scholarship Program</p>
<a href="Nisi consectetur pra" class="th-btn">Apply Now<i class="fas fa-arrow-right ms-2 ms-2"></i></a>
</div>
</div>
</div>
</div>
</section> -->
<!--==============================
Admission Area
==============================-->
<!--==============================
Program Area
==============================-->
<section class="space bg-smoke" id="course-sec">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Explore Our Programs</span>
<h2 class="sec-title fw-semibold">Excellence In Teaching And Learning</h2>
</div>
<div class="row th-carousel slider-shadow" data-slide-show="3" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-xs-slide-show="1">
<!-- Single Item -->
<div class="col-md-6 col-xl-4">
<div class="admission-card">
<div class="admission-card_img">
<img src="https://afss.pk/uploads/frontend/course_category/course_category635.png" alt=" image">
</div>
<h3 class="admission-card_title box-title">Pre School</h3>
<!-- <p class="admission-card_text">0 + Courses</p> -->
<a href="https://afss.pk/afss/admission" class="link-btn">Apply Now<i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="admission-card">
<div class="admission-card_img">
<img src="https://afss.pk/uploads/frontend/course_category/course_category322.png" alt=" image">
</div>
<h3 class="admission-card_title box-title">Junior School</h3>
<!-- <p class="admission-card_text">0 + Courses</p> -->
<a href="https://afss.pk/afss/admission" class="link-btn">Apply Now<i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="admission-card">
<div class="admission-card_img">
<img src="https://afss.pk/uploads/frontend/course_category/course_category501.png" alt=" image">
</div>
<h3 class="admission-card_title box-title">High School</h3>
<!-- <p class="admission-card_text">0 + Courses</p> -->
<a href="https://afss.pk/afss/admission" class="link-btn">Apply Now<i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!--==============================
Feature Area
==============================-->
<!--==============================
Team Area
==============================-->
<section class="space bg-smoke overflow-hidden" id="team-sec" style="background-color:#ffffff !important;">
<div class="shape-mockup team2-bg-shape1 jump-reverse d-lg-block d-none" data-left="-2%" data-top="0">
<img src="https://afss.pk/assets/frontend_new/img/team/team-shape_1_1.png" alt="img">
</div>
<div class="shape-mockup team2-bg-shape2 jump d-lg-block d-none" data-left="30%" data-top="7%">
<img src="https://afss.pk/assets/frontend_new/img/team/team-shape_1_2.png" alt="img">
</div>
<div class="shape-mockup team2-bg-shape3 jump d-md-block d-none" data-left="4%" data-bottom="3%">
<img src="https://afss.pk/assets/frontend_new/img/team/team-shape_1_3.png" alt="img">
</div>
<div class="shape-mockup team2-bg-shape4 spin d-md-block d-none" data-left="40%" data-bottom="4%">
<img src="https://afss.pk/assets/frontend_new/img/team/team-shape_1_4.png" alt="img">
</div>
<div class="shape-mockup team2-bg-shape5 jump d-xxl-block d-none" data-right="-7%" data-top="10%">
<img src="https://afss.pk/assets/frontend_new/img/team/team-shape_1_5.png" alt="img">
</div>
<div class="container">
<div class="title-area text-center">
<span class="sub-title"><i class="fal fa-book me-2"></i> AFSS Team</span>
<h2 class="sec-title">Meet Our Dedicated Experts</h2>
</div>
<div class="row th-carousel slider-shadow" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-xs-slide-show="1">
<!-- Single Item -->
<div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/ffc427e6ad27e0b696d7b1d12fca91a5.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">ABDUL MAJEED BURDI</a></h3>
<span class="team-desig">Director</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/4a2bbc9b79e368b57ed389561ae4bd0d.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">SHAZIA ABBASI</a></h3>
<span class="team-desig">Director</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/2ebe1026be17c2578908299ade454df2.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">JAWAID ALI AKBER </a></h3>
<span class="team-desig">Books Manager</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/105d23a16194d80dfd21c2562632c718.jpg" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">AMMAD HAFEEZ</a></h3>
<span class="team-desig">Manager Finance</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/f1a5bd72ddf7720b71a7af646f439850.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">TAYYABA LATIF</a></h3>
<span class="team-desig">Manager Sales & Marketing</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg><div class="team-img">
<img src="https://afss.pk/uploads/images/staff/7729e5ea604bfe5b1121c3f936e4ab19.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">SUMBAL LATIF</a></h3>
<span class="team-desig">Manager Admission Cell</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/4219f68295f877ff1e43b79ac4b7d67e.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">KULSOOM QASIM</a></h3>
<span class="team-desig">Accountant</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/4e3534535d2bd9d47ee21395f95d474b.jpg" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">MUHAMMAD ARSHAD</a></h3>
<span class="team-desig">Books Incharge</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/dbb734bb4af9a158a62a61b0d493a6f1.jpg" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a><a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">SALEEM AKHTAR</a></h3>
<span class="team-desig">Recovery Officer</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/ffc6eac3d99687e20a3107c5f0640ba9.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">FAIZA KASHIF</a></h3>
<span class="team-desig">Principal</span>
</div>
</div>
</div> <div class="col-lg-6">
<div class="team-card style2">
<div class="team-img-wrap">
<svg class="team-shape" xmlns="http://www.w3.org/2000/svg" width="327" height="337" viewBox="0 0 327 337" fill="none">
<path d="M158.167 331C158.167 333.946 160.555 336.333 163.5 336.333C166.446 336.333 168.833 333.946 168.833 331C168.833 328.054 166.446 325.667 163.5 325.667C160.555 325.667 158.167 328.054 158.167 331ZM158.167 6C158.167 8.94552 160.555 11.3333 163.5 11.3333C166.446 11.3333 168.833 8.94552 168.833 6C168.833 3.05448 166.446 0.666667 163.5 0.666667C160.555 0.666667 158.167 3.05448 158.167 6ZM325 167.5C325 257.254 253.238 330 163.5 330V332C254.359 332 327 258.343 327 167.5H325ZM2.00012 167.5C2.00012 77.7618 73.7458 7 163.5 7V5C72.6574 5 0.00012207 76.6411 0.00012207 167.5H2.00012Z" fill="#0D5EF4" />
</svg>
<div class="team-img">
<img src="https://afss.pk/uploads/images/staff/7f20f52f3f437d928ffba575ec6f7caa.png" alt="Team">
</div>
<div class="team-social">
<!-- <a href="#" class="icon-btn">
<i class="far fa-plus"></i>
</a> -->
<!-- <div class="th-social">
<a target="_blank" href="#"><i class="fab fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fab fa-facebook-f"></i></a>
<a target="_blank" href="#"><i class="fab fa-instagram"></i></a>
</div> -->
</div>
</div>
<div class="team-content">
<h3 class="team-title"><a href="#">MARZIA MIRZA</a></h3>
<span class="team-desig">Teacher</span>
</div>
</div>
</div> </div>
</div>
</section>
<!--==============================
Testimonial Area
==============================-->
<section class="space overflow-hidden" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/bg/testi_bg_2.jpg">
<div class="container z-index-3">
<div class="row justify-content-between align-items-end">
<div class="col-md-auto">
<div class="title-area text-center text-md-start">
<span class="sub-title">What Student Says</span>
<h2 class="sec-title fw-medium text-white">Student’s Testimonials</h2>
</div>
</div>
<div class="col-auto d-none d-md-block">
<div class="sec-btn">
</div>
</div>
</div>
<div class="row th-carousel" id="testiSlide5" data-slide-show="2" data-md-slide-show="1">
<div class="col-lg-6">
<div class="testi-list">
<div class="testi-list_img">
<img src="https://afss.pk/uploads/frontend/testimonial/user-1756730479.png"
alt="Avater">
<div class="testi-list_quote">
<img src="https://afss.pk/assets/frontend_new/img/update1/icon/quote_left.svg" alt="icon">
</div>
</div>
<div class="testi-list_content">
<p class="testi-list_text">The school offers a perfect balance between academics and extracurriculars, allowing us to excel in studies while exploring our interests. I enjoy learning here every day, as each day brings new opportunities to grow and discover my potential in a supportive environment.</p>
<h3 class="testi-list_name box-title">Saad Ali Khan</h3>
<span class="testi-list_desig">Alumni</span>
<div class="testi-list_review">
<i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i> </div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="testi-list">
<div class="testi-list_img">
<img src="https://afss.pk/uploads/frontend/testimonial/user-1756730905.png"
alt="Avater">
<div class="testi-list_quote">
<img src="https://afss.pk/assets/frontend_new/img/update1/icon/quote_left.svg" alt="icon">
</div>
</div>
<div class="testi-list_content">
<p class="testi-list_text">The learning environment here is wonderful! The teachers genuinely care and provide great support, motivating us to excel academically and build essential life skills. I feel confident and well-prepared for the future, thanks to the strong foundation this school provides.</p>
<h3 class="testi-list_name box-title">Maria Rai</h3>
<span class="testi-list_desig">Alumni</span>
<div class="testi-list_review">
<i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i><i class="fa-solid fa fa-star"></i> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==============================
Gallery Area
==============================-->
<div class="overflow-hidden space">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Glimps from Our Campuses</span>
<h2 class="sec-title fw-semibold">Life at Air Foundation School System</h2>
</div>
<div class="row gy-4 masonary-active">
<div class="col-md-6 col-xxl-auto filter-item">
<div class="gallery-card">
<div class="gallery-img">
<img src="https://afss.pk/uploads/frontend/gallery/gallery-1735720401.png" alt="gallery image">
<a class="gallery-btn" href="https://afss.pk/gallery/gallery_view/sports-gala"><i class="fas fa-photo-video"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xxl-auto filter-item">
<div class="gallery-card">
<div class="gallery-img">
<img src="https://afss.pk/uploads/frontend/gallery/gallery-1735721568.png" alt="gallery image">
<a class="gallery-btn" href="https://afss.pk/gallery/gallery_view/activity-based-learning"><i class="fas fa-photo-video"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xxl-auto filter-item">
<div class="gallery-card">
<div class="gallery-img">
<img src="https://afss.pk/uploads/frontend/gallery/gallery-1735722526.png" alt="gallery image">
<a class="gallery-btn" href="https://afss.pk/gallery/gallery_view/faith-in-action"><i class="fas fa-photo-video"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xxl-auto filter-item">
<div class="gallery-card">
<div class="gallery-img">
<img src="https://afss.pk/uploads/frontend/gallery/gallery-1735722394.png" alt="gallery image">
<a class="gallery-btn" href="https://afss.pk/gallery/gallery_view/green-guardians"><i class="fas fa-photo-video"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xxl-auto filter-item">
<div class="gallery-card">
<div class="gallery-img">
<img src="https://afss.pk/uploads/frontend/gallery/gallery-1735721351.png" alt="gallery image">
<a class="gallery-btn" href="https://afss.pk/gallery/gallery_view/adventures-beyond-the-classroom"><i class="fas fa-photo-video"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="shape-mockup jump-reverse d-none d-sm-block" data-top="0%" data-left="0%"><img src="https://afss.pk/assets/frontend_new/img/update1/shape/dot_shape_5.png" alt="shapes"></div>
<div class="shape-mockup jump" data-bottom="10%" data-right="0%"><img src="https://afss.pk/assets/frontend_new/img/update1/shape/circle_8.png" alt="shapes"></div>
<div class="shape-mockup jump-reverse" data-bottom="6%" data-right="0%"><img src="https://afss.pk/assets/frontend_new/img/update1/shape/circle_9.png" alt="shapes"></div>
</div>
<!--==============================
Counter Area
==============================-->
<div class="container">
<div class="counter-area-1 bg-theme" data-bg-src="https://afss.pk/assets/frontend_new/img/bg/counter-bg_1.png">
<div class="row justify-content-between">
<div class="col-sm-6 col-xl-3 counter-card-wrap">
<div class="counter-card">
<h2 class="counter-card_number"><span class="counter-number">15000</span><span class="fw-normal">+</span></h2>
<p class="counter-card_text"><strong>Enrolled</strong> Students</p>
</div>
</div>
<div class="col-sm-6 col-xl-3 counter-card-wrap">
<div class="counter-card">
<h2 class="counter-card_number"><span class="counter-number">2000</span><span class="fw-normal">+</span></h2>
<p class="counter-card_text"><strong>Qualified</strong> Teachers</p>
</div>
</div>
<div class="col-sm-6 col-xl-3 counter-card-wrap">
<div class="counter-card">
<h2 class="counter-card_number"><span class="counter-number">200</span><span class="fw-normal">+</span></h2>
<p class="counter-card_text"><strong>Campuses</strong> Nationwide</p>
</div>
</div>
<div class="col-sm-6 col-xl-3 counter-card-wrap">
<div class="counter-card">
<h2 class="counter-card_number"><span class="counter-number">26</span><span class="fw-normal">+</span></h2>
<p class="counter-card_text"><strong>Years of</strong> Excellence</p>
</div>
</div>
</div>
</div>
</div>
<!--==============================
Cta Area
==============================-->
<section class="cta-area-2 position-relative space-bottom">
<div class="cta-bg-img" data-bg-src="https://afss.pk/uploads/frontend/home_page/home_banner287.png">
</div>
<div class="cta-bg-img2" data-bg-src="https://afss.pk/assets/frontend_new/img/bg/cta-bg2-shape.png">
</div>
<div class="shape-mockup cta-shape1 jump d-md-block d-none" data-left="-2%" data-bottom="-7%">
<img src="https://afss.pk/assets/frontend_new/img/normal/cta_2_shape1.png" alt="img">
</div>
<div class="shape-mockup cta-shape2 jump-reverse d-md-block d-none" data-right="-1%" data-top="-3%">
<img src="https://afss.pk/assets/frontend_new/img/normal/cta_2_shape2.png" alt="img">
</div>
<div class="shape-mockup cta-shape3 spin d-md-block d-none" data-right="20%" data-top="30%">
<img src="https://afss.pk/assets/frontend_new/img/normal/cta_2_shape3.png" alt="img">
</div>
<div class="container text-center">
<div class="cta-wrap2">
<div class="title-area text-center mb-35">
<span class="sub-title"><i class="fal fa-book me-2"></i>Support Our Mission</span>
<h2 class="sec-title text-white">Empowering Education for a Brighter Future</h2>
<p class="cta-text">Join Us in Transforming Lives Through Quality Education and Holistic Development</p>
</div>
<div class="btn-group justify-content-center">
<a href="https://afss.pk/afss/franchise-register" class="th-btn style3">REGISTER A NEW FRANCHISE<i class="fas fa-arrow-right ms-2"></i></a>
<a href="https://afss.pk/assets/frontend_new/img/catalouge.pdf" download class="th-btn style2">FRANCHISE INFORMATION KIT<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</section>
<!--==============================
Blog Area
==============================-->
<!-- <section class="space-top space-extra-bottom" id="blog-sec">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Our Blog Posts</span>
<h2 class="sec-title fw-semibold">Our Recent Posts</h2>
</div>
<div class="row">
<div class="col-xl-6 mb-30 mb-xl-0">
<div class="blog-box style-big">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from"><i class="fal fa-clock"></i>Dec 09, 2024</a>
<a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from"><i class="fal fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from">2nd MID TERM EXAM, December 2024 Starting From:</a></h3>
<a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from" class="th-btn style2">Read Details<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-xl-6"> <div class="blog-box">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on"><i class="fal fa-clock"></i>Dec 06, 2024</a>
<a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on"><i class="fal fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on">Inter School Spelling Competition to be held on</a></h3>
<a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on" class="link-btn">Read Details<i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="blog-box">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from"><i class="fal fa-clock"></i>Dec 18, 2024</a>
<a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from"><i class="fal fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from">Exciting Announcement: Sports Week 2024 at AFSS Starting From</a></h3>
<a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from" class="link-btn">Read Details<i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="blog-box">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/winter-vacations-starting-from"><i class="fal fa-clock"></i>Dec 21, 2024</a>
<a href="https://afss.pk/news_view/winter-vacations-starting-from"><i class="fal fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/winter-vacations-starting-from">Winter Vacations Starting From</a></h3>
<a href="https://afss.pk/news_view/winter-vacations-starting-from" class="link-btn">Read Details<i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="space" id="blog-sec">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Our Blog Posts</span>
<h2 class="sec-title fw-semibold">Our Recent Posts</h2>
</div>
<div class="row slider-shadow th-carousel" data-slide-show="2" data-lg-slide-show="2" data-md-slide-show="1" data-sm-slide-show="1">
<div class="col-md-6 col-xl-6">
<div class="blog-recent">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from"><i class="far fa-clock"></i>Dec 09, 2024</a>
<a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from"><i class="far fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from">2nd MID TERM EXAM, December 2024 Starting From:</a></h3>
<a href="https://afss.pk/news_view/2nd-mid-term-exam-december-2024-starting-from" class="th-btn style4">Read Details<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xl-6">
<div class="blog-recent">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on"><i class="far fa-clock"></i>Dec 06, 2024</a>
<a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on"><i class="far fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on">Inter School Spelling Competition to be held on</a></h3>
<a href="https://afss.pk/news_view/inter-school-spelling-competition-to-be-held-on" class="th-btn style4">Read Details<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xl-6">
<div class="blog-recent">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from"><i class="far fa-clock"></i>Dec 18, 2024</a>
<a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from"><i class="far fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from">Exciting Announcement: Sports Week 2024 at AFSS Starting From</a></h3>
<a href="https://afss.pk/news_view/exciting-announcement-sports-week-2024-at-afss-starting-from" class="th-btn style4">Read Details<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="col-md-6 col-xl-6">
<div class="blog-recent">
<div class="blog-img">
<img src="https://afss.pk/uploads/frontend/news/" alt="blog image">
</div>
<div class="blog-content">
<div class="blog-meta style2">
<a href="https://afss.pk/news_view/winter-vacations-starting-from"><i class="far fa-clock"></i>Dec 21, 2024</a>
<a href="https://afss.pk/news_view/winter-vacations-starting-from"><i class="far fa-user"></i>by </a>
</div>
<h3 class="blog-title"><a href="https://afss.pk/news_view/winter-vacations-starting-from">Winter Vacations Starting From</a></h3>
<a href="https://afss.pk/news_view/winter-vacations-starting-from" class="th-btn style4">Read Details<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!--==============================
Admission Area
==============================-->
<section class="bg-title position-relative " data-bg-src="https://afss.pk/assets/frontend_new/img/bg/admission-bg1.png" style="margin-bottom:40px;">
<div class="img-left admission-thumb">
<img src="https://afss.pk/assets/frontend_new/img/contact-us-campus.jpg" alt="mockup">
</div>
<div class="container space z-index-common">
<div class="row justify-content-end">
<div class="col-xl-6">
<div class="title-area mb-30">
<span class="sub-title"><i class="fal fa-book me-2"></i> Have Questions About Admissions?</span>
<h2 class="sec-title fw-medium text-white">We’re Here to Help</h2>
</div>
<p class="mb-30 text-light">Parents can reach out to learn more about Air Foundation School System and the admission procedure. Share your query and our team will guide you with the details you need.</p>
<form action="https://afss.pk/" class="course-form mb-2" method="post" accept-charset="utf-8">
<input type="hidden" name="school_csrf_name" value="47dfacc7cd2f3d65b0701986a0287751" />
<input type="hidden" name="partner_request" value="1">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" name="name" placeholder="Name*" required>
<span class="text-danger"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" name="phone" placeholder="Phone Number*" required>
<span class="text-danger"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" name="email" placeholder="Email Address*" required>
<span class="text-danger"></span>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input type="text" name="district" placeholder="District*" required>
<span class="text-danger"></span>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<textarea type="text" name="message" placeholder="Message*" style="background-color: transparent;border-color: #29375F;color: var(--white-color);" required></textarea>
<span class="text-danger"></span>
</div>
</div>
</div>
<div class="btn-group">
<button type="submit" class="th-btn style3">Make an Appointment<i class="fas fa-arrow-right ms-2"></i></button>
<a href="https://afss.pk/afss/admission" class="th-btn style2">Online Admission<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</form> </div>
</div>
</div>
</section>
<!--==============================
Event Area
==============================-->
<!--==============================
Event Area
==============================-->
<section class="space" >
<div class="shape-mockup event-shape1 jump" data-top="3%" data-left="-3%">
<img src="https://afss.pk/assets/frontend_new/img/team/team-shape_1_1.png" alt="img">
</div>
<div class="container">
<div class="title-area text-center">
<span class="sub-title"><i class="fal fa-book me-2"></i> Fetaured Events</span>
<h2 class="sec-title">Our Upcoming Events</h2>
</div>
<div class="text-center">
<p class="mb-n2">Events and Programs at Air Foundation School System. <a class="link-btn" href="https://afss.pk/afss/events">EXPLORE ALL EVENTS <i class="far fa-arrow-right"></i></a></p>
</div>
</div>
</section>
<!--==============================
Product Area
==============================-->
<section class="space bg-top-center" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/bg/product_bg_1.jpg">
<div class="container">
<div class="title-area text-center">
<span class="sub-title">Books & Publications</span>
<h2 class="sec-title text-white fw-semibold">Read My Books & Start <br> a Beautiful Life</h2>
</div>
<div class="row">
<div class="col-xl-4 d-none d-xl-block">
<div>
<img class="w-100 rounded-10" src="https://afss.pk/assets/frontend_new/img/library.png" alt="publisher">
</div>
</div>
<div class="col-xl-8">
<div class="row d-none d-xl-flex align-items-end justify-content-between">
<div class="col-lg-6">
<div class="title-area mb-40">
<p class="mb-0 text-white">Explore my books and embark on a journey to a beautiful and fulfilling life.</p>
</div>
</div>
<div class="col-auto">
<div class="sec-btn mb-40">
<div class="icon-box">
<button data-slick-prev="#publishedBook" class="slick-arrow default"><i class="fas fa-arrow-left"></i></button>
<button data-slick-next="#publishedBook" class="slick-arrow default"><i class="fas fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="row th-carousel" id="publishedBook" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-xs-slide-show="1">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_9c62ce25449d16c91e111ac47c79e3cd.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">English First Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_9c62ce25449d16c91e111ac47c79e3cd.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH LANGUAGE & LITERACY">
<input type="hidden" id="title" value="English First Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_1bff7c9126d56602c56e9cdd9be58b19.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">English First Activity Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_1bff7c9126d56602c56e9cdd9be58b19.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH LANGUAGE & LITERACY">
<input type="hidden" id="title" value="English First Activity Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_a37d953e063cf0ed8117c8741f43fa14.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Math First Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_a37d953e063cf0ed8117c8741f43fa14.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICAL DEVELOPMENT">
<input type="hidden" id="title" value="Math First Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_fa62c90153075a392bd0293030db85df.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Math First Activity Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_fa62c90153075a392bd0293030db85df.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICAL DEVELOPMENT">
<input type="hidden" id="title" value="Math First Activity Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_42a9f57e6095471d05aa9a26b50acbc8.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Science First Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_42a9f57e6095471d05aa9a26b50acbc8.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SCIENCE">
<input type="hidden" id="title" value="Science First Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_268d8ea8845ddda0f07e13772adc7bd3.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Science First Activity Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_268d8ea8845ddda0f07e13772adc7bd3.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SCIENCE">
<input type="hidden" id="title" value="Science First Activity Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid"><div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_5c6809a83ca52cde35d52f1e7e19fe78.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Easy Step Art & Craft Skills 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_5c6809a83ca52cde35d52f1e7e19fe78.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="CREATIVE DEVELOPMENT">
<input type="hidden" id="title" value="Easy Step Art & Craft Skills 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_f6eefac1d7659dfacd44bd04959c0bca.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">English First Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_f6eefac1d7659dfacd44bd04959c0bca.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH LANGUAGE & LITERACY">
<input type="hidden" id="title" value="English First Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_d961122471c8b2495351da21aaba000a.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">English First Activity Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_d961122471c8b2495351da21aaba000a.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH LANGUAGE & LITERACY">
<input type="hidden" id="title" value="English First Activity Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_eb27a38e91f6222a4442353a47879915.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Math First Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_eb27a38e91f6222a4442353a47879915.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICAL DEVELOPMENT">
<input type="hidden" id="title" value="Math First Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_50e73602df70cb5cb12309c841507683.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Math First Activity Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_50e73602df70cb5cb12309c841507683.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICAL DEVELOPMENT">
<input type="hidden" id="title" value="Math First Activity Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_ffecc497cf7aaa9cad122574f769503b.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Easy Step Art & Craft Skills 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_ffecc497cf7aaa9cad122574f769503b.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="CREATIVE DEVELOPMENT">
<input type="hidden" id="title" value="Easy Step Art & Craft Skills 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_98134350a0759e73b6b36a12ba1c45f8.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">English First Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_98134350a0759e73b6b36a12ba1c45f8.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH LANGUAGE & LITERACY">
<input type="hidden" id="title" value="English First Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_bc9bd2be779476872a90d6a941f8de16.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">English First Activity Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_bc9bd2be779476872a90d6a941f8de16.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH LANGUAGE & LITERACY">
<input type="hidden" id="title" value="English First Activity Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_529569e989d2a74fc37288bc5d0b4d7c.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Math First Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_529569e989d2a74fc37288bc5d0b4d7c.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICAL DEVELOPMENT">
<input type="hidden" id="title" value="Math First Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_425b0bc61393f122e2fc012fc8e6ebbf.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Math First Activity Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_425b0bc61393f122e2fc012fc8e6ebbf.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICAL DEVELOPMENT">
<input type="hidden" id="title" value="Math First Activity Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_10fb5c7aa491de83ffc92a2360cd4b73.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Science First Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_10fb5c7aa491de83ffc92a2360cd4b73.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SCIENCE">
<input type="hidden" id="title" value="Science First Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_157331be8b8ae3c53e1affa7820f49c5.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Science First Activity Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_157331be8b8ae3c53e1affa7820f49c5.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SCIENCE">
<input type="hidden" id="title" value="Science First Activity Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_eae102904e57a8ba1177b8861bb551f1.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Easy Step Art & Craft Skills 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_eae102904e57a8ba1177b8861bb551f1.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="CREATIVE DEVELOPMENT">
<input type="hidden" id="title" value="Easy Step Art & Craft Skills 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_73f89b644e98a303a818a708df920958.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Mathematics Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_73f89b644e98a303a818a708df920958.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="Mathematics Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_aa9d6cd0e3e5c1597de870521daf9fa8.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_aa9d6cd0e3e5c1597de870521daf9fa8.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_d0713c450e370b9794045e7dddd9e517.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions"><a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Wakfiyat-e-Ama</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_d0713c450e370b9794045e7dddd9e517.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="G. KNOWLEDGE">
<input type="hidden" id="title" value="Wakfiyat-e-Ama">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_8990b58ef2768af77ead8974fbc31272.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 1</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_8990b58ef2768af77ead8974fbc31272.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 1">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_ee93094f90205feac7218a3c68df2e8a.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Mathematics Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_ee93094f90205feac7218a3c68df2e8a.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="Mathematics Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_09d693e9d02ab190ca1f9ffee44d5544.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_09d693e9d02ab190ca1f9ffee44d5544.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6"><div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_4621e859fc408ddf2a6b7fd0f1f461dc.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Wakfiyat-e-Ama</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_4621e859fc408ddf2a6b7fd0f1f461dc.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="G. KNOWLEDGE">
<input type="hidden" id="title" value="Wakfiyat-e-Ama">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_bc0780c20677bdcf614b96117958f594.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 2</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_bc0780c20677bdcf614b96117958f594.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 2">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_e526559c91d4de41b7843465d7232e67.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Mathematics Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_e526559c91d4de41b7843465d7232e67.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="Mathematics Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_ea6500a8b0410a34f9e1132c9e1dfaac.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_ea6500a8b0410a34f9e1132c9e1dfaac.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_61287772bcefe9950468cadf4fb927f8.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Wakfiyat-e-Ama</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_61287772bcefe9950468cadf4fb927f8.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="G. KNOWLEDGE">
<input type="hidden" id="title" value="Wakfiyat-e-Ama">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_071dc160e6a1fc4753df1843a707dba2.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 3</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_071dc160e6a1fc4753df1843a707dba2.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 3">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_f38bda9d9127e639e19c56851e06649a.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Mathematics Book 4</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_f38bda9d9127e639e19c56851e06649a.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="Mathematics Book 4">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_b2c8cea29708f991ec70e39a783ac2e9.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 4</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_b2c8cea29708f991ec70e39a783ac2e9.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 4">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_b69f06bcf1c58198d2eca25815b3d522.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 4</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_b69f06bcf1c58198d2eca25815b3d522.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 4">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_be8f53116df4c80da4877c2496c34380.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Mathematics Book 5</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_be8f53116df4c80da4877c2496c34380.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="Mathematics Book 5">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_602e736a46f4a821ba5774a8b1b34063.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Science Book 5</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_602e736a46f4a821ba5774a8b1b34063.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SCIENCE">
<input type="hidden" id="title" value="Science Book 5">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_2c1bc9dcf894e8050f35560cab0f54bf.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 5</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_2c1bc9dcf894e8050f35560cab0f54bf.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 5">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_0b9e8624624c499edd3e35625c33fb53.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 5</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_0b9e8624624c499edd3e35625c33fb53.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 5">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_c33557d7dd7108f61f5d432f048991b6.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">New Countdown Book 6</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_c33557d7dd7108f61f5d432f048991b6.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="New Countdown Book 6">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_e54be5f5e685b18ea15bb9201ca97f1d.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 6</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_e54be5f5e685b18ea15bb9201ca97f1d.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 6">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_746641f8c693c4ecc9a8c76c9c121d95.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 6</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_746641f8c693c4ecc9a8c76c9c121d95.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 6">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_74b2c0324b1051cc85f496b7353a61ae.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">New Countdown Book 7</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_74b2c0324b1051cc85f496b7353a61ae.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="New Countdown Book 7">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_6db40395d4200a46e423c4c09c566d8a.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 7</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_6db40395d4200a46e423c4c09c566d8a.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 7">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_b80687f1a8f59d9097af154da4c53ffb.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 7</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_b80687f1a8f59d9097af154da4c53ffb.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 7">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_047a49628ffedc77c1c0a882cc6cd3b4.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Compact English Dictionary</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_047a49628ffedc77c1c0a882cc6cd3b4.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="ENGLISH">
<input type="hidden" id="title" value="Compact English Dictionary">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_523baff8c605b756fd2596dfcac06a1c.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">New Countdown Book 8</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_523baff8c605b756fd2596dfcac06a1c.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="MATHEMATICS">
<input type="hidden" id="title" value="New Countdown Book 8">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_82edb9456aa52efa19150e0dfd41dcb9.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Right Click Computer Book 8</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_82edb9456aa52efa19150e0dfd41dcb9.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="COMPUTER">
<input type="hidden" id="title" value="Right Click Computer Book 8">
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="th-product product-grid">
<div class="product-img">
<img src="https://afss.pk/uploads/book_cover/cover_image_6896bd4886e932a0a6ae1a197df6d008.png" alt="Product Image" class="book-image-size">
<!-- <div class="actions">
<a href="#QuickView" class="icon-btn popup-content" onclick="book_modal_details()"><i class="far fa-eye"></i></a>
<a href="#" class="icon-btn"><i class="far fa-cart-plus"></i></a>
<a href="#" class="icon-btn"><i class="far fa-heart"></i></a>
</div> -->
</div>
<div class="product-content">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
<span>Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span>
</div>
<h3 class="product-title"><a href="#">Sauwli Sindhi Book 8</a></h3>
<!-- <span class="price">Rs.0.00</span> -->
</div>
</div>
<input type="hidden" id="image_name" value="cover_image_6896bd4886e932a0a6ae1a197df6d008.png">
<input type="hidden" id="price" value="Rs.0.00">
<input type="hidden" id="description" value="">
<input type="hidden" id="category" value="SINDHI">
<input type="hidden" id="title" value="Sauwli Sindhi Book 8">
</div>
</div>
</div>
</div>
</div>
</section>
<!--==============================
Product Lightbox
==============================-->
<div id="QuickView" class="white-popup mfp-hide">
<div class="container bg-white">
<div class="row gx-60">
<div class="col-lg-6">
<div class="product-big-img">
<div class="img" id="modal_image"></div>
</div>
</div>
<div class="col-lg-6 align-self-center">
<div class="product-about">
<!-- <p class="price" id="modal_price"></p> -->
<h2 class="product-title" id="modal_title"></h2>
<div class="product-rating">
<div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on <span class="rating">1</span> customer rating</span></div>
<a href="#" class="woocommerce-review-link">(<span class="count">3</span> customer reviews)</a>
</div>
<p class="text" id="modal_description"></p>
<div class="checklist">
<ul>
<li><i class="far fa-badge-check"></i> Lifetime structural, one year finish warranty</li>
<li><i class="far fa-badge-check"></i> Mapped from “Center Caps” under ” tment” tab</li>
<li><i class="far fa-badge-check"></i> Fully copatible with OEM equimpent</li>
</ul>
</div>
<div class="actions">
<div class="quantity">
<input type="number" class="qty-input" step="1" min="1" max="100" name="quantity" value="1" title="Qty">
<button class="quantity-plus qty-btn"><i class="far fa-chevron-up"></i></button>
<button class="quantity-minus qty-btn"><i class="far fa-chevron-down"></i></button>
</div>
<button class="th-btn">Add to Cart</button>
</div>
<div class="product_meta">
<span class="sku_wrapper">SKU: <span class="sku">wheel-fits-chevy-camaro</span></span>
<span class="posted_in">Category: <a href="#" rel="tag" id="modal_category"></a></span>
<span>Tags: <a href="#">automotive parts</a><a href="#">wheels</a></span>
</div>
</div>
</div>
</div>
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
</div>
</div>
<!--==============================
Contact Area
==============================-->
<div class="space bg-smoke overflow-hidden" style="background-color:#ffffff !important;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="title-area mb-lg-0 text-lg-start text-center">
<span class="sub-title"><i class="fal fa-book me-2"></i> Our Trusted Partners</span>
<h2 class="sec-title mb-0">We Have <span class="text-theme"><span class="counter-number">20</span>+</span> Global Partners</h2>
</div>
</div>
<div class="col-lg-6">
<div class="client-wrap text-lg-end text-center">
<div class="row gy-40">
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/ccm.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/ios_fav.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/publisher_fav.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/uked.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/studyuk_fav.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/cambridge.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/lrn.svg" alt="img">
</a>
</div>
<div class="col-3">
<a href="#" class="client-thumb">
<img src="https://afss.pk/assets/frontend_new/img/muree_spring.svg" alt="img">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==============================
Footer Area
==============================-->
<!-- <div data-pos-for=".footer-wrapper" data-sec-pos="bottom-half">
<div class="container">
<div class="susbcribe-bg" data-bg-src="https://afss.pk/assets/frontend_new/img/update1/bg/subscribe_bg_1.jpg">
<div class="row">
<div class="col-xl-8 mb-35 mb-xl-0">
<h3 class="text-white fw-semibold mt-n2 mb-20">Subscribe to Our Newsletter</h3>
<form action="https://afss.pk/" class="newsletter-form style2" method="post" accept-charset="utf-8">
<input type="hidden" name="school_csrf_name" value="47dfacc7cd2f3d65b0701986a0287751" />
<input type="hidden" name="news_letter" value="1">
<div class="form-group">
<input type="email" class="form-control style2" name="email" placeholder="Enter Your Email" required>
<i class="fa-thin fa-envelope"></i>
</div>
<button type="submit" class="th-btn">Subscribe Now<i class="fas fa-arrow-right ms-2"></i></button>
</form> </div>
<div class="col-xl-4">
<div class="ps-xl-5">
<h3 class="text-white fw-semibold mt-n2 mb-20">Get In Touch!</h3>
<div class="th-social">
<a href="https://www.facebook.com/AlairFoundationHO?mibextid=ZbWKwL"><i class="fab fa-facebook-f"></i></a><a href="https://twitter.com/https://twitter.com/AirFoundationHO"><i class="fab fa-twitter"></i></a>
<a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!--==============================
Footer Area
==============================-->
<section class=" " data-pos-for=".footer-wrapper" data-sec-pos="bottom-half">
<div class="container">
<div class="cta-wrap5">
<div class="row flex-row-reverse justify-content-between">
<div class="col-lg-6">
<div class="cta-img">
<img src="https://afss.pk/assets/frontend_new/img/header_footer_img.jpg" alt="Image">
</div>
</div>
<div class="col-lg-6 align-self-center">
<div class="cta-content2">
<h2 class="fs-40 fw-light text-theme mb-10">Learn From Our Platform</h2>
<h2 class="mb-25">That Takes You Next Level</h2>
<a href="https://afss.pk/afss/admission" class="th-btn">GET ADMISSION ONLINE<i class="fas fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<div class="shape-mockup movingX z-index-n1" data-bottom="0%" data-left="44%"><img src="https://afss.pk/assets/frontend_new/img/update1/shape/dot_shape_1.png" alt="shapes"></div>
</div>
</div>
</section>
<div class="floating-buttons-section">
<!-- <div class="position-relative">
<a class="floating-buttons-section-control d-lg-none" onclick="showFloatingButtons()">
<i class="las la-2x la-angle-double-right"></i>
</a>
</div> -->
<!-- All Categories -->
<div class="aiz-floating-button">
<a href="https://afss.pk/afss/admission">
<span class="circle">
<span class="">
<i class="fa fa-user-graduate"></i>
</span>
</span>
<span class="text">
<span class="w-120px mr-3">Get Admission</span>
<svg xmlns="http://www.w3.org/2000/svg" width="7.073" height="12" viewBox="0 0 7.073 12">
<path id="Path_41557" data-name="Path 41557" d="M12.913,3.173,11.834,2.1,5.84,8.1l6,6,1.073-1.073L7.985,8.1Z" transform="translate(12.913 14.1) rotate(180)" fill="#fff"></path>
</svg>
</span>
</a>
</div>
<!-- Flash Sale -->
<!-- <div class="aiz-floating-button">
<a href="#">
<span class="circle">
<span class="">
<i class="fa fa-user-tie"></i>
</span>
</span>
<span class="text">
<span class="w-120px mr-3">Career with AFSS</span>
<svg xmlns="http://www.w3.org/2000/svg" width="7.073" height="12" viewBox="0 0 7.073 12">
<path id="Path_41557" data-name="Path 41557" d="M12.913,3.173,11.834,2.1,5.84,8.1l6,6,1.073-1.073L7.985,8.1Z" transform="translate(12.913 14.1) rotate(180)" fill="#fff"></path>
</svg>
</span>
</a>
</div> -->
<!-- Today's Deal -->
<!--<div class="aiz-floating-button">-->
<!-- <a href="https://afss.pk/afss/franchise-register">-->
<!-- <span class="circle">-->
<!-- <span class="">-->
<!-- <i class="fa fa-handshake"></i>-->
<!-- </span>-->
<!-- </span>-->
<!-- <span class="text">-->
<!-- <span class="w-120px mr-3">New Franchise</span>-->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="7.073" height="12" viewBox="0 0 7.073 12">-->
<!-- <path id="Path_41557" data-name="Path 41557" d="M12.913,3.173,11.834,2.1,5.84,8.1l6,6,1.073-1.073L7.985,8.1Z" transform="translate(12.913 14.1) rotate(180)" fill="#fff"></path>-->
<!-- </svg>-->
<!-- </span>-->
<!-- </a>-->
<!--</div>-->
</div> <script>
function book_modal_details(){
var base_url = 'https://afss.pk/uploads/book_cover/';
var category = $("#category").val();
var image_name = $("#image_name").val();
var price = $("#price").val();
var title = $("#title").val();
var description = $("#description").val();
$("#modal_category").html(category);
$("#modal_image").html('<img src="'+base_url+'/'+image_name+'" alt="Product Image" class="book-image-size" style="height: 580px !important; width: 580px !important;">');
$("#modal_price").html(price);
$("#modal_title").html(title);
$("#modal_description").html(description);
console.log(category, image_name, price, title, description);
}
</script><footer class="footer-wrapper footer-layout-default" data-bg-src="https://afss.pk/assets/frontend_new/img/bg/footer-bg.png">
<div class="shape-mockup footer-shape1 jump" data-left="60px" data-top="70px">
<img src="https://afss.pk/assets/frontend_new/img/normal/footer-bg-shape1.png" alt="img">
</div>
<div class="shape-mockup footer-shape2 jump-reverse" data-right="80px" data-bottom="120px">
<img src="https://afss.pk/assets/frontend_new/img/normal/footer-bg-shape2.png" alt="img">
</div>
<div class="widget-area">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6 col-xxl-3 col-xl-3">
<div class="widget footer-widget">
<div class="th-widget-about">
<h3 class="widget_title">AFSS Islamabad</h3>
<p class="about-text">Air Foundation School System (AFSS) is a leading chain of schools dedicated to quality education, character building, and preparing students for a successful future.</p>
<div class="th-social">
<h6 class="title text-white">FOLLOW US ON:</h6>
<a href="https://www.facebook.com/AlairFoundationHO?mibextid=ZbWKwL"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="https://twitter.com/https://twitter.com/AirFoundationHO"><i class="fab fa-twitter"></i></a> -->
<!-- <a href="https://www.facebook.com"><i class="fab fa-linkedin-in"></i></a> -->
<a href="https://www.youtube.com/@airfoundationschoolsystemh664"><i class="fab fa-youtube"></i></a>
<!-- <a href="#"><i class="fab fa-skype"></i></a> -->
<a href="https://www.instagram.com/airfoundationheadoffice/profilecard/?igsh=dWM3anI4eDlvZjNy"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Quick Links</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<li><a href="https://afss.pk/afss">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="https://afss.pk/afss/events">Events</a></li>
<li><a href="https://afss.pk/afss/events">News & Updates</a></li>
<li><a href="https://afss.pk/afss/contact">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Support</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<!--<li><a href="#">Support</a></li>-->
<!--<li><a href="#">Student portal</a></li>-->
<li><a href="https://afss.pk/assets/frontend_new/img/booklist.pdf" download>Booklist</a></li>
<li><a href="https://afss.pk/assets/frontend_new/img/academic_calender.jpg" download>Academic Calendar</a></li>
<li><a href="https://afss.pk/afss/publications">Academic Resources Center</a></li>
<li><a href="https://afss.pk/assets/frontend_new/img/prospectus.pdf" download>Prospectus</a></li>
<!--<li><a href="#">Event of Calendars</a></li>-->
<!--<li><a href="#">Campuses list</a></li>-->
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Policies</h3>
<div class="menu-all-pages-container">
<ul class="menu">
<!-- <li><a href="https://afss.pk/afss/downloads">Prospectus 2025</a></li> -->
<li><a href="https://afss.pk/afss/downloads">Curriculum</a></li>
<li><a href="https://afss.pk/afss/downloads">Assessment Policy</a></li>
<li><a href="https://afss.pk/afss/downloads">Admission Policy</a></li>
<!--<li><a href="https://afss.pk/afss/downloads">Franchise Policy</a></li>-->
<li><a href="https://afss.pk/afss/downloads">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xxl-3 col-xl-3">
<div class="widget widget_contact footer-widget">
<h3 class="widget_title">Get in touch!</h3>
<!-- <p class="contact-text">Fusce varius, dolor tempor interdum tristiquei bibendum service life.</p> -->
<div class="th-widget-contact">
<div class="info-box-wrap">
<div class="info-box_icon">
<i class="fas fa-location-dot"></i>
</div>
<p class="info-box_text">
Head Office Address: Plot 12-C, Street 33, E11/3
</p>
</div>
<div class="info-box-wrap">
<div class="info-box_icon">
<i class="fas fa-envelope"></i>
</div>
<a href="#" class="info-box_link">info@afss.pk</a>
</div>
<div class="info-box-wrap">
<div class="info-box_icon">
<i class="fas fa-phone"></i>
</div>
<a href="#" class="info-box_link">UAN: +92 51 9260881-2</a>
</div>
<div class="info-box-wrap">
<div class="info-box_icon">
<i class="fas fa-phone"></i>
</div>
<a href="#" class="info-box_link">Phone: +92 51 2228474-75</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrap">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-6">
<p class="copyright-text">© 2024 AFSS Islamabad</p>
</div>
<div class="col-md-6 text-end d-none d-md-block">
<div class="footer-links">
<ul>
<li><a href="https://afss.pk/afss/downloads">Privacy Policy</a></li>
<li><a href="#">Terms & Condition</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Scroll To Top -->
<div class="scroll-top">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
</svg>
</div>
<!--********************************
Code End Here
******************************** -->
<!--==============================
All Js File
============================== -->
<script>
var csrfName = 'school_csrf_name'; // CSRF Token Name
var csrfHash = '47dfacc7cd2f3d65b0701986a0287751'; // CSRF Hash
</script>
<!-- Jquery -->
<script src="https://afss.pk/assets/frontend_new/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Slick Slider -->
<script src="https://afss.pk/assets/frontend_new/js/slick.min.js"></script>
<!-- Bootstrap -->
<script src="https://afss.pk/assets/frontend_new/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="https://afss.pk/assets/frontend_new/js/jquery.magnific-popup.min.js"></script>
<!-- Counter Up -->
<script src="https://afss.pk/assets/frontend_new/js/jquery.counterup.min.js"></script>
<!-- Circle Progress -->
<script src="https://afss.pk/assets/frontend_new/js/circle-progress.js"></script>
<!-- Range Slider -->
<script src="https://afss.pk/assets/frontend_new/js/jquery-ui.min.js"></script>
<!-- Isotope Filter -->
<script src="https://afss.pk/assets/frontend_new/js/imagesloaded.pkgd.min.js"></script>
<script src="https://afss.pk/assets/frontend_new/js/isotope.pkgd.min.js"></script>
<!-- Tilt JS -->
<script src="https://afss.pk/assets/frontend_new/js/tilt.jquery.min.js"></script>
<!-- Tweenmax JS -->
<script src="https://afss.pk/assets/frontend_new/js/tweenmax.min.js"></script>
<!-- Nice Select JS -->
<script src="https://afss.pk/assets/frontend_new/js/nice-select.min.js"></script>
<!-- Main Js File -->
<script src="https://afss.pk/assets/frontend_new/js/main.js"></script>
<script src="https://afss.pk/assets/frontend/js/whatsapp.js"></script>
<script src="https://afss.pk/assets/frontend/js/owl.carousel.min.js"></script>
<script src="https://afss.pk/assets/frontend/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
<script src="https://afss.pk/assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="https://afss.pk/assets/vendor/sweetalert/sweetalert.min.js"></script>
<script src="https://afss.pk/assets/frontend/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="https://afss.pk/assets/frontend/js/jquery.marquee.min.js"></script>
<script src="https://afss.pk/assets/frontend/js/front_custom.js"></script>
<!-- jQuery (required for Dropify) -->
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<!-- <script src="https://afss.pk/assets/vendor/jquery/jquery.min.js"></script> -->
<!-- Dropify JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js" integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
<div class="mb-10">
</div>
</body>
</html>