South-City-College-dynamic/templates/about.php

<?php 
/**
 * Template Name: about page
 
 */
get_header(); ?>
    <section class="section-top">
        <div class="container">
          <div class="col-lg-10 offset-lg-1 text-center">
            <div class="section-top-title">
              <h1>About</h1>
              <ul>
                <li><a href="/">Home</a></li>
                <li class="ms-1"> / About</li>
              </ul>
            </div>
          </div>
        </div>

      </section>
      <section class="about-us">
        <div class="container">
          <div class="row align-items-center g-4">
            <div class="col-md-7">
              <div class="heading">Overview</div>
              <div class="desc">
               <p>
                South City College of Science and Technology is committed to providing quality education in the fields of science and information technology. The college focuses on building strong academic foundations, practical skills, and professional ethics to prepare students for successful careers in the modern technological world.
                </p>

                <p id="more-text" style="display: none;">
                Affiliated with Kathmandu University, the college offers undergraduate programs designed to meet national and international academic standards. Through experienced faculty members, modern teaching methodologies, and a supportive learning environment, South City College emphasizes innovation, critical thinking, and hands-on learning.

                The institution aims to nurture skilled professionals and responsible individuals who can contribute effectively to society, the IT industry, and the education sector, both within Nepal and beyond.
                </p>

                <p></p>
              </div>
              <a href="#" id="read-more-btn" class="view-events-btn">Read More</a>
            </div>
            <div class="col-md-5 d-flex justify-content-end" id="about-logo-area">
              <div class="image-wrapper">  <!-- Wrapper to center the smoke -->
                <img src="http://localhost/sccst/wp-content/uploads/2025/12/whitebg.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- principal view -->
 <section class="testi_area section-padding  overflow-hidden">
    <div class="container">
      <!-- Section Title -->
      <div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
        <h2>What Our Founder Say To Do <br>Their Students</h2>
      </div>
  
      <div class="row g-4">
        <!-- Left Image Section -->
       <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
          <div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider-left">
            <div class="swiper-wrapper">
              
              <!-- Testimonial 1 -->
              <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
                <img src="http://localhost/sccst/wp-content/uploads/2025/12/man.png" class="img121" alt="">
               
                <div class="testi_pic_title">
                  <!-- <img src="./assets/image/image3.png" alt="img"> -->
                  <h4>hello hello</h4>
                  <p>Principal</p>
                </div>
              </div>
                 <!-- Testimonial 1 -->
              <div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
                <img src="http://localhost/sccst/wp-content/uploads/2025/12/man.png" class="img121" alt="">
               
                <div class="testi_pic_title">
                  <!-- <img src="./assets/image/image3.png" alt="img"> -->
                  <h4>hello hello</h4>
                  <p>Coordinator</p>
                </div>
              </div>
              
           
  
            </div>
          </div>
        </div>
  
        <!-- Right Testimonial Slider Section -->
        <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
          <div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider-right">
            <div class="swiper-wrapper">
              
              <!-- Testimonial 1 -->
              <div class="swiper-slide swiper-slide-active testimonial testimonial121" style="width: 636px; margin-right: 40px;">
                <img src="http://localhost/sccst/wp-content/uploads/2025/12/message.png" alt="">
                <div class="testimonial_content">
                  <p> namete every one Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
                </div>
                <!-- <div class="testi_pic_title">
                  <img src="./assets/image/image3.png" alt="img">
                  <h4>hello hello</h4>
                  <p>developer</p>
                </div> -->
              </div>
                 <!-- Testimonial 1 -->
              <div class="swiper-slide swiper-slide-active testimonial testimonial121" style="width: 636px; margin-right: 40px;">
                <img src="http://localhost/sccst/wp-content/uploads/2025/12/message.png" alt="">
                <div class="testimonial_content">
                  <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
                </div>
                
              </div>
              
           
  
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
   

            <!-- Vision Mission and GOAL part -->
<section class=" vjn-msn-gl" 
style="background-image: url('./assets/images/shape-1.png'); background-size: cover; background-position: center center;">
<div class="container container2">
  <div class="row" id="boxes">
      <div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
        <div class="card vision">
          <div class="icon"><i class="fa-solid fa-eye"></i></div>
          <h2>Vision</h2>
          <p>To build a world where individuals recovering from drug abuse have access to support, opportunities, and a strong community to help them lead fulfilling lives as future leaders.</p>
      </div>
      </div>
      <div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
          <div class="card mission">
              <div class="icon"><i class="fa-solid fa-rocket"></i></div>
              <h2>Mission</h2>
              <p> Empower recovering individuals through mental health support, skills training, job opportunities, and community engagement.</p>
          </div>
      </div>
      <div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
          <div class="card goal">
              <div class="icon"><i class="fa-solid fa-medal"></i></div>
              <h2>Goal</h2>
              <p> Reduce relapse, expand counseling, strengthen community support, and develop leadership among the recovering community.</p>
          </div>
      </div>
  </div>
</div>
</section>
<!-- we are providing the online course in global world part -->
<section class="ab_area section-padding overflow-hidden">
    <div class="container">
        <div class="row g-4">
            <!-- Image Section -->
            <div class="col-lg-6 col-sm-12 col-xs-12 animated-box" id="" style="opacity: 1; transform: none; will-change: auto;">
                <div class="ab_img" style="height: 100%;">
                    <img src="http://localhost/sccst/wp-content/uploads/2025/12/school.png" class="img-fluid" style="height: 100%;" alt="image">
                </div>
            </div>

            <!-- Content Section -->
            <div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" id="" style="opacity: 1; transform: none; will-change: auto;">
                <div class="ab_content">
                    <h2>South City College of Science and Technology</h2>

                    <p>
                        South City College of Science and Technology is a Kathmandu University affiliated institution focused on quality education in science and information technology.
                    </p>

                    <p>
                        The college emphasizes practical learning, skilled faculty, and a supportive academic environment to prepare students for modern professional careers.
                    </p>

                    <ul>
                        <li><i class="bi bi-check2"></i> Affiliated with <b>Kathmandu University (KU)</b></li>
                        <li><i class="bi bi-check2"></i> Focused on <b>Science and Information Technology</b></li>
                        <li><i class="bi bi-check2"></i> Practical and career-oriented learning</li>
                    </ul>

                    <a class="btn_one" href="#">
                        Explore Our Programs <i class="bi bi-arrow-up-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="section-padding insfreecourse overflow-hidden">
    <div class="container">
      <div class="row" style="opacity: 1; transform: none; will-change: auto;">

        <!-- Free Courses Card -->
        <div class="col-lg-6 col-sm-12 col-xs-12">
          <div class="single_ins" 
               style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/aboutpage.png'); background-size: cover; background-position: center center;">
            <div class="single_ins_content">
              <h4>Build Your Career</h4>
              <h1>Become an Tech Expert</h1>
              <p>Learn at your own pace, move between favourite courses.</p>
              <a class="btn_one btn222" href="#" data-bs-toggle="modal" data-bs-target="#applyModal">Apply now <i class="bi bi-arrow-up-right"></i></a>
            </div>
          </div>
        </div>
         <div class="col-lg-6 col-sm-12 col-xs-12">
          <div class="single_ins" 
               style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/aboutpage.png'); background-size: cover; background-position: center center;">
            <div class="single_ins_content">
              <h4>Build Your Career</h4>
              <h1>Lets message us</h1>
              <p>Learn at your own pace, move between multiple courses.</p>
              <a class="btn_one btn222" href="./contact.html">Contact now <i class="bi bi-arrow-up-right"></i></a>
            </div>
          </div>
        </div>
  
      </div>
    </div>
  </section>
<?php get_footer(); ?>