Loading...
Loading...
Welcome to iStudy ! Get familiar with the Stripe products and explore their features:
Well organized and easy to understand. You can any work by following our docs easily
Code is clean if it can be understood.Our code is more formatting for your website
Our Template is full Perfect for all device. You can visit our template all device easily.
The template has Sass available for css. You can Change and customize css by sass.
iStudy is faster loading speed. iStudy create your template so much faster and easier
We are provide 24 hours support for all clients.You can purchase without hesitation.
Welcome to iStudy
iStudy is a modern and comprehensive HTML template designed for education and online learning platforms. Tailored for universities, online course providers, schools, and educational institutions, iStudy features an intuitive course search function and a dynamic learning experience. With its engaging design and optimized content, iStudy offers a seamless solution for users seeking knowledge and skill development opportunities.
iStudy – is highly customizable – looks exceptional on tablets and mobile devices. We have incorporated the best web development practices – you can create an outstanding website layout based on Bootstrap or Grid 1320px.
After purchasing iStudy template on templateforest.net with your Envato account, go to your Download page. You can choose to download iStudy template only or the entire iStudy template package which contains the following files:
Installing a iStudy template is not like WordPress or CMS theme installation, actually, installation keyword does not go with iStudy template. Why? because you don’t install anything, yes iStudy or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download iStudy template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/animate.min.css">
<link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
<link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
<link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
<link rel="stylesheet" href="assets/css/plugins/nouislider.min.css">
<link rel="stylesheet" href="assets/css/vendor/icomoon.css">
<link rel="stylesheet" href="assets/css/vendor/spacing.css">
<link rel="stylesheet" href="assets/css/plugins/apexcharts.css">
<link rel="stylesheet" href="assets/css/main.css">
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/*---------------------------------
1.1 Theme SCSS
---------------------------------*/
/*-----------------------------------------------------------------------------------
Template Name: iStudy - Education & Online Courses Template
Author: Topylo
Developer: Topylo Team
Support: https://support.topylo.com
Description: iStudy - Education & Online Courses Template
Version: 1.0
-----------------------------------------------------------------------------------
/************ TABLE OF CONTENTS ***************
-----------------
01. THEME SCSS
-----------------
1.1 spacing
1.2 theme
1.3 typography
-----------------
01. utils SCSS
-----------------
1.1 breakpoints
1.2 extends
1.3 mixins
1.4 variables
-----------------
02. COMPONENTS SCSS
-----------------
2.1 accordion
2.2 advertise
2.3 animation
2.4 avatar
2.5 background
2.6 backtotop
2.7 badge
2.8 breadcrumb
2.9 brand
2.10 buttons
2.11 carousel
2.12 color
2.13 counter
2.14 countdown
2.15 event
2.16 forms
2.17 offcanvas
2.18 pagination
2.19 popup-search
2.20 preloader
2.21 progress-bar
2.22 section-title
2.23 shortcodes
2.24 social
2.25 style-guide
2.26 tab
2.27 tooltip
2.28 video
-----------------
03. layout
-----------------
-----------------
3.1 banner SCSS
-----------------
3.1.1 banner-1
3.1.2 banner-2
3.1.3 banner-3
3.1.6 banner-6
-----------------
3.2 blog SCSS
-----------------
3.2.1 blog-tag
3.2.2 blog
3.2.3 postbox
3.2.4 recent-post
3.2.5 sidebar
3.2.6 index
-----------------
3.3 ecommerce SCSS
-----------------
3.3.1 cart-sidebar
3.3.2 cart
3.3.3 checkout
3.3.4 order
3.3.5 shop
-----------------
3.4 footer SCSS
-----------------
3.4.1 copyrights
3.4.2 footer-2
3.4.3 footer
-----------------
3.5 header SCSS
-----------------
3.5.1 header-1
3.5.2 header-2
3.5.3 header-3
3.5.4 header-4
3.5.5 header-common
3.5.6 header-top
-----------------
3.6 menu SCSS
-----------------
3.6.1 mean
3.6.2 mobile-menu
-----------------
04. Page SCSS
-----------------
4.1 about
4.2 campus
4.3 career
4.4 categories
4.5 class
4.6 coming-soon
4.7 contact
4.8 courses
4.9 courses-details
4.10 cta
4.11 dashboard
4.12 demo
4.13 error
4.14 faq
4.15 feature
4.16 financial
4.17 gallery
4.18 history
4.19 instructor
4.20 joining
4.21 lesson
4.22 live-class
4.23 mission-vision
4.24 newsletter
4.25 offer
4.26 price
4.27 privacy-policy
4.28 program
4.29 review
4.30 skill
4.31 sorting
4.32 testimonial
4.33 tuition
4.34 why-choose
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<script src="assets/js/plugins/waypoints.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/plugins/swiper.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<script src="assets/js/vendor/magnific-popup.min.js"></script>
<script src="assets/js/vendor/isotope.pkgd.min.js"></script>
<script src="assets/js/vendor/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/plugins/nice-select.min.js"></script>
<script src="assets/js/vendor/ajax-form.js"></script>
<script src="assets/js/plugins/easypie.js"></script>
<script src="assets/js/vendor/purecounter.js"></script>
<script src="assets/js/plugins/nouislider.min.js"></script>
<script src="assets/js/plugins/apexcharts.min.js"></script>
<script src="assets/js/main.js"></script>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header__logo">
<a href="index.html">
<img class="logo-dark" src="assets/img/logo/logo-black.png" alt="logo-img">
</a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="Logo"></a>
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
Welcome to iStudy Header Elements! You can choose 3 Types of header package for creating you website.
<!-- Header area start -->
<header>
<div class="bd-header-top">
<div class="bd-header-top-left">
<ul>
<li><a href="tel:+8884467880"><span><i class="fa-solid fa-phone-volume"></i></span>(888)
446-7880</a></li>
<li><a href="mailto:[email protected]"><span><i
class="fa-sharp fa-light fa-envelope"></i></span>[email protected]</a></li>
</ul>
</div>
<div class="bd-header-top-right text-md-end">
<a href="#"><span><i class="fa-solid fa-phone-volume"></i></span>Brooklyn, NY 12207, New York</a>
</div>
</div>
<div class="bd-header-area header-style-one" id="header-sticky">
<div class="bd-header-inner">
<div class="bd-header-left">
<div class="bd-header-logo">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
<div class="bd-header-category d-none d-lg-block">
<div class="bd-category-btn">
<i class="fa-solid fa-grid"></i> Category
</div>
<div class="bd-category-dropdown">
<nav>
<ul>
<li><a href="#">Development</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Life Style</a></li>
<li><a href="#">Health & Fitness</a></li>
<li><a href="#">Data Science</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Photography</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="bd-header-menu">
<nav class="main-menu bd-mobile-menu-active d-none d-xl-block">
<ul>
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<a href="index-online-course.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Online Course</div>
</a>
</li>
<li>
<a href="index-university.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.webp" alt="images">
</div>
<div class="home-menu-title">University</div>
</a>
</li>
<li>
<a href="index-modern-schooling.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.webp" alt="images">
</div>
<div class="home-menu-title">Modern Schooling</div>
</a>
</li>
<li>
<a href="index-kindergarten.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.webp" alt="images">
</div>
<div class="home-menu-title">Kindergarten</div>
</a>
</li>
<li>
<a href="index-quran-learning.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.webp" alt="images">
</div>
<div class="home-menu-title">Quran Learning</div>
</a>
</li>
<li>
<a href="index-shop.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Book Store</div>
</a>
</li>
</ul>
</li>
<!-- courses menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Courses</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Advanced Course Filter</a>
<ul class="submenu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-filter-search.html">Courses Search Filter</a></li>
<li><a href="courses-filter-category.html">Courses Filter Category</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Grid</a>
<ul class="submenu">
<li><a href="courses-grid.html">Courses Grid</a></li>
<li><a href="courses-grid-two.html">Courses Grid Two</a></li>
<li><a href="courses-grid-three.html">Courses Grid Three</a></li>
<li><a href="courses-grid-four.html">Courses Grid Four</a></li>
<li><a href="courses-grid-five.html">Courses Grid Five</a></li>
<li><a href="courses-grid-right.html">Courses Grid Right Sidebar</a></li>
<li><a href="courses-grid-left.html">Courses Grid Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses List</a>
<ul class="submenu">
<li><a href="courses-list-one.html">Courses Left Sidebar</a></li>
<li><a href="courses-list-two.html">Courses Right Sidebar</a></li>
<li><a href="courses-list-three.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Details</a>
<ul class="submenu">
<li><a href="courses-details.html">Courses Details</a></li>
<li><a href="courses-details-two.html">Courses Details Two</a></li>
<li><a href="courses-details-three.html">Courses Details Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Program Details</a>
<ul class="submenu">
<li><a href="program-details.html">University Program</a></li>
<li><a href="kindergarten-program-details.html">Kindergarten Program</a>
</li>
</ul>
</li>
<li><a href="course-lesson.html">Courses Lesson</a></li>
<li><a href="create-course.html">Create New Course</a></li>
</ul>
</li>
<!-- page menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-5">
<li>
<a href="javasript:void(0);" class="title">Page Layout 1</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about-online-course.html">About Online Course</a></li>
<li><a href="about-university.html">About University</a></li>
<li><a href="about-modern-schooling.html">About Modern Schooling</a></li>
<li><a href="about-kindergarten.html">About Kindergarten</a></li>
<li><a href="about-quran-learning.html">About Quran Learning</a></li>
<li><a href="history.html">History</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 2</a>
<ul>
<li><a href="campus.html">Campus</a></li>
<li><a href="academic-calendar.html">Academic Calendar</a></li>
<li><a href="apply-online.html">Apply Online</a></li>
<li><a href="executive-leaders.html">Executive Leaders</a></li>
<li><a href="faculty-members.html">Faculty Members</a></li>
<li><a href="tuition-fees.html">Tuition and Other Fees</a></li>
<li><a href="mvs.html">Vision, Mission & Strategy</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 3</a>
<ul>
<li><a href="scholarships-financial-aid.html">Scholarships & Financial
Aid</a></li>
<li><a href="scholarships-financial-aid-details.html">Scholarships
Details</a></li>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="become-instructor.html">Become Instructor</a></li>
<li><a href="event.html">Event Grid</a></li>
<li><a href="event-list.html">Event List</a></li>
<li><a href="event-details.html">Event Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 4</a>
<ul>
<li><a href="webinar-details.html">Webinar Details</a></li>
<li><a href="faq.html">Faq's</a></li>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Book Details </a></li>
<li><a href="shop-details-two.html">Shop Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 5</a>
<ul>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-maintenance.html">Under Maintenance</a></li>
<li><a href="terms-conditions.html">Terms and Conditions</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
</ul>
</li>
</ul>
</li>
<!-- dashboard menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Dashboard</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Instructor Dashboard</a>
<ul class="submenu">
<li><a href="instructor-dashboard.html">Instructor Dashboard</a></li>
<li><a href="instructor-profile.html">Instructor Profile</a></li>
<li><a href="instructor-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="instructor-my-quiz-attempts.html">Instructor Quiz Attempts</a>
</li>
<li><a href="instructor-assignments.html">Instructor Assignments</a></li>
<li><a href="instructor-analytics.html">Instructor Analytics</a></li>
<li><a href="instructor-courses.html">My Courses</a></li>
<li><a href="instructor-books.html">Instructor Books</a></li>
<li><a href="instructor-wishlist.html">Instructor Wishlist</a></li>
<li><a href="instructor-reviews.html">Instructor Reviews</a></li>
<li><a href="instructor-purchase-history.html">Instructor Purchase
History</a></li>
<li><a href="instructor-announcements.html">Instructor Announcements</a>
</li>
<li><a href="instructor-certificate.html">Instructor Certificate</a></li>
<li><a href="instructor-settings.html">Instructor Settings</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Student Dashboard</a>
<ul class="submenu">
<li><a href="student-dashboard.html">Student Dashboard</a></li>
<li><a href="student-profile.html">Student Profile</a></li>
<li><a href="student-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="student-my-quiz-attempts.html">Student Quiz Attempts</a></li>
<li><a href="student-assignments.html">Student Assignments</a></li>
<li><a href="student-analytics.html">Student Analytics</a></li>
<li><a href="student-books.html">Student Books</a></li>
<li><a href="student-wishlist.html">Student Wishlist</a></li>
<li><a href="student-reviews.html">Student Reviews</a></li>
<li><a href="student-purchase-history.html">Student Purchase History</a>
</li>
<li><a href="student-announcements.html">Student Announcements</a></li>
<li><a href="student-certificate.html">My Achievement</a></li>
<li><a href="student-settings.html">Student Settings</a></li>
</ul>
</li>
</ul>
</li>
<!-- elements menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Elements</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Elements Layout 1</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-advance-tab.html">Advance Tab</a></li>
<li><a href="element-badge.html">Badge</a></li>
<li><a href="element-blog.html">Blog</a></li>
<li><a href="element-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 2</a>
<ul>
<li><a href="element-button.html">Button</a></li>
<li><a href="element-categories.html">Categories</a></li>
<li><a href="element-counter.html">Counter</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-courses.html">Courses</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 3</a>
<ul>
<li><a href="element-cta.html">Call To Action</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-instructor.html">Instructor</a></li>
<li><a href="element-newsletter.html">Newsletter</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 4</a>
<ul>
<li><a href="element-pricing.html">Pricing</a></li>
<li><a href="element-progress-bar.html">Progress bar</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-choose.html">Why Choose</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li><a href="blog.html">Blog Standard</a></li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Advanced</a>
<ul class="submenu">
<li><a href="blog-advanced.html">Blog Filter</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-list-three.html">Blog List Three</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-two.html">Blog Grid Two</a></li>
<li><a href="blog-grid-three.html">Blog Grid Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Details</a>
<ul class="submenu">
<li><a href="blog-details.html">Right Sidebar</a></li>
<li><a href="blog-details-two.html">Left Sidebar</a></li>
<li><a href="blog-details-full.html">Full Width</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="bd-header-right">
<div class="bd-header-meta">
<button class="bd-search-open-btn meta-icon" type="button"><i
class="fa-regular fa-magnifying-glass"></i></button>
<button class="cartmini-open-btn meta-icon" type="button"><i
class="fa-regular fa-cart-shopping"></i><span class="item-number">3</span></button>
</div>
<div class="bd-header-sign-btn">
<a class="bd-btn btn-outline-primary h-40px" href="sign-in.html">Login</a>
<a class="bd-btn btn-outline-border-primary h-40px" href="sign-up.html">Register</a>
</div>
<div class="bd-header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="header-style-two">
<div class="bd-header-top style-two">
<div class="bd-header-top-left">
<ul>
<li><a href="tel:+8884467880"><span><i class="fa-solid fa-phone-volume"></i></span>(888)
446-7880</a></li>
<li><a href="mailto:[email protected]"><span><i
class="fa-sharp fa-light fa-envelope"></i></span>[email protected]</a></li>
</ul>
</div>
<div class="bd-header-top-right text-md-end">
<a href="#"><span><i class="fa-solid fa-phone-volume"></i></span>Brooklyn, NY 12207, New York</a>
</div>
</div>
<div class="bd-header-area">
<div class="bd-header-inner">
<div class="bd-header-left">
<div class="bd-header-logo logo-white">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
<div class="bd-header-logo logo-black">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
</div>
<div class="bd-header-menu">
<nav class="main-menu bd-mobile-menu-active d-none d-xl-block">
<ul>
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<a href="index-online-course.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Online Course</div>
</a>
</li>
<li>
<a href="index-university.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.webp" alt="images">
</div>
<div class="home-menu-title">University</div>
</a>
</li>
<li>
<a href="index-modern-schooling.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.webp" alt="images">
</div>
<div class="home-menu-title">Modern Schooling</div>
</a>
</li>
<li>
<a href="index-kindergarten.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.webp" alt="images">
</div>
<div class="home-menu-title">Kindergarten</div>
</a>
</li>
<li>
<a href="index-quran-learning.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.webp" alt="images">
</div>
<div class="home-menu-title">Quran Learning</div>
</a>
</li>
<li>
<a href="index-shop.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Book Store</div>
</a>
</li>
</ul>
</li>
<!-- courses menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Academics</a>
<ul class="submenu last-children">
<li><a href="about-university.html">About University</a></li>
<li><a href="campus.html">Campus</a></li>
<li><a href="history.html">History</a></li>
<li><a href="executive-leaders.html">Executive Leaders</a></li>
<li><a href="faculty-members.html">Faculty Members</a></li>
<li><a href="mvs.html">Vision, Mission & Strategy</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="javascript:void(0)">Admission</a>
<ul class="submenu last-children">
<li><a href="courses-grid-two.html">University Program</a></li>
<li><a href="academic-calendar.html">Academic Calendar</a></li>
<li><a href="tuition-fees.html">Tuition and Other Fees</a></li>
<li><a href="scholarships-financial-aid.html">Scholarships & Financial Aid</a>
</li>
<li><a href="scholarships-financial-aid-details.html">Scholarships Details</a>
</li>
<li><a href="apply-online.html">Apply Online</a></li>
</ul>
</li>
<!-- page menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Page Layout 1</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about-online-course.html">About Online Course</a></li>
<li><a href="about-modern-schooling.html">About Modern Schooling</a>
</li>
<li><a href="about-kindergarten.html">About Kindergarten</a></li>
<li><a href="about-quran-learning.html">About Quran Learning</a></li>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="become-instructor.html">Become Instructor</a></li>
<li><a href="event.html">Event Grid</a></li>
<li><a href="event-list.html">Event List</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="webinar-details.html">Webinar Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 2</a>
<ul>
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-filter-search.html">Courses Search Filter</a></li>
<li><a href="courses-filter-category.html">Courses Filter Category</a>
</li>
<li><a href="courses-grid.html">Courses Grid</a></li>
<li><a href="courses-grid-three.html">Courses Grid Three</a></li>
<li><a href="courses-grid-four.html">Courses Grid Four</a></li>
<li><a href="courses-grid-five.html">Courses Grid Five</a></li>
<li><a href="courses-grid-right.html">Courses Grid Right Sidebar</a>
</li>
<li><a href="courses-grid-left.html">Courses Grid Left Sidebar</a></li>
<li><a href="courses-list-one.html">Courses Left Sidebar</a></li>
<li><a href="courses-list-two.html">Courses Right Sidebar</a></li>
<li><a href="courses-list-three.html">No Sidebar</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 3</a>
<ul>
<li><a href="courses-details.html">Courses Details</a></li>
<li><a href="courses-details-two.html">Courses Details Two</a></li>
<li><a href="courses-details-three.html">Courses Details Three</a></li>
<li><a href="kindergarten-program-details.html">Kindergarten Program</a>
</li>
<li><a href="course-lesson.html">Courses Lesson</a></li>
<li><a href="create-course.html">Create New Course</a></li>
<li><a href="faq.html">Faq's</a></li>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Book Details </a></li>
<li><a href="shop-details-two.html">Shop Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 4</a>
<ul>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-maintenance.html">Under Maintenance</a></li>
<li><a href="terms-conditions.html">Terms and Conditions</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
</ul>
</li>
</ul>
</li>
<!-- elements menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Elements</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Elements Layout 1</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-advance-tab.html">Advance Tab</a></li>
<li><a href="element-badge.html">Badge</a></li>
<li><a href="element-blog.html">Blog</a></li>
<li><a href="element-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 2</a>
<ul>
<li><a href="element-button.html">Button</a></li>
<li><a href="element-categories.html">Categories</a></li>
<li><a href="element-counter.html">Counter</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-courses.html">Courses</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 3</a>
<ul>
<li><a href="element-cta.html">Call To Action</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-instructor.html">Instructor</a></li>
<li><a href="element-newsletter.html">Newsletter</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 4</a>
<ul>
<li><a href="element-pricing.html">Pricing</a></li>
<li><a href="element-progress-bar.html">Progress bar</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-choose.html">Why Choose</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li><a href="blog.html">Blog Standard</a></li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Advanced</a>
<ul class="submenu">
<li><a href="blog-advanced.html">Blog Filter</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-list-three.html">Blog List Three</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-two.html">Blog Grid Two</a></li>
<li><a href="blog-grid-three.html">Blog Grid Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Details</a>
<ul class="submenu">
<li><a href="blog-details.html">Right Sidebar</a></li>
<li><a href="blog-details-two.html">Left Sidebar</a></li>
<li><a href="blog-details-full.html">Full Width</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="bd-header-right">
<div class="bd-header-meta">
<button class="bd-search-open-btn meta-icon" type="button"><i
class="fa-regular fa-magnifying-glass"></i></button>
<button class="cartmini-open-btn meta-icon" type="button"><i
class="fa-regular fa-cart-shopping"></i><span class="item-number">3</span></button>
</div>
<div class="bd-header-sign-btn">
<div class="underline"><a class="bd-btn-text text-primary" href="#">ERP Login</a></div>
<a class="bd-btn btn-outline-border-primary h-40px" href="apply-online.html">Apply</a>
</div>
<div class="bd-header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="bd-header-transparent-two">
<div class="bd-header-top style-three">
<div class="bd-header-top-left">
<ul>
<li><a href="tel:+8884467880"><span><i class="fa-solid fa-phone-volume"></i></span>(888)
446-7880</a></li>
<li><a href="mailto:[email protected]"><span><i
class="fa-sharp fa-light fa-envelope"></i></span>[email protected]</a></li>
</ul>
</div>
<div class="bd-header-top-right text-md-end">
<a href="#"><span><i class="fa-sharp fa-regular fa-location-dot"></i></span>Brooklyn, NY 12207, New
York</a>
</div>
</div>
<div class="bd-header-area header-style-one" id="header-sticky">
<div class="bd-header-inner">
<div class="bd-header-left">
<div class="bd-header-logo">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
<div class="bd-header-category d-none d-lg-block">
<div class="bd-category-btn">
<i class="fa-solid fa-grid"></i> Category
</div>
<div class="bd-category-dropdown">
<nav>
<ul>
<li><a href="courses.html">Development</a></li>
<li><a href="courses.html">Marketing</a></li>
<li><a href="courses.html">Photography</a></li>
<li><a href="courses.html">Life Style</a></li>
<li><a href="courses.html">Health & Fitness</a></li>
<li><a href="courses.html">Data Science</a></li>
<li><a href="courses.html">Marketing</a></li>
<li><a href="courses.html">Photography</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="bd-header-menu">
<nav class="main-menu bd-mobile-menu-active d-none d-xl-block">
<ul>
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<a href="index-online-course.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Online Course</div>
</a>
</li>
<li>
<a href="index-university.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.webp" alt="images">
</div>
<div class="home-menu-title">University</div>
</a>
</li>
<li>
<a href="index-modern-schooling.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.webp" alt="images">
</div>
<div class="home-menu-title">Modern Schooling</div>
</a>
</li>
<li>
<a href="index-kindergarten.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.webp" alt="images">
</div>
<div class="home-menu-title">Kindergarten</div>
</a>
</li>
<li>
<a href="index-quran-learning.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.webp" alt="images">
</div>
<div class="home-menu-title">Quran Learning</div>
</a>
</li>
<li>
<a href="index-shop.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-6.webp" alt="images">
</div>
<div class="home-menu-title">Book Store</div>
</a>
</li>
<li>
<a href="index-language-academy.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-7.webp" alt="images">
</div>
<div class="home-menu-title">Language Academy</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Kitchen Coach - Soon</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Marketplace - Soon</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Course Hub - Soon</div>
</a>
</li>
</ul>
</li>
<!-- courses menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Courses</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Advanced Course Filter</a>
<ul class="submenu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-filter-search.html">Courses Search Filter</a></li>
<li><a href="courses-filter-category.html">Courses Filter Category</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Grid</a>
<ul class="submenu">
<li><a href="courses-grid.html">Courses Grid</a></li>
<li><a href="courses-grid-two.html">Courses Grid Two</a></li>
<li><a href="courses-grid-three.html">Courses Grid Three</a></li>
<li><a href="courses-grid-four.html">Courses Grid Four</a></li>
<li><a href="courses-grid-five.html">Courses Grid Five</a></li>
<li><a href="courses-grid-right.html">Courses Grid Right Sidebar</a>
</li>
<li><a href="courses-grid-left.html">Courses Grid Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses List</a>
<ul class="submenu">
<li><a href="courses-list-one.html">Courses Left Sidebar</a></li>
<li><a href="courses-list-two.html">Courses Right Sidebar</a></li>
<li><a href="courses-list-three.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Details</a>
<ul class="submenu">
<li><a href="courses-details.html">Courses Details</a></li>
<li><a href="courses-details-two.html">Courses Details Two</a></li>
<li><a href="courses-details-three.html">Courses Details Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Program Details</a>
<ul class="submenu">
<li><a href="program-details.html">University Program</a></li>
<li><a href="kindergarten-program-details.html">Kindergarten Program</a>
</li>
</ul>
</li>
<li><a href="course-lesson.html">Courses Lesson</a></li>
<li><a href="create-course.html">Create New Course</a></li>
</ul>
</li>
<!-- page menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-5">
<li>
<a href="javasript:void(0);" class="title">Page Layout 1</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about-online-course.html">About Online Course</a></li>
<li><a href="about-university.html">About University</a></li>
<li><a href="about-modern-schooling.html">About Modern Schooling</a>
</li>
<li><a href="about-kindergarten.html">About Kindergarten</a></li>
<li><a href="about-quran-learning.html">About Quran Learning</a></li>
<li><a href="history.html">History</a></li>
<li><a href="mvs.html">Vision, Mission & Strategy</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 2</a>
<ul>
<li><a href="campus.html">Campus</a></li>
<li><a href="academic-calendar.html">Academic Calendar</a></li>
<li><a href="apply-online.html">Apply Online</a></li>
<li><a href="executive-leaders.html">Executive Leaders</a></li>
<li><a href="faculty-members.html">Faculty Members</a></li>
<li><a href="tuition-fees.html">Tuition and Other Fees</a></li>
<li><a href="scholarships-financial-aid.html">Scholarships & Financial
Aid</a></li>
<li><a href="scholarships-financial-aid-details.html">Scholarships
Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 3</a>
<ul>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="become-instructor.html">Become Instructor</a></li>
<li><a href="event.html">Event Grid</a></li>
<li><a href="event-list.html">Event List</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="webinar-details.html">Webinar Details</a></li>
<li><a href="faq.html">Faq's</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 4</a>
<ul>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Book Details </a></li>
<li><a href="shop-details-two.html">Shop Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 5</a>
<ul>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-maintenance.html">Under Maintenance</a></li>
<li><a href="terms-conditions.html">Terms and Conditions</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
</ul>
</li>
</ul>
</li>
<!-- dashboard menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Dashboard</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Instructor Dashboard</a>
<ul class="submenu">
<li><a href="instructor-dashboard.html">Instructor Dashboard</a></li>
<li><a href="instructor-profile.html">Instructor Profile</a></li>
<li><a href="instructor-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="instructor-my-quiz-attempts.html">Instructor Quiz
Attempts</a></li>
<li><a href="instructor-assignments.html">Instructor Assignments</a>
</li>
<li><a href="instructor-analytics.html">Instructor Analytics</a></li>
<li><a href="instructor-courses.html">My Courses</a></li>
<li><a href="instructor-books.html">Instructor Books</a></li>
<li><a href="instructor-wishlist.html">Instructor Wishlist</a></li>
<li><a href="instructor-reviews.html">Instructor Reviews</a></li>
<li><a href="instructor-purchase-history.html">Instructor Purchase
History</a></li>
<li><a href="instructor-announcements.html">Instructor Announcements</a>
</li>
<li><a href="instructor-certificate.html">Instructor Certificate</a>
</li>
<li><a href="instructor-settings.html">Instructor Settings</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Student Dashboard</a>
<ul class="submenu">
<li><a href="student-dashboard.html">Student Dashboard</a></li>
<li><a href="student-profile.html">Student Profile</a></li>
<li><a href="student-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="student-my-quiz-attempts.html">Student Quiz Attempts</a>
</li>
<li><a href="student-assignments.html">Student Assignments</a></li>
<li><a href="student-analytics.html">Student Analytics</a></li>
<li><a href="student-books.html">Student Books</a></li>
<li><a href="student-wishlist.html">Student Wishlist</a></li>
<li><a href="student-reviews.html">Student Reviews</a></li>
<li><a href="student-purchase-history.html">Student Purchase History</a>
</li>
<li><a href="student-announcements.html">Student Announcements</a></li>
<li><a href="student-certificate.html">My Achievement</a></li>
<li><a href="student-settings.html">Student Settings</a></li>
</ul>
</li>
</ul>
</li>
<!-- elements menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Elements</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Elements Layout 1</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-advance-tab.html">Advance Tab</a></li>
<li><a href="element-badge.html">Badge</a></li>
<li><a href="element-blog.html">Blog</a></li>
<li><a href="element-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 2</a>
<ul>
<li><a href="element-button.html">Button</a></li>
<li><a href="element-categories.html">Categories</a></li>
<li><a href="element-counter.html">Counter</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-courses.html">Courses</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 3</a>
<ul>
<li><a href="element-cta.html">Call To Action</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-instructor.html">Instructor</a></li>
<li><a href="element-newsletter.html">Newsletter</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 4</a>
<ul>
<li><a href="element-pricing.html">Pricing</a></li>
<li><a href="element-progress-bar.html">Progress bar</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-choose.html">Why Choose</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li><a href="blog.html">Blog Standard</a></li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Advanced</a>
<ul class="submenu">
<li><a href="blog-advanced.html">Blog Filter</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-list-three.html">Blog List Three</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-two.html">Blog Grid Two</a></li>
<li><a href="blog-grid-three.html">Blog Grid Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Details</a>
<ul class="submenu">
<li><a href="blog-details.html">Right Sidebar</a></li>
<li><a href="blog-details-two.html">Left Sidebar</a></li>
<li><a href="blog-details-full.html">Full Width</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="bd-header-right">
<div class="bd-header-meta">
<button class="bd-search-open-btn meta-icon" type="button"><i
class="fa-regular fa-magnifying-glass"></i></button>
<button class="cartmini-open-btn meta-icon" type="button"><i
class="fa-regular fa-cart-shopping"></i><span class="item-number">3</span></button>
</div>
<div class="bd-header-sign-btn">
<a class="bd-btn btn-outline-primary h-40px" href="sign-in.html">Login</a>
<a class="bd-btn btn-outline-border-primary h-40px" href="sign-up.html">Register</a>
</div>
<div class="bd-header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="bd-header-area header-style-three" id="header-sticky">
<div class="container">
<div class="bd-header-inner-two">
<div class="bd-header-left">
<div class="bd-header-logo">
<a href="index.html"><img src="assets/images/logo/logo-white.svg" alt="logo"></a>
</div>
<div class="bd-header-logo-sticky">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
</div>
<div class="bd-header-menu">
<nav class="main-menu bd-mobile-menu-active d-none d-xl-block">
<ul>
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<a href="index-online-course.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Online Course</div>
</a>
</li>
<li>
<a href="index-university.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.webp" alt="images">
</div>
<div class="home-menu-title">University</div>
</a>
</li>
<li>
<a href="index-modern-schooling.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.webp" alt="images">
</div>
<div class="home-menu-title">Modern Schooling</div>
</a>
</li>
<li>
<a href="index-kindergarten.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.webp" alt="images">
</div>
<div class="home-menu-title">Kindergarten</div>
</a>
</li>
<li>
<a href="index-quran-learning.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.webp" alt="images">
</div>
<div class="home-menu-title">Quran Learning</div>
</a>
</li>
<li>
<a href="index-shop.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-6.webp" alt="images">
</div>
<div class="home-menu-title">Book Store</div>
</a>
</li>
<li>
<a href="index-language-academy.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-7.webp" alt="images">
</div>
<div class="home-menu-title">Language Academy</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Kitchen Coach - Soon</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Marketplace - Soon</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Course Hub - Soon</div>
</a>
</li>
</ul>
</li>
<!-- courses menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Courses</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Advanced Course Filter</a>
<ul class="submenu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-filter-search.html">Courses Search Filter</a></li>
<li><a href="courses-filter-category.html">Courses Filter Category</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Grid</a>
<ul class="submenu">
<li><a href="courses-grid.html">Courses Grid</a></li>
<li><a href="courses-grid-two.html">Courses Grid Two</a></li>
<li><a href="courses-grid-three.html">Courses Grid Three</a></li>
<li><a href="courses-grid-four.html">Courses Grid Four</a></li>
<li><a href="courses-grid-five.html">Courses Grid Five</a></li>
<li><a href="courses-grid-right.html">Courses Grid Right Sidebar</a>
</li>
<li><a href="courses-grid-left.html">Courses Grid Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses List</a>
<ul class="submenu">
<li><a href="courses-list-one.html">Courses Left Sidebar</a></li>
<li><a href="courses-list-two.html">Courses Right Sidebar</a></li>
<li><a href="courses-list-three.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Details</a>
<ul class="submenu">
<li><a href="courses-details.html">Courses Details</a></li>
<li><a href="courses-details-two.html">Courses Details Two</a></li>
<li><a href="courses-details-three.html">Courses Details Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Program Details</a>
<ul class="submenu">
<li><a href="program-details.html">University Program</a></li>
<li><a href="kindergarten-program-details.html">Kindergarten Program</a>
</li>
</ul>
</li>
<li><a href="course-lesson.html">Courses Lesson</a></li>
<li><a href="create-course.html">Create New Course</a></li>
</ul>
</li>
<!-- page menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-5">
<li>
<a href="javasript:void(0);" class="title">Page Layout 1</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about-online-course.html">About Online Course</a></li>
<li><a href="about-university.html">About University</a></li>
<li><a href="about-modern-schooling.html">About Modern Schooling</a>
</li>
<li><a href="about-kindergarten.html">About Kindergarten</a></li>
<li><a href="about-quran-learning.html">About Quran Learning</a></li>
<li><a href="history.html">History</a></li>
<li><a href="mvs.html">Vision, Mission & Strategy</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 2</a>
<ul>
<li><a href="campus.html">Campus</a></li>
<li><a href="academic-calendar.html">Academic Calendar</a></li>
<li><a href="apply-online.html">Apply Online</a></li>
<li><a href="executive-leaders.html">Executive Leaders</a></li>
<li><a href="faculty-members.html">Faculty Members</a></li>
<li><a href="tuition-fees.html">Tuition and Other Fees</a></li>
<li><a href="scholarships-financial-aid.html">Scholarships & Financial
Aid</a></li>
<li><a href="scholarships-financial-aid-details.html">Scholarships
Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 3</a>
<ul>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="become-instructor.html">Become Instructor</a></li>
<li><a href="event.html">Event Grid</a></li>
<li><a href="event-list.html">Event List</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="webinar-details.html">Webinar Details</a></li>
<li><a href="faq.html">Faq's</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 4</a>
<ul>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Book Details </a></li>
<li><a href="shop-details-two.html">Shop Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 5</a>
<ul>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-maintenance.html">Under Maintenance</a></li>
<li><a href="terms-conditions.html">Terms and Conditions</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
</ul>
</li>
</ul>
</li>
<!-- dashboard menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Dashboard</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Instructor Dashboard</a>
<ul class="submenu">
<li><a href="instructor-dashboard.html">Instructor Dashboard</a></li>
<li><a href="instructor-profile.html">Instructor Profile</a></li>
<li><a href="instructor-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="instructor-my-quiz-attempts.html">Instructor Quiz
Attempts</a></li>
<li><a href="instructor-assignments.html">Instructor Assignments</a>
</li>
<li><a href="instructor-analytics.html">Instructor Analytics</a></li>
<li><a href="instructor-courses.html">My Courses</a></li>
<li><a href="instructor-books.html">Instructor Books</a></li>
<li><a href="instructor-wishlist.html">Instructor Wishlist</a></li>
<li><a href="instructor-reviews.html">Instructor Reviews</a></li>
<li><a href="instructor-purchase-history.html">Instructor Purchase
History</a></li>
<li><a href="instructor-announcements.html">Instructor Announcements</a>
</li>
<li><a href="instructor-certificate.html">Instructor Certificate</a>
</li>
<li><a href="instructor-settings.html">Instructor Settings</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Student Dashboard</a>
<ul class="submenu">
<li><a href="student-dashboard.html">Student Dashboard</a></li>
<li><a href="student-profile.html">Student Profile</a></li>
<li><a href="student-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="student-my-quiz-attempts.html">Student Quiz Attempts</a>
</li>
<li><a href="student-assignments.html">Student Assignments</a></li>
<li><a href="student-analytics.html">Student Analytics</a></li>
<li><a href="student-books.html">Student Books</a></li>
<li><a href="student-wishlist.html">Student Wishlist</a></li>
<li><a href="student-reviews.html">Student Reviews</a></li>
<li><a href="student-purchase-history.html">Student Purchase History</a>
</li>
<li><a href="student-announcements.html">Student Announcements</a></li>
<li><a href="student-certificate.html">My Achievement</a></li>
<li><a href="student-settings.html">Student Settings</a></li>
</ul>
</li>
</ul>
</li>
<!-- elements menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Elements</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Elements Layout 1</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-advance-tab.html">Advance Tab</a></li>
<li><a href="element-badge.html">Badge</a></li>
<li><a href="element-blog.html">Blog</a></li>
<li><a href="element-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 2</a>
<ul>
<li><a href="element-button.html">Button</a></li>
<li><a href="element-categories.html">Categories</a></li>
<li><a href="element-counter.html">Counter</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-courses.html">Courses</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 3</a>
<ul>
<li><a href="element-cta.html">Call To Action</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-instructor.html">Instructor</a></li>
<li><a href="element-newsletter.html">Newsletter</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 4</a>
<ul>
<li><a href="element-pricing.html">Pricing</a></li>
<li><a href="element-progress-bar.html">Progress bar</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-choose.html">Why Choose</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li><a href="blog.html">Blog Standard</a></li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Advanced</a>
<ul class="submenu">
<li><a href="blog-advanced.html">Blog Filter</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-list-three.html">Blog List Three</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-two.html">Blog Grid Two</a></li>
<li><a href="blog-grid-three.html">Blog Grid Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Details</a>
<ul class="submenu">
<li><a href="blog-details.html">Right Sidebar</a></li>
<li><a href="blog-details-two.html">Left Sidebar</a></li>
<li><a href="blog-details-full.html">Full Width</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="bd-header-right justify-content-end">
<div class="bd-header-meta">
<button class="bd-search-open-btn meta-icon" type="button"><i
class="fa-regular fa-magnifying-glass"></i></button>
<button class="cartmini-open-btn meta-icon" type="button"><i
class="fa-regular fa-cart-shopping"></i><span class="item-number">3</span></button>
</div>
<div class="bd-header-sign-btn">
<a class="bd-btn btn-outline-border-secondary h-40px" href="#">Find Courses</a>
</div>
<div class="bd-header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="bd-header-area bd-header-transparent" id="header-sticky">
<div class="bd-header-inner">
<div class="bd-header-left">
<div class="bd-header-logo">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
<div class="bd-header-menu">
<nav class="main-menu bd-mobile-menu-active d-none d-xl-block">
<ul>
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<a href="index-online-course.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Online Course</div>
</a>
</li>
<li>
<a href="index-university.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.webp" alt="images">
</div>
<div class="home-menu-title">University</div>
</a>
</li>
<li>
<a href="index-modern-schooling.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.webp" alt="images">
</div>
<div class="home-menu-title">Modern Schooling</div>
</a>
</li>
<li>
<a href="index-kindergarten.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.webp" alt="images">
</div>
<div class="home-menu-title">Kindergarten</div>
</a>
</li>
<li>
<a href="index-quran-learning.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.webp" alt="images">
</div>
<div class="home-menu-title">Quran Learning</div>
</a>
</li>
<li>
<a href="index-shop.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-6.webp" alt="images">
</div>
<div class="home-menu-title">Book Store</div>
</a>
</li>
<li>
<a href="index-language-academy.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-7.webp" alt="images">
</div>
<div class="home-menu-title">Language Academy</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Kitchen Coach - Soon</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Marketplace - Soon</div>
</a>
</li>
<li>
<a href="#" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-soon.webp" alt="images">
</div>
<div class="home-menu-title">Course Hub - Soon</div>
</a>
</li>
</ul>
</li>
<!-- courses menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Courses</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Advanced Course Filter</a>
<ul class="submenu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-filter-search.html">Courses Search Filter</a></li>
<li><a href="courses-filter-category.html">Courses Filter Category</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Grid</a>
<ul class="submenu">
<li><a href="courses-grid.html">Courses Grid</a></li>
<li><a href="courses-grid-two.html">Courses Grid Two</a></li>
<li><a href="courses-grid-three.html">Courses Grid Three</a></li>
<li><a href="courses-grid-four.html">Courses Grid Four</a></li>
<li><a href="courses-grid-five.html">Courses Grid Five</a></li>
<li><a href="courses-grid-right.html">Courses Grid Right Sidebar</a>
</li>
<li><a href="courses-grid-left.html">Courses Grid Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses List</a>
<ul class="submenu">
<li><a href="courses-list-one.html">Courses Left Sidebar</a></li>
<li><a href="courses-list-two.html">Courses Right Sidebar</a></li>
<li><a href="courses-list-three.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Details</a>
<ul class="submenu">
<li><a href="courses-details.html">Courses Details</a></li>
<li><a href="courses-details-two.html">Courses Details Two</a></li>
<li><a href="courses-details-three.html">Courses Details Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Program Details</a>
<ul class="submenu">
<li><a href="program-details.html">University Program</a></li>
<li><a href="kindergarten-program-details.html">Kindergarten Program</a>
</li>
</ul>
</li>
<li><a href="course-lesson.html">Courses Lesson</a></li>
<li><a href="create-course.html">Create New Course</a></li>
</ul>
</li>
<!-- page menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-5">
<li>
<a href="javasript:void(0);" class="title">Page Layout 1</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about-online-course.html">About Online Course</a></li>
<li><a href="about-university.html">About University</a></li>
<li><a href="about-modern-schooling.html">About Modern Schooling</a>
</li>
<li><a href="about-kindergarten.html">About Kindergarten</a></li>
<li><a href="about-quran-learning.html">About Quran Learning</a></li>
<li><a href="history.html">History</a></li>
<li><a href="mvs.html">Vision, Mission & Strategy</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 2</a>
<ul>
<li><a href="campus.html">Campus</a></li>
<li><a href="academic-calendar.html">Academic Calendar</a></li>
<li><a href="apply-online.html">Apply Online</a></li>
<li><a href="executive-leaders.html">Executive Leaders</a></li>
<li><a href="faculty-members.html">Faculty Members</a></li>
<li><a href="tuition-fees.html">Tuition and Other Fees</a></li>
<li><a href="scholarships-financial-aid.html">Scholarships & Financial
Aid</a></li>
<li><a href="scholarships-financial-aid-details.html">Scholarships
Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 3</a>
<ul>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="become-instructor.html">Become Instructor</a></li>
<li><a href="event.html">Event Grid</a></li>
<li><a href="event-list.html">Event List</a></li>
<li><a href="event-details.html">Event Details</a></li>
<li><a href="webinar-details.html">Webinar Details</a></li>
<li><a href="faq.html">Faq's</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 4</a>
<ul>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Book Details </a></li>
<li><a href="shop-details-two.html">Shop Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 5</a>
<ul>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-maintenance.html">Under Maintenance</a></li>
<li><a href="terms-conditions.html">Terms and Conditions</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
</ul>
</li>
</ul>
</li>
<!-- dashboard menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Dashboard</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Instructor Dashboard</a>
<ul class="submenu">
<li><a href="instructor-dashboard.html">Instructor Dashboard</a></li>
<li><a href="instructor-profile.html">Instructor Profile</a></li>
<li><a href="instructor-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="instructor-my-quiz-attempts.html">Instructor Quiz
Attempts</a></li>
<li><a href="instructor-assignments.html">Instructor Assignments</a>
</li>
<li><a href="instructor-analytics.html">Instructor Analytics</a></li>
<li><a href="instructor-courses.html">My Courses</a></li>
<li><a href="instructor-books.html">Instructor Books</a></li>
<li><a href="instructor-wishlist.html">Instructor Wishlist</a></li>
<li><a href="instructor-reviews.html">Instructor Reviews</a></li>
<li><a href="instructor-purchase-history.html">Instructor Purchase
History</a></li>
<li><a href="instructor-announcements.html">Instructor Announcements</a>
</li>
<li><a href="instructor-certificate.html">Instructor Certificate</a>
</li>
<li><a href="instructor-settings.html">Instructor Settings</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Student Dashboard</a>
<ul class="submenu">
<li><a href="student-dashboard.html">Student Dashboard</a></li>
<li><a href="student-profile.html">Student Profile</a></li>
<li><a href="student-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="student-my-quiz-attempts.html">Student Quiz Attempts</a>
</li>
<li><a href="student-assignments.html">Student Assignments</a></li>
<li><a href="student-analytics.html">Student Analytics</a></li>
<li><a href="student-books.html">Student Books</a></li>
<li><a href="student-wishlist.html">Student Wishlist</a></li>
<li><a href="student-reviews.html">Student Reviews</a></li>
<li><a href="student-purchase-history.html">Student Purchase History</a>
</li>
<li><a href="student-announcements.html">Student Announcements</a></li>
<li><a href="student-certificate.html">My Achievement</a></li>
<li><a href="student-settings.html">Student Settings</a></li>
</ul>
</li>
</ul>
</li>
<!-- elements menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Elements</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Elements Layout 1</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-advance-tab.html">Advance Tab</a></li>
<li><a href="element-badge.html">Badge</a></li>
<li><a href="element-blog.html">Blog</a></li>
<li><a href="element-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 2</a>
<ul>
<li><a href="element-button.html">Button</a></li>
<li><a href="element-categories.html">Categories</a></li>
<li><a href="element-counter.html">Counter</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-courses.html">Courses</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 3</a>
<ul>
<li><a href="element-cta.html">Call To Action</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-instructor.html">Instructor</a></li>
<li><a href="element-newsletter.html">Newsletter</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 4</a>
<ul>
<li><a href="element-pricing.html">Pricing</a></li>
<li><a href="element-progress-bar.html">Progress bar</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-choose.html">Why Choose</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li><a href="blog.html">Blog Standard</a></li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Advanced</a>
<ul class="submenu">
<li><a href="blog-advanced.html">Blog Filter</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-list-three.html">Blog List Three</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-two.html">Blog Grid Two</a></li>
<li><a href="blog-grid-three.html">Blog Grid Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Details</a>
<ul class="submenu">
<li><a href="blog-details.html">Right Sidebar</a></li>
<li><a href="blog-details-two.html">Left Sidebar</a></li>
<li><a href="blog-details-full.html">Full Width</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="bd-header-right justify-content-end">
<div class="bd-header-meta has-white">
<button class="bd-search-open-btn meta-icon" type="button"><i
class="fa-regular fa-magnifying-glass"></i></button>
<button class="cartmini-open-btn meta-icon" type="button"><i
class="fa-regular fa-cart-shopping"></i><span class="item-number">3</span></button>
</div>
<div class="bd-header-sign-btn">
<a class="bd-btn btn-outline-border-secondary h-40px" href="#">Find Courses</a>
</div>
<div class="bd-header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="container">
<div class="bd-header-shop-middle">
<div class="row gy-10 align-items-center justify-content-between">
<div class="col-xl-2 col-lg-2 col-md-6 col-sm-4 col-5 order-lg-0 order-0">
<div class="bd-header-shop-logo">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
</div>
<div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 order-lg-1 order-2">
<div class="bd-header-shop-search">
<form action="#">
<input type="text" placeholder="Search by Books">
<button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
</form>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-8 col-5 order-lg-2 order-1">
<div class="bd-header-shop-meta d-flex-center gap-30 justify-content-end">
<div class="bd-seller-btn d-none d-sm-block">
<a href="contact.html"><i class="fa-regular fa-box-open"></i>
Become A Seller</a>
</div>
<div class="bd-header-meta">
<div class="bd-user-dropdown">
<button class="meta-icon" type="button" data-bs-toggle="dropdown"
aria-expanded="false"><i class="fa-solid fa-user"></i></button>
<div class="dropdown-menu">
<div class="bd-dropdown-login-form">
<div class="bd-dropdown-login-head">
<h6 class="title">Sign in</h6>
<span class="new-link underline"><a href="sign-up.html">Create an
Account</a></span>
</div>
<form action="#">
<div class="form-input-box mb-20">
<div class="form-input-title">
<label for="emailAddress">Email Address <span>*</span></label>
</div>
<div class="form-input">
<input name="email" id="emailAddress" type="email"
placeholder="Email Address">
</div>
</div>
<div class="form-input-box mb-20">
<div class="form-input-title">
<label for="password">Password <span>*</span></label>
</div>
<div class="form-input">
<input name="password" id="password" type="password"
placeholder="Your Password">
</div>
</div>
<div class="d-flex-between mb-20">
<div class="checkout-option">
<input id="rememberMe" type="checkbox">
<label for="rememberMe">Remember me</label>
</div>
<div class="sign-forgot underline">
<a href="forgot.html" class="sign-link">Forgot Password?</a>
</div>
</div>
<div class="bd-sign-btn">
<button class="bd-btn btn-primary w-100" type="submit">Sign
In</button>
</div>
</form>
</div>
</div>
</div>
<button class="cartmini-open-btn meta-icon" type="button"><i
class="fa-regular fa-cart-shopping"></i>
<span class="item-number">3</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bd-header-area header-style-four" id="header-sticky">
<div class="container">
<div class="bd-header-inner">
<div class="bd-header-left">
<div class="bd-header-logo">
<a href="index.html"><img src="assets/images/logo/logo.svg" alt="logo"></a>
</div>
<div class="bd-header-category">
<div class="bd-category-btn">
<i class="fa-solid fa-grid"></i> Category
</div>
<div class="bd-category-dropdown">
<nav>
<ul>
<li><a href="#">Development</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Life Style</a></li>
<li><a href="#">Health & Fitness</a></li>
<li><a href="#">Data Science</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Photography</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="bd-header-menu">
<nav class="main-menu bd-mobile-menu-active d-none d-xl-block">
<ul>
<li class="has-mega-menu">
<a href="index.html">Home</a>
<ul class="mega-menu home-menu-grid">
<li>
<a href="index-online-course.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Online Course</div>
</a>
</li>
<li>
<a href="index-university.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-2.webp" alt="images">
</div>
<div class="home-menu-title">University</div>
</a>
</li>
<li>
<a href="index-modern-schooling.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-3.webp" alt="images">
</div>
<div class="home-menu-title">Modern Schooling</div>
</a>
</li>
<li>
<a href="index-kindergarten.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-4.webp" alt="images">
</div>
<div class="home-menu-title">Kindergarten</div>
</a>
</li>
<li>
<a href="index-quran-learning.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-5.webp" alt="images">
</div>
<div class="home-menu-title">Quran Learning</div>
</a>
</li>
<li>
<a href="index-shop.html" class="home-menu-item">
<div class="home-menu-thumb">
<img src="assets/images/menu/menu-home-1.webp" alt="images">
</div>
<div class="home-menu-title">Book Store</div>
</a>
</li>
</ul>
</li>
<!-- courses menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Courses</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Advanced Course Filter</a>
<ul class="submenu">
<li><a href="courses.html">Courses</a></li>
<li><a href="courses-filter-search.html">Courses Search Filter</a></li>
<li><a href="courses-filter-category.html">Courses Filter Category</a>
</li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Grid</a>
<ul class="submenu">
<li><a href="courses-grid.html">Courses Grid</a></li>
<li><a href="courses-grid-two.html">Courses Grid Two</a></li>
<li><a href="courses-grid-three.html">Courses Grid Three</a></li>
<li><a href="courses-grid-four.html">Courses Grid Four</a></li>
<li><a href="courses-grid-five.html">Courses Grid Five</a></li>
<li><a href="courses-grid-right.html">Courses Grid Right Sidebar</a>
</li>
<li><a href="courses-grid-left.html">Courses Grid Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses List</a>
<ul class="submenu">
<li><a href="courses-list-one.html">Courses Left Sidebar</a></li>
<li><a href="courses-list-two.html">Courses Right Sidebar</a></li>
<li><a href="courses-list-three.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Courses Details</a>
<ul class="submenu">
<li><a href="courses-details.html">Courses Details</a></li>
<li><a href="courses-details-two.html">Courses Details Two</a></li>
<li><a href="courses-details-three.html">Courses Details Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Program Details</a>
<ul class="submenu">
<li><a href="program-details.html">University Program</a></li>
<li><a href="kindergarten-program-details.html">Kindergarten Program</a>
</li>
</ul>
</li>
<li><a href="course-lesson.html">Courses Lesson</a></li>
<li><a href="create-course.html">Create New Course</a></li>
</ul>
</li>
<!-- page menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-5">
<li>
<a href="javasript:void(0);" class="title">Page Layout 1</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about-online-course.html">About Online Course</a></li>
<li><a href="about-university.html">About University</a></li>
<li><a href="about-modern-schooling.html">About Modern Schooling</a>
</li>
<li><a href="about-kindergarten.html">About Kindergarten</a></li>
<li><a href="about-quran-learning.html">About Quran Learning</a></li>
<li><a href="history.html">History</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 2</a>
<ul>
<li><a href="campus.html">Campus</a></li>
<li><a href="academic-calendar.html">Academic Calendar</a></li>
<li><a href="apply-online.html">Apply Online</a></li>
<li><a href="executive-leaders.html">Executive Leaders</a></li>
<li><a href="faculty-members.html">Faculty Members</a></li>
<li><a href="tuition-fees.html">Tuition and Other Fees</a></li>
<li><a href="mvs.html">Vision, Mission & Strategy</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 3</a>
<ul>
<li><a href="scholarships-financial-aid.html">Scholarships & Financial
Aid</a></li>
<li><a href="scholarships-financial-aid-details.html">Scholarships
Details</a></li>
<li><a href="instructor.html">Instructor</a></li>
<li><a href="instructor-details.html">Instructor Details</a></li>
<li><a href="become-instructor.html">Become Instructor</a></li>
<li><a href="event.html">Event Grid</a></li>
<li><a href="event-list.html">Event List</a></li>
<li><a href="event-details.html">Event Details</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 4</a>
<ul>
<li><a href="webinar-details.html">Webinar Details</a></li>
<li><a href="faq.html">Faq's</a></li>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-v2.html">Shop V2</a></li>
<li><a href="shop-details.html">Book Details </a></li>
<li><a href="shop-details-two.html">Shop Details</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Page Layout 5</a>
<ul>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="sign-in.html">Sign In</a></li>
<li><a href="sign-up.html">Sign Up</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="under-maintenance.html">Under Maintenance</a></li>
<li><a href="terms-conditions.html">Terms and Conditions</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
</ul>
</li>
</ul>
</li>
<!-- dashboard menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Dashboard</a>
<ul class="submenu last-children">
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Instructor Dashboard</a>
<ul class="submenu">
<li><a href="instructor-dashboard.html">Instructor Dashboard</a></li>
<li><a href="instructor-profile.html">Instructor Profile</a></li>
<li><a href="instructor-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="instructor-my-quiz-attempts.html">Instructor Quiz
Attempts</a></li>
<li><a href="instructor-assignments.html">Instructor Assignments</a>
</li>
<li><a href="instructor-analytics.html">Instructor Analytics</a></li>
<li><a href="instructor-courses.html">My Courses</a></li>
<li><a href="instructor-books.html">Instructor Books</a></li>
<li><a href="instructor-wishlist.html">Instructor Wishlist</a></li>
<li><a href="instructor-reviews.html">Instructor Reviews</a></li>
<li><a href="instructor-purchase-history.html">Instructor Purchase
History</a></li>
<li><a href="instructor-announcements.html">Instructor Announcements</a>
</li>
<li><a href="instructor-certificate.html">Instructor Certificate</a>
</li>
<li><a href="instructor-settings.html">Instructor Settings</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Student Dashboard</a>
<ul class="submenu">
<li><a href="student-dashboard.html">Student Dashboard</a></li>
<li><a href="student-profile.html">Student Profile</a></li>
<li><a href="student-enrolled-courses.html">Enrolled Courses</a></li>
<li><a href="student-my-quiz-attempts.html">Student Quiz Attempts</a>
</li>
<li><a href="student-assignments.html">Student Assignments</a></li>
<li><a href="student-analytics.html">Student Analytics</a></li>
<li><a href="student-books.html">Student Books</a></li>
<li><a href="student-wishlist.html">Student Wishlist</a></li>
<li><a href="student-reviews.html">Student Reviews</a></li>
<li><a href="student-purchase-history.html">Student Purchase History</a>
</li>
<li><a href="student-announcements.html">Student Announcements</a></li>
<li><a href="student-certificate.html">My Achievement</a></li>
<li><a href="student-settings.html">Student Settings</a></li>
</ul>
</li>
</ul>
</li>
<!-- elements menu -->
<li class="has-mega-menu">
<a href="javascript:void(0)">Elements</a>
<ul class="mega-menu mega-grid-4">
<li>
<a href="javasript:void(0);" class="title">Elements Layout 1</a>
<ul>
<li><a href="style-guide.html">Style Guide</a></li>
<li><a href="element-accordion.html">Accordion</a></li>
<li><a href="element-advance-tab.html">Advance Tab</a></li>
<li><a href="element-badge.html">Badge</a></li>
<li><a href="element-blog.html">Blog</a></li>
<li><a href="element-brand.html">Brand</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 2</a>
<ul>
<li><a href="element-button.html">Button</a></li>
<li><a href="element-categories.html">Categories</a></li>
<li><a href="element-counter.html">Counter</a></li>
<li><a href="element-countdown.html">Countdown</a></li>
<li><a href="element-courses.html">Courses</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 3</a>
<ul>
<li><a href="element-cta.html">Call To Action</a></li>
<li><a href="element-event.html">Event</a></li>
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-instructor.html">Instructor</a></li>
<li><a href="element-newsletter.html">Newsletter</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
<li>
<a href="javasript:void(0);" class="title">Elements Layout 4</a>
<ul>
<li><a href="element-pricing.html">Pricing</a></li>
<li><a href="element-progress-bar.html">Progress bar</a></li>
<li><a href="element-social-icons.html">Social Icons</a></li>
<li><a href="element-testimonial.html">Testimonial</a></li>
<li><a href="elements-why-choose.html">Why Choose</a></li>
<li><a href="#">+ More Coming</a></li>
</ul>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li><a href="blog.html">Blog Standard</a></li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Advanced</a>
<ul class="submenu">
<li><a href="blog-advanced.html">Blog Filter</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-list-two.html">Blog List Two</a></li>
<li><a href="blog-list-three.html">Blog List Three</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-two.html">Blog Grid Two</a></li>
<li><a href="blog-grid-three.html">Blog Grid Three</a></li>
</ul>
</li>
<li class="menu-item-has-children has-arrow">
<a href="javascript:void(0)">Blog Details</a>
<ul class="submenu">
<li><a href="blog-details.html">Right Sidebar</a></li>
<li><a href="blog-details-two.html">Left Sidebar</a></li>
<li><a href="blog-details-full.html">Full Width</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="bd-header-right">
<div class="bd-support-meta">
<div class="icon"><a href="tel:1234567890"><i
class="fa-regular fa-phone-volume"></i></a></span>
</div>
<div class="bd-support-content">
<a href="tel:1234567890">
<h6 class="title">+ 012-3456-7890</h6>
</a>
<p class="description">24/7 Support Center</p>
</div>
</div>
<div class="bd-header-hamburger">
<div class="sidebar-toggle">
<a class="bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
Welcome to iStudy Footer You can select any footer & customize easily and build your website.
Awesome Footer styles. See below image and code for more information.
Welcome to iStudy Elements and Shortcode! You can select any elements & shortcode and customize easily and build your website.
Follow the Style Guide to ensure consistent design and typography across your project. Refer to the provided code examples for a clear understanding of the implementation.
Use the accordion component to organize content into collapsible sections. Check the code examples for a detailed implementation guide and better understanding.
Leverage the Advance Tab component to display content in organized, tabbed sections. Explore the code examples to understand the setup and functionality.
Use the Badge component to highlight key information, notifications, or statuses. Check the code examples to learn how to implement it effectively.
Create engaging blog sections to share updates, stories, and insights. Refer to the code examples to design an appealing and functional blog layout.
Showcase your brand identity with visually appealing elements. Use the code examples to effectively display logos, taglines, and other branding assets.
Button elements are interactive components that trigger actions or navigation. Use them to enhance user interactions and highlight call-to-action elements. Refer to the code examples to explore different button styles, sizes, and functionalities.
Organize content into distinct categories to improve navigation and accessibility. Refer to the code examples to effectively design and implement category sections.
Use counters to display numerical statistics or achievements dynamically. Check the code examples to learn how to create visually appealing and interactive counters.
Implement countdown timers to create urgency or track upcoming events. Refer to the code examples to learn how to set up and customize countdowns for various uses.
Showcase a variety of courses in an organized and engaging way. Refer to the code examples to learn how to display course details, pricing, and enrollment options effectively.
Encourage users to take action with clear and compelling call-to-action buttons or sections. Refer to the code examples to learn how to design effective CTAs that drive engagement and conversions.
Promote and organize events with clear, structured layouts. Use the code examples to showcase event details, dates, and registration options effectively, ensuring users stay informed and engaged.
Feature key achievements or important information in a visually appealing way. Refer to the code examples to learn how to emphasize highlights effectively, ensuring they capture attention and engage users.
Showcase instructors with detailed profiles, including their expertise, experience, and courses. Use the code examples to design informative and engaging instructor sections that highlight their qualifications and credibility.
Keep your audience engaged and informed with a well-designed newsletter section. Use the code examples to create visually appealing subscription forms and layout options for sharing updates, promotions, and important news.
Present your pricing options clearly with structured plans to help users choose the best fit for their needs. Refer to the code examples to design responsive and attractive pricing plan sections that highlight different features and benefits of each option.
Visualize progress and completion using progress bars. Refer to the code examples to design dynamic and responsive progress bars for tracking tasks, goals, or project stages effectively.
Showcase customer feedback and experiences to build trust and credibility. Use the code examples to design a visually appealing and organized testimonials section, highlighting positive reviews and success stories.
Highlight the key reasons why users should choose your product or service. Use the code examples to create a compelling and visually appealing section that emphasizes your unique selling points and benefits.
Shortcodes are available in the _shortcodes.scss file, located in the assets > scss > component folder.
We've used the following fonts, free icons and plugins as listed:
Thank you for purchasing my template.
If you have any questions that are
beyond the scope of this help file, please feel free to open a new ticket at our
Support
forum
Update Change log View Changelog Here
We are excited to showcase some of our other amazing products, including Tourn, Progery, Frintem, Manez, Tourigo, and more. With these themes, you can easily create an attractive website tailored to your domain requirements across various fields.
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact Us
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact
Social Icons
Visualize progress and completion using progress bars. Refer to the code examples to design dynamic and responsive progress bars for tracking tasks, goals, or project stages effectively.