<?php 
/**
 * Template Name: btech page

 */
get_header(); ?>

<!-- HERO WITH IMAGE -->
<section class="bit-hero">
  <div class="container hero-grid animate">
    <div>
      <span class="badge">Kathmandu University Affiliated</span>
        <h1>Bachelor of Technical Education (B.Tech. Ed.) in Information Technology</h1>
        <p>
        The B.Tech. Ed. in Information Technology program prepares competent IT professionals
        with strong technical expertise and teaching skills for both industry and academic careers.
        </p>
        <a href="#" class="btn-primary">Apply Now</a>

    </div>

    <div class="hero-image">
      <img src="http://localhost/sccst/wp-content/uploads/2025/12/btech.png" alt="BIT Students">
    </div>
  </div>
</section>

<!-- OVERVIEW -->
<section class="bit-details">
  <div class="container grid">
    
    <div class="content animate">
        <h2>Program Overview</h2>
        <p>
        The Bachelor of Technical Education (B.Tech. Ed.) in Information Technology is a
        four-year undergraduate program designed to produce skilled IT professionals
        who are also qualified technical educators. The program integrates modern
        information technology with pedagogical and educational training.
        </p>

        <h3>Why Choose B.Tech. Ed. IT at South City?</h3>
        <ul>
        <li>Combination of IT skills and teaching methodology</li>
        <li>Strong focus on practical and lab-based learning</li>
        <li>Industry-relevant IT curriculum</li>
        <li>Training for teaching, training, and professional careers</li>
        <li>Experienced academic and technical faculty</li>
</ul>
 </div>

    <div class="image-card animate">
      <img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" alt="Computer Lab">
<span>Advanced IT & Teaching Labs</span>
    </div>

 
  </div>
</section>

 

<!-- FEATURES WITH ICON STYLE -->
<section class="bit-features">
  <div class="container">
    <h2 class="animate">Key Learning Areas</h2>

    <div class="features-grid">
      <div class="feature-box animate">
        <img src="images/programming.jpg" alt="">
        <h4>Programming & Software Development</h4>
<p>C, Java, Python, Object-Oriented Programming</p>

      </div>

      <div class="feature-box animate">
        <img src="images/web.jpg" alt="">
        <h4>Web & Application Development</h4>
<p>Frontend, Backend, Database-driven applications</p>

      </div>

      <div class="feature-box animate">
        <img src="images/database.jpg" alt="">
       <h4>Computer Systems & Networking</h4>
<p>Operating Systems, Networking, Security fundamentals</p>

      </div>

      <div class="feature-box animate">
        <img src="images/network.jpg" alt="">
        <h4>Educational Technology</h4>
<p>Teaching methods, curriculum development, ICT in education</p>

      </div>
    </div>
  </div>
</section>

<!-- CAREER + IMAGE -->
<section class="bit-career">
  <div class="container career-grid">
   <div class="career-image animate video-box">
  <video autoplay muted loop playsinline>
    <source src="http://localhost/sccst/wp-content/uploads/2025/12/bit-video.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</div>

    <div class="career-content animate">
     <h2>Career Opportunities</h2>
        <ul>
        <li>IT Instructor / Technical Teacher</li>
        <li>Software Developer</li>
        <li>Web & Mobile Application Developer</li>
        <li>System Analyst</li>
        <li>IT Officer / Network Administrator</li>
        <li>Technical Trainer (TVET / Training Institutes)</li>
        </ul>

    </div>
  </div>
</section>
<?php get_footer(); ?>