|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/.nvm/../public_html/rasi/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rasi Coaching Instiute</title>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="">
<meta name="description" content="">
<!-- Dark mode -->
<script>
const storedTheme = localStorage.getItem('theme')
const getPreferredTheme = () => {
if (storedTheme) {
return storedTheme
}
return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light'
}
const setTheme = function (theme) {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark')
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
}
setTheme(getPreferredTheme())
window.addEventListener('DOMContentLoaded', () => {
var el = document.querySelector('.theme-icon-active');
if(el != 'undefined' && el != null) {
const showActiveTheme = theme => {
const activeThemeIcon = document.querySelector('.theme-icon-active use')
const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active')
})
btnToActive.classList.add('active')
activeThemeIcon.setAttribute('href', svgOfActiveBtn)
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (storedTheme !== 'light' || storedTheme !== 'dark') {
setTheme(getPreferredTheme())
}
})
showActiveTheme(getPreferredTheme())
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-value')
localStorage.setItem('theme', theme)
setTheme(theme)
showActiveTheme(theme)
})
})
}
})
</script>
<!-- Favicon -->
<!--<link rel="shortcut icon" href="assets/images/favicon.ico">-->
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/tiny-slider/tiny-slider.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/glightbox/css/glightbox.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/aos/aos.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style>
.tns-controls{
display: none !important;
}
</style>
</head>
<body>
<!-- Header START -->
<!-- Header START -->
<header class="navbar-light header-static navbar-sticky" id="header">
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-xl">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand me-0" href="index.html">
<img class="light-mode-item navbar-brand-item" src="assets/images/rasilogo.png" alt="logo">
<!-- <img class="dark-mode-item navbar-brand-item" src="assets/images/logo-light.svg" alt="logo"> -->
</a>
<!-- Logo END -->
<!-- Responsive navbar toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-animation">
<span></span>
<span></span>
<span></span>
</span>
</button>
<!-- Main navbar START -->
<div class="navbar-collapse collapse" id="navbarCollapse">
<!-- Nav Search END -->
<ul class="navbar-nav navbar-nav-scroll mx-auto">
<!-- Nav item 1 Demos -->
<li class="nav-item ">
<a class="nav-link ps-0 " href="index.html" >Home</a>
<!-- <ul class="dropdown-menu" aria-labelledby="demoMenu">
<li> <a class="dropdown-item" href="#">IELTS</a></li>
<li> <a class="dropdown-item" href="#">GRE</a></li>
<li> <a class="dropdown-item" href="#">Duolingo</a></li>
<li> <a class="dropdown-item" href="#">Toefl</a></li>
</ul> -->
</li>
<!-- Nav item 2 Eduport business -->
<li class="nav-item "><a class="nav-link " href="about.html">About </a></li>
<li class="nav-item">
<a class="nav-link dropdown-toggle active" id="courseLink" href="#">Course</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="NEET.html">NEET</a></li>
<li><a class="dropdown-item" href="JEE.html">JEE</a></li>
</ul>
</li>
<!-- Nav item 4 Component-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Blogs </a></li> -->
<li class="nav-item"><a class="nav-link " href="achievers.html">Achievers </a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#">FAQ </a></li> -->
<li class="nav-item"><a class="nav-link" href="contact.html">Contact </a></li>
</ul>
</div>
<!-- Main navbar END -->
<ul class="nav align-items-center justify-content-center dm-none">
<!-- <li class="nav-item me-3" data-bs-toggle="tooltip" data-bs-animation="false" data-bs-placement="bottom" data-bs-original-title="Sunday CLOSED">
<span><i class="far fa-clock me-2"></i>Visit time: Mon-Sat 9:00-19:00</span>
</li> -->
<li class="nav-item">
<a class="nav-link" href="tel:7373017105"><i class="bi bi-telephone me-2"></i>For Enquiry: 73730 17105</a>
</li>
</ul>
<ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
<!-- Add to cart -->
<!-- Sign In button -->
<li class="nav-item ms-2 d-none d-md-block">
<!-- <a href="#" class="btn btn-sm btn-blue mb-0">Contact us</a> -->
<a href="contact.html" class="btn btn-sm btn-primary mb-0"><i class="bi bi-whatsapp"></i> Talk to us</a>
</li>
</ul>
<!-- Profile START -->
</div>
</nav>
<!-- Logo Nav END -->
</header>
<section class="bg-blue align-items-center d-flex" style="background:url(assets/images/pattern/04.png) no-repeat center center; background-size:cover;">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<!-- Title -->
<h1 class="text-white">Courses</h1>
<!-- Breadcrumb -->
<div class="d-flex justify-content-center">
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-dark breadcrumb-dots mb-0">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item " aria-current="page">Our Courses</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="pt-200px pb-200px">
<div class="container">
<!-- Title -->
<div class="row">
<div class="col-md-6">
<span class="sub-menu-title mb-md-5">NEET 2024</span>
<h2>Our Top Achievers</h2>
</div>
<div class="col-md-6">
<p class="mb-3">With over 9 years of experience, we have developed a proven process to help students achieve their dreams. Our experts guide you through every step, ensuring a clear understanding of each concept and subject. We’ve designed our approach to reduce stress and help students to stay focused in reaching their goals</p>
<a href="#" class="cmnhober-rotate d-inline-flex gap-1 cus-border bb-700 n700-color fw_600">
View More
<i class="bi bi-arrow-right fs-six"></i>
</a>
</div>
</div>
<div class="col-md-12 sm-pt-20px">
<div class="row g-4 mt-5 " data-isotope='{"layoutMode": "masonry"}'>
<!-- Image Cards -->
<div class="col-md-4 col-6 ">
<div class="card card-fixed-h bg-light p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5 class="h-40px"><a href="contact.html">Foundation Course - 6th to 10th </a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-none mb-2 mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6 ">
<div class="card card-fixed-h bg-light p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html">Long-Term NEET repeaters Program </a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-none mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6 ">
<div class="card card-fixed-h bg-light p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html">Long-Term JEE repeaters Program </a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-none mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6 ">
<div class="card card-fixed-h bg-light p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5 class="h-40px"><a href="contact.html">Crash Course NEET</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-none mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6 ">
<div class="card card-fixed-h bg-light p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5><a href="contact.html">Crash Course JEE </a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-none mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6 ">
<div class="card card-fixed-h bg-light p-2">
<div class="position-relative">
<!-- Image -->
<img src="assets/images/dummy.jpg" class="card-img " alt="Card image">
</div>
<!-- Card body -->
<div class="card-body">
<!-- Title -->
<h5 class="h-40px"><a href="contact.html">Regular 11th & 12th NEET|JEE</a></h5>
<!-- Avatar group and button -->
<div class="d-sm-flex sm-flex justify-content-sm-between align-items-center mt-3">
<!-- Avatar Group -->
<div>
<!-- <h6 class="mb-1 fw-normal"><i class="fas fa-circle fw-bold text-success small me-2"></i>Live Students</h6> -->
<ul class="avatar-group mb-2 mb-none mb-sm-0">
<li class="avatar">
<!-- <img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar"> -->
<a href=""><i class="bi bi-whatsapp avatar-img1"></i></a>
</li>
<li class="avatar ">
<a href=""><i class="bi bi-telephone avatar-img1"></i></a>
</li>
<!-- <li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
</li>
<li class="avatar avatar-xs">
<div class="avatar-img rounded-circle bg-primary">
<span class="text-white position-absolute top-50 start-50 translate-middle small">1K+</span>
</div>
</li> -->
</ul>
</div>
<!-- Button -->
<button class="btn btn-sm btn-warning mb-0"><a href="contact.html" style="color: #000000 !important;">Admission Open</a></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=" position-relative mobile-overlflow-hidden z-index-9 p-0">
<div class="container-fluid p-0">
<div class="row sm-padding">
<div class="col-12 col-md-12 ">
<div class="bg-warning p-3 p-sm-4 position-relative ">
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-100 translate-middle mt-n6 ms-n5">
<svg width="211px" height="211px">
<path class="fill-white opacity-4" d="M210.030,105.011 C210.030,163.014 163.010,210.029 105.012,210.029 C47.013,210.029 -0.005,163.014 -0.005,105.011 C-0.005,47.015 47.013,-0.004 105.012,-0.004 C163.010,-0.004 210.030,47.015 210.030,105.011 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-0 translate-middle mt-n6 ms-5">
<svg width="141px" height="141px">
<path class="fill-white opacity-4" d="M140.520,70.258 C140.520,109.064 109.062,140.519 70.258,140.519 C31.454,140.519 -0.004,109.064 -0.004,70.258 C-0.004,31.455 31.454,-0.003 70.258,-0.003 C109.062,-0.003 140.520,31.455 140.520,70.258 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute bottom-0 start-50 mt-n5 ms-n9">
<svg width="41px" height="41px">
<path class="fill-white opacity-4" d="M40.531,20.265 C40.531,31.458 31.457,40.531 20.265,40.531 C9.072,40.531 -0.001,31.458 -0.001,20.265 C-0.001,9.073 9.072,-0.001 20.265,-0.001 C31.457,-0.001 40.531,9.073 40.531,20.265 Z"></path>
</svg>
</figure>
<div class="container">
<div class="row sm-padding">
<div class="col-md-4 mt-n8 ">
<div class="d-none d-lg-block position-absolute bottom-0 4">
<img src="assets/images/stud-rasi.png" alt="">
</div>
</div>
<div class="col-md-8 mx-auto py-5 position-relative">
<!-- Title -->
<h2>Join Our Intensive One-Year NEET & JEE Coaching program
</h2>
<!-- Form -->
</div>
</div> <!-- Row END -->
</div>
</div>
</div>
</div> <!-- Row END -->
</div>
</section>
<footer class="bg-blue pt-100px">
<div class="container">
<!-- Row START -->
<div class="row g-4 sm-padding">
<!-- Widget 1 START -->
<div class="col-lg-4">
<!-- logo -->
<a class="me-0" href="index.html">
<img class="h-40px" src="assets/images/rasilogo_white.png" alt="logo">
</a>
<p class="my-3 text-body-secondary">We are dedicated to nurture holistic growth for students focusing on the development of life skills and personality along with their academics. </p>
</div>
<!-- Widget 1 END -->
<!-- Widget 2 START -->
<div class="col-lg-5">
<div class="row sm-padding g-4">
<!-- Link block -->
<!-- <div class="col-6 col-md-1"></div> -->
<div class="col-6 col-md-6">
<h5 class="mb-2 mb-md-3 text-white">Quick Links</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="NEET.html">NEET </a></li>
<li class="nav-item"><a class="nav-link" href="JEE.html">JEE </a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#">Career</a></li> -->
</ul>
</div>
<!-- Link block -->
<!-- <div class="col-6 col-md-1"></div> -->
<div class="col-6 col-md-6">
<h5 class="mb-2 mb-md-3 text-white">Rasi Groups</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="#">Rasi International School</a></li>
<li class="nav-item"><a class="nav-link" href="#">Rasi College of Education</a></li>
<li class="nav-item"><a class="nav-link" href="#">Rasi Coaching Institute</a></li>
<!--<li class="nav-item"><a class="nav-link" href="#">Sitemap</a></li>-->
</ul>
</div>
<!-- Link block -->
<!-- <div class="col-6 col-md-4">
<h5 class="mb-2 mb-md-3 text-white">Teaching</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="#">Become a teacher</a></li>
<li class="nav-item"><a class="nav-link" href="#">How to guide</a></li>
<li class="nav-item"><a class="nav-link" href="#">Terms & Conditions</a></li>
</ul>
</div> -->
</div>
</div>
<!-- Widget 2 END -->
<!-- Widget 3 START -->
<div class="col-lg-3 p-0">
<div class="row ">
<!-- Title -->
<h5 class="mb-2 mb-md-3 text-white">For enquiry</h5>
<p style="color: #cfd3d7;">Please drop your contact information and our team will get in touch</p>
<form class="row sm-padding align-items-center justify-content-center mt-3" id="enquiryForm">
<div class="rounded-pill">
<div class="input-group g-0">
<input class="form-control border-0" type="email" name="email" id="email" placeholder="Drop Contact Email" required>
<button type="submit" class="btn border-0 btn-blue bg-primary">Submit</button>
</div>
</div>
</form>
<div id="responseMessage"></div>
</div>
</div>
<!-- Widget 3 END -->
</div><!-- Row END -->
<!-- Divider -->
<hr class="mt-4 mb-0">
<!-- Bottom footer -->
<div class="py-3">
<div class="container px-0">
<div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-md-left">
<!-- copyright text -->
<div class=""><p class="text-white"> Rasi International School</a><a href="#" target="_blank" class="text-white"> All Rights Reserved.Designed with <i class="fa fa-heart" style="color:red !important;"></i> by <a href="https://thedotstudios.com/" class="text-white text-primary-hover" target="_blank">TheDotStudios.com</a> </p></div>
<!-- copyright links-->
<div class="nav justify-content-center mt-3 mt-lg-0">
<!-- Social media icon -->
<ul class="list-inline mb-0 mt-3">
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-facebook" href="#"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-instagram" href="#"><i class="fab fa-fw fa-instagram"></i></a> </li>
<!-- <li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-twitter" href="#"><i class="fab fa-fw fa-twitter"></i></a> </li> -->
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-linkedin" href="#"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- =======================
Footer END -->
<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short position-absolute top-50 start-50 translate-middle"></i></div>
<!-- <div class="alert alert-light alert-dismissible fade show position-fixed bottom-0 start-50 translate-middle-x z-index-99 d-lg-flex justify-content-between align-items-center p-4 col-9 col-md-7 col-xxl-5" role="alert">
<div>
<h4 class="text-dark">Admissions open!</h4>
<p class="m-0 pe-3">We are so eager to be working with kids and making a difference in their careers. Being a mentor is what we have always wanted to be.</p>
</div>
<div class="d-flex mt-3 mt-lg-0">
<button type="button" class="btn btn-success btn-sm mb-0 me-2" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">Get Admission</span>
</button>
<div class="position-absolute end-0 top-0 mt-n3 me-n3">
<button type="button" class="btn btn-danger btn-round btn-sm mb-0" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="bi bi-x-lg"></i></span>
</button>
</div>
</div>
</div> -->
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.getElementById("enquiryForm").addEventListener("submit", function(event) {
event.preventDefault(); // Prevent form from refreshing page
let formData = new FormData(this); // Collect form data
fetch("send-email.php", {
method: "POST",
body: formData
})
.then(response => response.json())
.then(data => {
let messageDiv = document.getElementById("responseMessage");
if (data.status === "success") {
messageDiv.innerHTML = "<p style='color: #000;background-color:white;padding:10px;margin-top:10px;'>" + data.message + "</p>";
} else {
messageDiv.innerHTML = "<p style='color: red;'>" + data.message + "</p>";
}
// Clear the message after 1 minute (60000 milliseconds)
setTimeout(() => {
messageDiv.innerHTML = "";
}, 3000);
})
.catch(error => console.error("Error:", error));
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const modal = document.getElementById("popupModal");
// Close modal when clicking outside modal content
window.onclick = function(event) {
if (event.target === modal) {
closeModal();
}
};
});
function closeModal() {
document.getElementById("popupModal").style.display = "none";
}
</script>
<!-- Swiper Initialization -->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 4,
spaceBetween: 20,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
breakpoints: {
1024: {
slidesPerView: 4, // 4 slides on desktop
},
768: {
slidesPerView: 2, // 2 slides on tablets
spaceBetween: 50
},
320: {
slidesPerView: 2, // Changed to 2 for mobile screens
spaceBetween: 20, // Reduced spacing for better fit on mobile
slidesPerGroup: 1
}
}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function() {
var top = $('#sidebar').offset().top - parseFloat($('#sidebar').css('marginTop').replace(/auto/, 0));
var footTop = $('#footer').offset().top - parseFloat($('#footer').css('marginTop').replace(/auto/, 0));
// Stop the sticky 200px before the footer
var maxY = footTop - $('#sidebar').outerHeight() - 150;
$(window).scroll(function(evt) {
var y = $(this).scrollTop();
if (y > top) {
if (y < maxY) {
// Keep sidebar fixed within the scrollable area
$('#sidebar').addClass('fixed').removeAttr('style');
} else {
// Stop the sticky behavior 200px before footer
$('#sidebar').removeClass('fixed').css({
position: 'absolute',
top: (maxY - top) + 'px'
});
}
} else {
// Sidebar goes back to the original position when scrolling to top
$('#sidebar').removeClass('fixed');
}
});
});
</script>
<!-- Vendors -->
<script src="assets/vendor/tiny-slider/tiny-slider.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.js"></script>
<script src="assets/vendor/purecounterjs/dist/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
var courseLink = document.getElementById("courseLink");
var dropdownMenu = courseLink.nextElementSibling;
courseLink.addEventListener("click", function (event) {
if (window.innerWidth < 992) { // Mobile screens
event.preventDefault(); // Prevent redirection
dropdownMenu.style.display = dropdownMenu.style.display === "block" ? "none" : "block";
} else {
location.assign("course.html"); // Redirect on large screens
}
});
// Close dropdown when clicking outside (mobile only)
document.addEventListener("click", function (event) {
if (window.innerWidth < 992 && !courseLink.contains(event.target) && !dropdownMenu.contains(event.target)) {
dropdownMenu.style.display = "none";
}
});
});
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script> -->
</body>
</html>