Files
South-City-College-dynamic/header.php
2025-12-31 13:56:10 +05:45

269 lines
13 KiB
PHP

<!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>