<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/assets/images/header-image.svg" type="image/gif" />    
    <title>South City College of Science And Technology</title>
   
      
        <link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/assets/style.css">
            <!-- Link to Bootstrap CSS -->
                     <link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/assets/bootstraps/css/bootstrap.min.css">
            <link rel="stylesheet" href="<?= get_template_directory_uri(); ?>/assets/bootstraps/js/bootstrap.bundle.min.js">


        <!-- Link to Font Awesome (via CDN) -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
        
        <!-- themify-icons -->
        <link href="
        https://cdn.jsdelivr.net/npm/@icon/themify-icons@1.0.1-alpha.3/themify-icons.min.css
        " rel="stylesheet">

        <!-- bootstraps icons --> 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">

     <!-- Swiper CSS -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

<!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    </head>
  
<body>
        <!-- SIDE bar start-->
        <div class="side-bar">
            <div class="offcanvas offcanvas-end offcanvas1" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel" style="width: 330px;top: 100px;">
               
    
                <div class="side-menu-items">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link " href="<?= home_url();?>" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span>HOME</span>
                            </a>
                          
                          </li>
                        <li class="nav-item">
                           <a class="nav-link " href="http://localhost/sccst/?page_id=40">
                      <span>ABOUT</span>
                        </a>
                          </li>
                          <li class="nav-item dropdown">
                            <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span> Courses</span>
                              <i class="fas fa-chevron-down"></i>
                            </a>
                            <ul class="subdropdown-menu ">
                                <li>
                                    <a href="http://localhost/sccst/?page_id=42">
                                    BIT 
                                       
                                    </a>
                                </li>
                                <li>
                                    <a href="http://localhost/sccst/?page_id=44">
                             BTechEdIT                                       
                                    </a></li>
                                </ul>
                          </li>
                      
                        
                             <li class="nav-item">
                             <a class="nav-link " href="http://localhost/sccst/?page_id=46">
                      <span>Event</span>
                        </a>
                          </li>
                           <li class="nav-item">
                            <a class="nav-link " href="http://localhost/sccst/?page_id=48">
                      <span>Blog</span>
                        </a>
                          </li>
                                <li class="nav-item dropdown">
                            <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>Gallery</span>
                              <i class="fas fa-chevron-down"></i>
                            </a>
                            <ul class="subdropdown-menu ">
                                <li>
                                    <a href="http://localhost/sccst/?page_id=50">Photos</a>
                                </li>
                                <li>
                                     <a href="http://localhost/sccst/?page_id=52">Videos</a></li>
                                  </li>
                                </ul>
                          </li>
                          <li class="nav-item">
                              <a class="nav-link" href="http://localhost/sccst/?page_id=54"><span>CONTACT</span></a>
                          </li>
                      </ul>
                </div>
                <div class="social_profile">
              <ul>
                <li><a class="f_facebook" href="/"><i class="bi bi-facebook"></i></a></li>
                <li><a class="f_twitter" href="/"><i class="bi bi-twitter"></i></a></li>
                <li><a class="f_instagram" href="/"><i class="bi bi-instagram"></i></a></li>
                <li><a class="f_linkedin" href="/"><i class="bi bi-linkedin"></i></a></li>
              </ul>
            </div>
            </div>
        </div>   

        <section id="navbar" >
          <div class="header-top-wrap">
                              <div class="row justify-content-between align-items-center g-0">

                                  <!-- Left Section -->
                                  <div class="col-lg-7">
                                      <div class="header-top-left">
                                          <ul class="list-wrap">
                                              <li>
                                                <i class="fa-solid fa-location-dot"></i>
                                                  <a href="#">Birgunj-15,Parsa</a>
                                              </li>
                                              <li>
                                    <i class="fa-regular fa-envelope"></i>
                                    <a href="mailto:#">
                                                      sample@abc.edu.np
                                                  </a>
                                              </li>
                                          </ul>
                                      </div>
                                  </div>

                                  <!-- Right Section -->
                                  <div class="col-lg-2 ps-5">
                                      <div class="header-top-right">
                                          <div class="header-social">
                                              <ul class="list-wrap">
                                                  <li>
                                                      <a target="_blank" href="#">
                                                          <i class="fab fa-facebook-f"></i>
                                                      </a>
                                                  </li>
                                                  <li>
                                                      <a target="_blank" href="#">
                                                          <i class="fab fa-instagram"></i>
                                                      </a>
                                                  </li>
                                                  <li>
                                                      <a target="_blank" href="#">
                                                          <i class="fab fa-youtube"></i>
                                                      </a>
                                                  </li>
                                                  <li>
                                                      <a target="_blank" href="#">
                                                          <i class="fab fa-linkedin"></i>
                                                      </a>
                                                  </li>
                                              </ul>
                                          </div>
                                      </div>
                                  </div>

                              </div>
                          
                      </div>
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
              <div class="container-fluid">
              
                  <div class="navbar-logo">
                    <a class="navbar-brand" href="<?= home_url();?>">
                        <img src="http://localhost/sccst/wp-content/uploads/2025/12/scc.png" alt="">
                    </a>
                </div>
              
                  <button type="button" class="navbar-toggler" type="button" style="border: none;"
                  data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">
                  <div class="hamburgermenu">
                      <div class="hamburger line-1"></div>
                      <div class="hamburger line-2"></div>
                      <div class="hamburger line-3"></div>
                  </div>
                </button> 
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                  <ul class="navbar-nav">
                    <li class="nav-item">
                       <a class="nav-link " href="<?= home_url();?>">
                      <span>Home</span>
                        </a>
                    
                      </li>
                    <li class="nav-item">
                        <a class="nav-link " href="http://localhost/sccst/?page_id=40">
                      <span>ABOUT</span>
                        </a>
                      </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>Courses</span>
                          <i class="fas fa-chevron-down"></i>

                        </a>
                        <ul class="subdropdown-menu ">
                            <li>
                                <a href="http://localhost/sccst/?page_id=42">BIT</a>
                            </li>
                            <li>
                                <a href="http://localhost/sccst/?page_id=44">BTechEdIT</a></li>
                            </ul>
                      </li>
                
                      <li class="nav-item">
                        <a class="nav-link " href="http://localhost/sccst/?page_id=46">
                      <span>Event</span>
                        </a>
                    
                      </li>
                      <li class="nav-item">
                        <a class="nav-link " href="http://localhost/sccst/?page_id=48">
                      <span>Blog</span>
                        </a>
                      </li>
                        <li class="nav-item dropdown">
                        <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span>Gallery</span>
                          <i class="fas fa-chevron-down"></i>

                        </a>
                        <ul class="subdropdown-menu  subdropdown-menu11 ">
                            <li class="vdo">
                                <a href="http://localhost/sccst/?page_id=50">Photos</a>
                            </li>
                            <li class="vdo">
                                <a href="http://localhost/sccst/?page_id=52">Videos</a></li>
                            </ul>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="http://localhost/sccst/?page_id=54"><span>CONTACT</span></a>
                      </li>
                      <!-- <li class="nav-item">
                        <a class="nav-link apply-now" href="./contactpage.html">
                          <span>Apply Now</span>
                        </a>
                      </li> -->
                  </ul>
                </div>

        <div class="col-20 d-none d-lg-block text-end align-self-center header-action-container apply1">
        <a
                  href="#"
                  class="button _medium _secondary"
                  id="image-liftout-cta-btn-secondary"
                 data-bs-toggle="modal" 
                 data-bs-target="#applyModal"
                >
                  Apply Now
                  <i class="bi bi-arrow-up-right"></i>
                </a>
        </div> 
              </div>
              </nav>
        </section>