<!-- header area end -->
<!-- header banner -->
<div class="banner v__2">
   <div class="banner__wrapper">
      <div class="swiper swiper-data" data-swiper='{
         "slidesPerView":1,
         "effect": "fade",
         "loop": true,
         "speed": 1000,
         "autoplay":{
         "delay":"7000"
         }}'>
         <div class="swiper-wrapper">
         <?php foreach ($slides as $slide): ?>
            <div class="swiper-slide">
               <div class="banner__wrapper--bg" style="background-image: url(<?= htmlspecialchars($slide['image']) ?>);">
                  <!-- Hidden img for accessibility/SEO -->
                  <img src="<?= htmlspecialchars($slide['image']) ?>" alt="<?= htmlspecialchars($slide['alt']) ?>" class="visually-hidden" />
                  <div class="container">
                     <div class="row">
                        <div class="col-lg-12">
                           <div class="banner__slides--container banner__height">
                              <div class="banner__slides--content">
                                 <h5 class="text-white">Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College)</h5>
                                 <div class="banner__slides--content--sub">
                                    <img src="public/assets/images/icon/e-cap.svg" alt="cap">
                                    <?= htmlspecialchars($slide['subtitle']) ?>
                                 </div>
                                 <h1 class="banner__slides--content--title">
                                    <?= htmlspecialchars($slide['title']) ?>
                                 </h1>
                                 <a href="contact" class="rts-theme-btn btn-arrow">
                                    <?= htmlspecialchars($slide['buttontext']) ?>
                                    <span><i class="fa-solid fa-regular fa-arrow-right"></i></span>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         <?php endforeach; ?>
            <!-- single slides end -->
         </div>
      </div>

      <div class="banner__slides--navigation form-container p-6 sm:p-8 max-w-lg w-full mx-auto rounded-xl shadow-lg">
         <div class="rts-application-form" >
            <div class="rts-application-form-content" style="padding: 0px !important;">
               <form action="send_mail_3.php" method="POST" class="rts-form" id="contactForm">
                  <h4 class="text-center text-2xl font-bold mb-6" style="color: #890c25;">Get in Touch</h4>
                  <div class="rts-input rt-flex">
                     <div class="single-input">
                        <input type="text" name="fname" id="fname" placeholder="First Name" required>
                     </div>
                     <div class="single-input">
                        <input type="text" name="lname" id="lname" placeholder="Last Name" required>
                     </div>
                  </div>
                  <div class="rts-input rt-flex">
                     <div class="single-input">
                        <input type="email" name="email" id="email" placeholder="Your Email" required>
                     </div>
                     <div class="single-input">
                        <input type="number" name="phone" id="phone" placeholder="Phone" required>
                     </div>
                  </div>
                  <div class="rts-input rt-flex">
                     <div class="single-input">
                        <input type="text" name="address" id="address" placeholder="Address" required>
                     </div>
                     <div class="single-input">
                        <input type="text" name="datepicker" id="datepicker" placeholder="dd/mm/yy" required>
                     </div>
                  </div>

                  <div class="rts-input rt-flex">
                     <div class="single-input">
                        <select name="course" id="course" class="form-select" required>
                           <option value="" disabled selected>Select your Course</option>
                           <option value="b.ed">B. ED</option>
                           <option value="d.eled">D. ELED</option>
                        </select>
                     </div>
                  </div>
                  
                  <button type="submit" class="rts-theme-btn rts-nbg-btn btn-arrow v2 full-btn" id="submitBtn">Enquire Now <span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i></span></button>
                  <div class="loader" id="loader"></div>
                  <div id="formMessage"></div>
               </form>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- header banner end -->
<!-- about us -->
<section class="about v__2 pt--120 pb--80">
   <div class="container">
      <div class="row justify-content-md-center g-5">
         <div class="col-lg-6 col-md-9">
            <div class="about__left--content">
               <div class="about__left--content--left">
                  <img src="public/new-assets/static/about-sec-1.jpg" alt="">
               </div>
               <div class="about__left--content--center">
                  <div class="rts__circle v__1">
                     <svg class="spinner" viewBox="0 0 100 100">
                        <defs>
                           <path id="circle" d="M50,50 m-37,0a37,37 0 1,1 74,0a37,37 0 1,1 -74,0"></path>
                        </defs>
                        <text>
                           <textPath xlink:href="#circle">Saltora B.Ed & D.Ed Composite College *2005
                           </textPath>
                        </text>
                     </svg>
                     <div class="rts__circle--icon">
                        <i class="fa-light fa-arrow-right"></i>
                     </div>
                  </div>
               </div>
               <div class="about__left--content--right">
                  <img src="public/new-assets/static/about-sec-2.jpg" alt="">
               </div>
            </div>
         </div>
         <div class="col-lg-6 col-md-9">
            <div class="about__right--content">
               <div class="about__right--content--sub">
                  <img src="public/assets/images/icon/e-cap-pix.svg" alt="cap"> Knowledge meets Innovation
               </div>
               <h2 class="about__right--content--title">About Us</h2>
               <p class="about__right--content--description">Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College), established in 2005 in Saltora, Bankura, West Bengal, offers B.Ed and D.El.Ed programs.
               </p>
               <p class="about__right--content--description">Affiliated with Baba Saheb Ambedkar Education University and recognized by the National Council for Teacher Education (NCTE), the college focuses on modern teaching methods. It aims to develop skilled teachers and provides scholarships and special fee structures to support students in need.
               </p>
               <!-- <div class="about__right--content--vision">
                  <div class="mision">
                     <div class="mision__icon">
                        <img src="public/assets/images/icon/mission.svg" alt="">
                     </div>
                     <div class="mision__title">
                        University Mission Statement
                     </div>
                  </div>
                  <div class="vision">
                     <div class="vision__icon">
                        <img src="public/assets/images/icon/vission.svg" alt="">
                     </div>
                     <div class="vision__title">
                        University Vision Achievement
                     </div>
                  </div>
               </div> -->
               <a href="about" class="rts-theme-btn btn-arrow">View Our Program
               <span><i class="fa-solid fa-regular fa-arrow-right"></i></span>
               </a>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- about us end -->

<!-- fun fact -->
<div class="rts-funfact v__2">
   <div class="container">
      <div class="row justify-content-center">
         <div class="col-lg-10 ">
            <div class="rts-funfact-wrapper">
               <div class="single-cta-item">
                  <h2 class="single-cta-item__title">90%</h2>
                  <p>post-graduation success rate</p>
               </div>
               <div class="single-cta-item">
                  <h2 class="single-cta-item__title">Top 10</h2>
                  <p>Colleges that Create Futures</p>
               </div>
               <div class="single-cta-item">
                  <h2 class="single-cta-item__title">No. 1</h2>
                  <p>in the nation for materials R&D</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- fun fact end -->

<!-- program start -->
<section class="rts-program v_2 rts-section-padding">
   <div class="container">
      <div class="row rt-center">
         <div class="col-sm-12">
            <div class="rts__section--wrapper v__5">
               <h2 class="rts__section--title">Discover Our Program</h2>
            </div>
         </div>
      </div>
      <!-- program content -->
      <div class="row justify-content-center g-0">
         <div class="col-lg-4 col-md-10">
            <div class="rts-program-single">
               <div class="rts-program-single__content">
                  <div class="rts-program-hover">
                     <div class="icon">
                        <img src="public/assets/images/program/icon/03.svg" alt="education">
                     </div>
                     <a href="admission" class="program-link">Graduate Admissions</a>
                     <p>Embark on a journey of knowledge, discovery, and growth at Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College).</p>
                     <a href="admission" class="about-btn rts-nbg-btn btn-arrow 
                        rt-white before-white">Visit Program <span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i></span></a>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-10">
            <div class="rts-program-single ">
               <div class="rts-program-single__content">
                  <div class="rts-program-hover center-item rt-primary-bg">
                     <ul class="list-unstyled">
                        <li class="single-program">
                           <div class="icon-box">
                              <img src="public/assets/images/icon/04.svg" alt="">
                           </div>
                           <a href="b-ed">B.ED Courses</a>
                        </li>
                        <li class="single-program">
                           <div class="icon-box">
                              <img src="public/assets/images/icon/05.svg" alt="">
                           </div>
                           <a href="d-eled">D. ELED Courses</a>
                        </li>
                        <li class="single-program">
                           <div class="icon-box">
                              <img src="public/assets/images/icon/06.svg" alt="">
                           </div>
                           <a href="course-fees">Course Fees</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-10">
            <div class="rts-program-single">
               <div class="rts-program-single__content">
                  <div class="rts-program-hover">
                     <div class="icon">
                        <img src="public/assets/images/program/icon/01.svg" alt="education">
                     </div>
                     <a href="academics" class="program-link">Education</a>
                     <p>Embark on a journey of knowledge, discovery, and growth at Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College).</p>
                     <a href="academics" class="about-btn rts-nbg-btn btn-arrow 
                        rt-white before-white">Visit Program <span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i></span></a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- program end -->

<!-- our program -->
<section class="program pb--120">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-lg-5">
                    <div class="rts__section--wrapper v__2">
                        <h2 class="rts__section--title text-capitalize">Why Choose Us</h2>
                        <p class="rts__section--description">Choose Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College) for quality teacher education, experienced faculty, modern teaching methods, and a student-friendly environment. We offer government scholarships, special fee structures for needy students, and a strong commitment to shaping future educators.</p>
                        <!-- <div class="campus__vector">
                            <img src="public/assets/images/campus/campus__vector.svg" alt="">
                        </div> -->
                        <a href="academic.html" class="rts-theme-btn btn-arrow">View All Program
                            <span><i class="fa-solid fa-regular fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-10 mt-5 mt-md-0">
                    <div class="row g-5">
                        <div class="col-lg-6 col-md-6">
                            <div class="program__content">
                                <div class="rts__program--item v__2" style="background-image: url(public/new-assets/static/campus-life-1.jpg);">
                                    <h5 class="rts__program--item--title">B.ED Course</h5>
                                    <p class="rts__program--item--description">Embark on a journey of knowledge discovery, and growth at Saltora B.Ed College  (Saltora B.Ed & D.Ed Composite College).</p>
                                    <a href="b-ed" class="rts-nbg-btn btn-arrow">Learn More<span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i>
                                    </span></a>
                                    <h5 class="rts__program--item--title--show">B.ED Course</h5>
                                </div>
                                <!-- second one -->
                                <div class="rts__program--item v__2" style="background-image: url(public/new-assets/static/campus-life-2.jpg);">
                                    <h5 class="rts__program--item--title">D.ELED Course</h5>
                                    <p class="rts__program--item--description">Embark on a journey of knowledge discovery, and growth at Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College).</p>
                                    <a href="d-eled" class="rts-nbg-btn btn-arrow">Learn More<span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i>
                                    </span></a>
                                    <h5 class="rts__program--item--title--show">D.ELED Course</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6">
                            <div class="program__content mt--85">
                                <div class="rts__program--item v__2" style="background-image: url(public/new-assets/static/campus-life-3.jpg);">
                                    <h5 class="rts__program--item--title">Infrastructure</h5>
                                    <p class="rts__program--item--description">Embark on a journey of knowledge discovery, and growth at Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College).</p>
                                    <a href="infrastructure" class="rts-nbg-btn btn-arrow">Learn More<span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i>
                                    </span></a>
                                    <h5 class="rts__program--item--title--show">Infrastructure</h5>
                                </div>
                                <!-- second one -->
                                <div class="rts__program--item v__2" style="background-image: url(public/new-assets/static/campus-life-4.jpg);">
                                    <h5 class="rts__program--item--title">Academics</h5>
                                    <p class="rts__program--item--description">Embark on a journey of knowledge discovery, and growth at Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College).</p>
                                    <a href="academics" class="rts-nbg-btn btn-arrow">Learn More<span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i>
                                    </span></a>
                                    <h5 class="rts__program--item--title--show">Academics</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
<!-- our program end -->

<!-- Facilities life -->
<section class="campus rts__primary__bg-2 rts-section-padding">
   <div class="container">
      <div class="row">
         <div class="rts__section--wrapper v__6">
            <p class="rts__section--wrapper--description">
            Fostering collaborative learning environments across campus facilities for student success and engagement.
            </p>
            <h2 class="rts__section--wrapper--title">
               Facilities <span> Life</span>
            </h2>
         </div>
      </div>
      <!-- content -->
      <div class="row g-5">
         <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="campus__single--item">
               <a href="college-campus">
                  <div class="campus__single--item--thumb">
                     <img src="public/new-assets/static/campus-life-1.jpg" alt="College Campus">
                  </div>
               </a>
               <h5 class="campus__single--item--title"><a href="college-campus">College Campus <span><i class="fa-light fa-arrow-right"></i></span></a></h5>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="campus__single--item">
               <a href="laboratory">
                  <div class="campus__single--item--thumb">
                     <img src="public/new-assets/static/campus-life-2.jpg" alt="Laboratory">
                  </div>
               </a>
               <h5 class="campus__single--item--title"><a href="laboratory">Laboratory <span><i class="fa-light fa-arrow-right"></i></span></a></h5>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="campus__single--item">
               <a href="library">
                  <div class="campus__single--item--thumb">
                     <img src="public/new-assets/static/campus-life-3.jpg" alt="">
                  </div>
               </a>
               <h5 class="campus__single--item--title"><a href="library">Library <span><i class="fa-light fa-arrow-right"></i></span></a></h5>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-sm-6">
            <div class="campus__single--item">
               <a href="hostel">
                  <div class="campus__single--item--thumb">
                     <img src="public/new-assets/static/campus-life-4.jpg" alt="">
                  </div>
               </a>
               <h5 class="campus__single--item--title"><a href="hostel">Hostel<span><i class="fa-light fa-arrow-right"></i></span></a></h5>
            </div>
         </div>
      </div>
   </div>
   <!-- shape area -->
   <div class="rts__shape">
      <img src="public/assets/images/icon/note_khata.svg" class="rts__shape--1" alt="">
      <img src="public/assets/images/icon/book.svg" class="rts__shape--2" alt="">
      <img src="public/assets/images/icon/compas_scale.svg" class="rts__shape--3" alt="">
   </div>
</section>
<!-- campus life end -->

<!-- Affiliations  -->
<section class="rts-application-procedure rts-section-padding">
        <div class="container">
            <div class="row justify-content-sm-center">
                <div class="col-lg-12 col-sm-11">
                    <div class="rts-section mb--40 rt-between">
                        <h2 class="rts-section-title w-440">Our Affiliations</h2>
                        <p class="w-520">Our institution is proudly affiliated with NCTE, ensuring quality teacher education, WBUTTEPA, fostering innovative learning, and WBBPE, dedicated to enhancing teacher professional development and standards in education.</p>
                    </div>
                </div>
            </div>
            <!-- apply content -->
            <div class="row justify-content-sm-center justify-content-md-start g-5">
                <div class="col-lg-4 col-md-6 col-sm-11">
                    <div class="single-procedure">
                        <div class="procedure-image">
                            <img src="public/new-assets/static/affiliation-home.jpg" alt="application-thumb">
                        </div>
                        <div class="rt-clip-serial rt-clip-text">01</div>
                        <div class="icon">
                            <img src="public/assets/images/affiliations/ncte.png" alt="" width="50" class="affiliation-icons"> 
                        </div>
                        <a href="javascript:void(0)">NCTE</a>
                        <p>The National Council for Teacher Education (NCTE) regulates and maintains standards in teacher education across India, ensuring quality training programs and development for future educators.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-11">
                    <div class="single-procedure">
                        <div class="procedure-image">
                            <img src="public/new-assets/static/affiliation-home.jpg" alt="application-thumb">
                        </div>
                        <div class="rt-clip-serial rt-clip-text">02</div>
                        <div class="icon">
                            <img src="public/assets/images/affiliations/baba-saheb.png" alt="" width="60" class="affiliation-icons">
                        </div>
                        <a href="javascript:void(0)">WBUTTEPA</a>
                        <p>The West Bengal University of Teachers’ Training, Education Planning and Administration (WBUTTEPA) specializes in innovative approaches to teacher training, fostering research and professional development in the field of education.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-11">
                    <div class="single-procedure">
                        <div class="procedure-image">
                            <img src="public/new-assets/static/affiliation-home.jpg" alt="application-thumb">
                        </div>
                        <div class="rt-clip-serial rt-clip-text">03</div>
                        <div class="icon">
                            <img src="public/assets/images/affiliations/wbbpe.png" alt="" width="60" class="affiliation-icons">
                        </div>
                        <a href="javascript:void(0)">WBBPE</a>
                        <p>The West Bengal Board of Primary Education (WBBPE) oversees primary education in West Bengal, setting policies for teacher recruitment, training, and ensuring quality education standards for young learners.</p>
                    </div>
                </div>
            </div>
        </div>
</section>
<!-- Affiliations end  -->

<!-- campus life start -->
<div class="rts-campus rts-campus-bg v_2 rts-section-padding">
   <div class="container">
      <div class="row g-40 align-items-center">
         <div class="col-lg-6">
            <div class="rts-left-section">
               <h2 class="section-title">
                  Campus
                  <span>History</span>
               </h2>
               <div class="left-section-content">
                  <p>Established in 2005 by local education enthusiasts, Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College) began with a vision to train effective teachers. Recognized by NCTE in 2008 and affiliated with BSAEU, the campus has grown steadily, launching the D.El.Ed. program in 2019 to strengthen its mission in teacher education further.
                  </p>
                  <a href="campus-life.html" class="rts-theme-btn primary btn-arrow">Read More<span><i class="fa-thin fa-arrow-right"></i></span></a>
               </div>
            </div>
         </div>
         <div class="col-lg-6">
            <div class="rts-right-section rt-relative">
               <div class="campus-video">
                  <img src="public/new-assets/static/video-image.jpg" alt="campus images">
                  <a class="video-play popup-video" href="#">
                  <!-- <img src="public/assets/images/icon/play-round.svg" class="round" alt=""> -->
                  <!-- <img src="public/assets/images/icon/play-icon.svg" class="play-icon" alt=""> -->
                  </a>
               </div>
            </div>
         </div>
      </div>
      <!-- <div class="rt-shape">
         <img class="rt-shape__1" src="assets/images/feature/shape/01.png" alt="">
         <img class="rt-shape__2" src="assets/images/feature/shape/02.png" alt="">
         <img class="rt-shape__3" src="assets/images/feature/shape/03.png" alt="">
         <img class="rt-shape__4" src="assets/images/feature/shape/04.png" alt="">
         </div> -->
   </div>
</div>
<!-- campus life end -->

<!-- scholarship appication -->
<section class="rts-scholarship rts-scholarship-bg rts-section-height">
   <div class="container">
      <div class="row justify-content-center">
         <div class="col-lg-8">
            <div class="rts-scholarship-info">
               <h2 class="rts-section-title">Scholarships and Financial Aid</h2>
               <p class="w-740 mb--50">We support our students through various government scholarships and the West Bengal Student Credit Card Scheme. Additionally, special fee structures are available for economically disadvantaged students, ensuring that financial constraints do not hinder access to quality teacher education and career development.
               </p>
               <a href="scholarship" class="rts-theme-btn btn-arrow">Know More<span><i class="fa-thin fa-arrow-right"></i></span></a>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- scholarship appication end -->

<!-- student feedback -->
<section class="feedback rts-section-padding">
   <div class="container">
      <div class="row">
         <div class="col-sm-12">
            <div class="rts__section--wrapper v__9">
               <h2 class="rts__section--title">My Students Feedback</h2>
               <p class="rts__section--description">Voices matter: feedback that drives our journey.</p>
            </div>
         </div>
      </div>
      <!-- feedback slider -->
      <div class="row">
         <div class="col-lg-12">
            <div class="rts__testimonial--active swiper swiper-data" data-swiper='{
               "slidesPerView":3,
               "loop": true,
               "speed": 1000,
               "pagination":{
               "el":".rts__pagination",
               "clickable": true
               },
               "autoplay":{
               "delay":"7000"
               },
               "breakpoints":{
               "320":{
               "slidesPerView": 1
               },
               "575":{
               "slidesPerView": 1.5
               },
               "768":{
               "slidesPerView": 2
               },
               "991":{
               "slidesPerView": 2.2
               },
               "1201":{
               "slidesPerView": 3
               }
               }
               }'>
               <div class="swiper-wrapper">
                  <?php foreach ($testimonials as $testimonial): ?>
                  <div class="swiper-slide">
                     <div class="rts__single--testimonial">
                        <div class="rts__rating--star">
                           <i class="fa-sharp fa-solid fa-star"></i>
                           <i class="fa-sharp fa-solid fa-star"></i>
                           <i class="fa-sharp fa-solid fa-star"></i>
                           <i class="fa-sharp fa-solid fa-star"></i>
                           <i class="fa-sharp fa-light fa-star"></i>
                        </div>
                        <p class="rts__single--testimonial--text">
                           <?= htmlspecialchars($testimonial['text']) ?>
                        </p>
                        <div class="rts__single--testimonial--author">
                           <div class="rts__single--testimonial--author--meta">
                              <div class="rts__author--img">
                                 <img src="<?= htmlspecialchars($testimonial['image']) ?>" alt="<?= htmlspecialchars($testimonial['alt']) ?>">
                              </div>
                              <div class="rts__author--info">
                                 <h5 class="mb-0"><?= htmlspecialchars($testimonial['name']) ?></h5>
                                 <span class="designation"><?= htmlspecialchars($testimonial['designation']) ?></span>
                              </div>
                           </div>
                           <div class="rts__single--testimonial--quote">
                              <img src="public/assets/images/testimonial/quote.svg" alt="quote">
                           </div>
                        </div>
                     </div>
                  </div>
                  <?php endforeach; ?>
               </div>

               <div class="rts__pagination v__1"></div>
            </div>
         </div>
      </div>
   </div>
</section>
<!-- student feedback end -->

<!-- apply start -- Admisson Form -->
<!-- <section class="rts-application-area moving rts-section-padding v_1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-sm-12">
                    <div class="rts__section--wrapper v__9">
                        <h2 class="rts__section--title">Apply for Admission</h2>
                        <p class="rts__section--description">Take the next step in your journey—submit your application for admission today and join our vibrant community!</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-md-center">
                <div class="col-md-11 col-lg-6 col-xl-7">
                    <div class="rts-admission-form-image">
                        <img src="public/new-assets/static/admission-homepage.jpg" alt="">
                    </div>
                    <div class="rts-section-big-text">
                        Admission Now
                    </div>
                </div>
                <div class="col-md-11 col-lg-6 col-xl-5">
                    <div class="rts-application-form">
                        <div class="rts-application-form-content">
                            <h5 class="heading-title  mb--25">Application Form</h5>
                            <form action="send_email.php" method="POST" class="rts-form" id="contactForm">
                                <div class="rts-input rt-flex">
                                    <div class="single-input">
                                        <input type="text" name="fname" id="fname" placeholder="First Name" required>
                                    </div>
                                    <div class="single-input">
                                        <input type="text" name="lname" id="lname" placeholder="Last Name" required>
                                    </div>
                                </div>
                                <div class="rts-input rt-flex">
                                    <div class="single-input">
                                        <input type="email" name="email" id="email2" placeholder="Email.." required>
                                    </div>
                                    <div class="single-input">
                                        <input type="number" name="Phone" id="Phone" placeholder="Phone" required>
                                    </div>
                                </div>

                                <div class="rts-input rt-flex">
                                    <div class="single-input">
                                        <input type="text" name="address" id="address" placeholder="address" required>
                                    </div>
                                    <div class="single-input">
                                        <input type="text" name="city" id="city" placeholder="City" required>
                                    </div>
                                </div>

                                <div class="rts-input rt-flex">
                                    <div class="single-input">
                                        <input type="text" name="country" id="country" placeholder="Country" required>
                                    </div>
                                    <div class="single-input">
                                        <input type="number" name="zip" id="zip" placeholder="Zip Code" required>
                                    </div>
                                </div>
                                <div class="rts-input w-full">
                                    <div class="single-input">
                                        <input type="text" name="data" id="datepicker" placeholder="dd/mm/yy" required>
                                    </div>
                                </div>
                                <div class="rts-input w-full">
                                    <div class="single-input">
                                        <textarea name="msg" id="msg" placeholder="Enter Your Comments"></textarea>
                                    </div>
                                </div>
                                <button type="submit" class="rts-theme-btn rts-nbg-btn btn-arrow v2 full-btn" id="submitBtn">Apply Now <span><i class="fa-sharp fa-solid fa-regular fa-arrow-right"></i></span></button>
                                <div class="loader" id="loader"></div>
                                 <div id="formMessage"></div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rt-shape">
                <img src="public/assets/images/feature/shape/01.svg" data-speed="0.04" alt="shape" class="rt-shape__1">
                <img src="public/assets/images/feature/shape/02.svg" data-speed="0.04" alt="shape" class="shape rt-shape__2">
                <img src="public/assets/images/feature/shape/03.svg" data-speed="0.04" alt="shape" class="shape rt-shape__3">
                <img src="public/assets/images/feature/shape/04.svg" data-speed="0.04" alt="shape" class="shape rt-shape__4">
                <img src="public/assets/images/feature/shape/05.svg" data-speed="0.04" alt="shape" class="shape rt-shape__5">
            </div>
        </div>
</section> -->
<!-- apply end -->

<style>
        .rts-form { max-width: 600px; margin: 0 auto; padding: 20px; }
        .rt-flex { display: flex; gap: 20px; margin-bottom: 15px; }
        .single-input { flex: 1; }
        input, textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
        textarea { height: 100px; }
        .rts-theme-btn { 
            background: #890c25; 
            color: white; 
            padding: 12px 20px; 
            border: none; 
            border-radius: 4px; 
            cursor: pointer; 
            display: inline-flex; 
            align-items: center; 
            gap: 10px; 
         }
        .rts-theme-btn:hover { background: #890c25; }
        .loader {
            display: none;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #890c25;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        .error { color: red; font-size: 14px; margin-top: 5px; }
        .success { color: green; font-size: 14px; margin-top: 5px; }
</style>
    
<style>
      .affiliation-icons{
         padding: 0.5rem;
         background-color: white;
         border-radius: 8px;
      }
      .form-select {
            border: 1px solid #d1d5db;
            border-radius: 4px;
            padding: 10px;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
            font-size: 13px;

        }
        .form-select:focus {
            outline: none;
            border-color: #890c25;
            box-shadow: 0 0 0 3px rgba(137, 12, 37, 0.1);
        }
</style>


<script>
        document.getElementById('contactForm').addEventListener('submit', async function(e) {
            e.preventDefault();
            
            const submitBtn = document.getElementById('submitBtn');
            const loader = document.getElementById('loader');
            const formMessage = document.getElementById('formMessage');
            
            // Show loader, disable button
            submitBtn.disabled = true;
            loader.style.display = 'block';
            formMessage.innerHTML = '';

            try {
                const formData = new FormData(this);
                
                const response = await fetch('send_mail_3.php', {
                    method: 'POST',
                    body: formData
                });
                
                const result = await response.json();
                
                if (result.success) {
                    formMessage.innerHTML = '<div class="success">Email sent successfully!</div>';
                    this.reset();
                } else {
                    formMessage.innerHTML = '<div class="error">Error: ' + result.message + '</div>';
                }
            } catch (error) {
                formMessage.innerHTML = '<div class="error">Error sending email. Please try again.</div>';
            } finally {
                // Hide loader, enable button
                loader.style.display = 'none';
                submitBtn.disabled = false;
            }
        });
</script>



<!-- Modal Pop up-->
      <div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
               <div class="modal-header">
                  <h6 class="modal-title" id="exampleModalLabel">Welcome to Saltora B.Ed College (Saltora B.Ed & D.Ed Composite College)</h6>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
               </div>
               <div class="modal-body text-center">
                  <img src="public/assets/images/common/modal.png" class="img-fluid mb-3" alt="Placeholder Image">
                  <!-- <p>Welcome to <?php echo $site_name?>.</p> -->
                  <!-- <a href="public/new-assets/img/modal/Gitanjali_Brochure.pdf" target="_blank" class="btn btn-primary">Download Brochure</a> -->
               </div>
            </div>
         </div>
      </div>
      <script>
         document.addEventListener("DOMContentLoaded", function() {
                 setTimeout(function() {
                     var myModal = new bootstrap.Modal(document.getElementById('myModal'));
                     myModal.show();
                 }, 3000);
         });
      </script>