RoshanPaudel/.south-city-college
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Roshan476
2025-12-29 10:33:02 +05:45
parent 65c961213b
commit 06c84b5d62
12 changed files with 1137 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/image/bg1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/image/bit-video.mp4 Normal file
View File

Binary file not shown.

BIN
assets/image/bit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 KiB

BIN
assets/image/btech.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 932 KiB

BIN
assets/image/lab.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 411 KiB

199
assets/style.css
View File

@@ -937,7 +937,7 @@ height: 90px;
background:var(--primary-color1);
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
box-shadow: 0 0 10px 3px #0000000d;
left: -34px;
left: -18px;
list-style: outside none none;
margin: 0;
opacity: 0;
@@ -951,7 +951,7 @@ height: 90px;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
visibility: hidden;
width: 193px;
width: 138px;
z-index: 999;
border-radius: 4px;
@@ -1357,12 +1357,7 @@ margin-bottom: 80px;
/* Section background */
.bg-dark-2 {
background: radial-gradient(
1200px 600px at top center,
#5f6ab8 0%,
#3c4884 60%,
#2b346f 100%
);
background-image: url(./image/bg1.png);
padding: 60px;
@@ -2151,20 +2146,23 @@ padding: 6px 19px;
width: 100%;
}
.content_box {
padding: 35px;
padding: 10px 35px 35px 35px;
}
.single_blog span {
text-transform: capitalize;
margin-bottom: 10px;
display: inline-block;
}
.card.event-card.event-list1{
height: 329px !important;
}
.single_blog span a {
color: #525fe1;
color: var(--hover-color);
font-weight: 700;
}
.single_blog h2 {
line-height: 32px;
font-size: 20px;
font-size: 17px;
margin-bottom: 15px;
}
.single_blog h2 a {
@@ -2175,7 +2173,7 @@ padding: 6px 19px;
text-decoration: none;
}
.single_blog h2 a:hover {
color: #525fe1;
color: var(--hover-color);
}
.content_box span a{
text-decoration: none;
@@ -3018,3 +3016,180 @@ display: flex;
width: 100%;
}
}
/* bit detail */
/* Animations */
.animate {
opacity: 0;
transform: translateY(40px);
transition: all 0.8s ease;
}
.animate.show {
opacity: 1;
transform: translateY(0);
}
/* HERO */
.bit-hero {
background: linear-gradient(135deg, var(--font-color), var(--primary-color1));
color: #fff;
padding: 90px 0;
}
.hero-grid {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 40px;
align-items: center;
}
.hero-image img {
width: 100%;
height: 500px;
object-fit: cover;
border-radius: 14px;
box-shadow: 0 20px 40px rgba(0,0,0,0.25);
animation: float 4s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0); }
50% { transform: translateY(-12px); }
100% { transform: translateY(0); }
}
/* DETAILS */
.bit-details {
padding: 80px 0;
background: #f7f9fc;
}
.grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
}
.image-card {
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
.image-card img {
width: 100%;
display: block;
}
.image-card span {
display: block;
padding: 15px;
font-weight: 600;
color: #0f4c81;
}
.content h2, h3{
color: var(--font-color) !important;
font-size: 30px !important;
font-weight: 600 !important;
}
/* FEATURES */
.bit-features {
padding: 80px 0;
}
.bit-features h2{
color: var(--font-color);
font-size: 30px;
font-weight: 600;
}
.features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 40px;
}
.feature-box {
background: #fff;
border-radius: 14px;
padding: 25px;
text-align: center;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transition: transform 0.3s ease;
}
.feature-box:hover {
transform: translateY(-10px);
}
.feature-box h4 {
color: var(--font-color);
}
.feature-box img {
width: 60px;
margin-bottom: 15px;
}
/* CAREER */
.video-box {
position: relative;
overflow: hidden;
border-radius: 14px;
box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.video-box video {
width: 100%;
height: 435px;
object-fit: cover;
display: block;
}
.bit-career {
background: linear-gradient(135deg, var(--font-color), var(--primary-color1));
color: #fff;
padding: 80px 0;
}
.career-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.career-image img {
width: 100%;
border-radius: 14px;
}
/* BUTTON */
.btn-primary {
display: inline-block;
background: var(--primary-color1);
color: var(--font-color1);
padding: 12px 25px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
margin-top: 20px;
transition:0.3s all ease-out;
}
.btn-primary:hover {
background-color: var(--hover-color);
}
/* RESPONSIVE */
@media (max-width: 900px) {
.hero-grid,
.grid,
.career-grid {
grid-template-columns: 1fr;
}
.features-grid {
grid-template-columns: repeat(2, 1fr);
}
}

445
bit-detail.html Normal file
View File

@@ -0,0 +1,445 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 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">
<link rel="stylesheet" href="./assets/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- bootstraps icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<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 dropdown">
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>HOME</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./aboutpage.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<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> Admissions</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="#">
Admission Process
</a>
</li>
<li>
<a href="#">
Scholarship
</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./event-list.html"><span>Events</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog-list.html"><span>Blogs</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="./image.html">
Images
</a>
</li>
<li>
<a href="./videos.html">
Videos
</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./contactpage.html"><span>CONTACT</span></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="#">
<img src="./assets/image/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 dropdown">
<a class="nav-link " href="./index.html" 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="/aboutpage.html">
<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="./bit-detail.html">BIT</a>
</li>
<li>
<a href="./btechedith.html">BTechEdith</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./event-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> events</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Blogs</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="/image.html">Photos</a>
</li>
<li class="vdo">
<a href="/videos.html">Videos</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html"><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="#">
<button class="btn apply-btn">
APPLY NOW
</button>
</a>
</div>
</div>
</nav>
</section>
<!-- HERO WITH IMAGE -->
<section class="bit-hero">
<div class="container hero-grid animate">
<div>
<span class="badge">KU Affiliated</span>
<h1>Bachelor of Information Technology (BIT)</h1>
<p>
Build a strong foundation in modern IT, software development, and computing
technologies at South City College of Science and Technology.
</p>
<a href="#" class="btn-primary">Apply Now</a>
</div>
<div class="hero-image">
<img src="./assets/image/bit.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 BIT program focuses on developing skilled IT professionals with strong
analytical thinking, programming skills, and real-world problem-solving ability.
</p>
<h3>Why Choose BIT at South City?</h3>
<ul>
<li>Hands-on practical learning</li>
<li>Modern computer labs</li>
<li>Project & research-based education</li>
<li>Experienced faculty members</li>
</ul>
</div>
<div class="image-card animate">
<img src="./assets/image/lab.png" alt="Computer Lab">
<span>Modern Computer 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</h4>
<p>C, Java, Python & modern frameworks</p>
</div>
<div class="feature-box animate">
<img src="images/web.jpg" alt="">
<h4>Web Development</h4>
<p>HTML, CSS, JS & backend technologies</p>
</div>
<div class="feature-box animate">
<img src="images/database.jpg" alt="">
<h4>Database Systems</h4>
<p>SQL, data modeling & management</p>
</div>
<div class="feature-box animate">
<img src="images/network.jpg" alt="">
<h4>Networking</h4>
<p>Computer networks & security basics</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="./assets/image/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>Software Developer</li>
<li>Web & Mobile App Developer</li>
<li>System Analyst</li>
<li>Database Administrator</li>
<li>IT Trainer</li>
</ul>
</div>
</div>
</section>
<!-- footer section -->
<div class="footer section-padding">
<div class="container">
<div class="row g-4">
<!-- Footer Column 1: Logo and Social Links -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer footer-left-image">
<a href="/"><img src="/assets/image/scc.png" alt="Logo"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.</p>
<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>
<!-- Footer Column 2: About Eduleb -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer1">
<h4>About Eduleb</h4>
<ul>
<li><a href="/">About us</a></li>
<li><a href="/">Event</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">Contact us</a></li>
</ul>
</div>
</div>
<!-- Footer Column 3: Popular Courses -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer1">
<h4>Popular Courses</h4>
<ul>
<li><a href="/">BIT</a></li>
<li><a href="/">Arts &amp; design</a></li>
<li><a href="/">BTechEdIT</a></li>
<li><a href="/">Digital Marketing</a></li>
</ul>
</div>
</div>
<!-- Footer Column 4: Contact Info -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer1">
<h4>Contact Info</h4>
<div class="sf_contact">
<i class="fa-solid fa-location-dot"></i>
<p>Birgunj-15, Birgunj, Parsa</p>
</div>
<div class="sf_contact">
<i class="fa-solid fa-phone"></i>
<p>+97*********</p>
</div>
<div class="sf_contact">
<i class="fa-brands fa-whatsapp"></i>
<p><a href="tel:+88457845695">Contact via Whatsapp</a></p>
</div>
<div class="sf_contact">
<i class="fa-regular fa-envelope"></i>
<p>example@yourmail.com</p>
</div>
</div>
</div>
<!-- Footer Column 5: Download App -->
<!-- <div class="col-lg-2 col-sm-6 col-xs-12">
<div class="single_footer">
<h4>Download App</h4>
<p>Download our app from the App Store and Google Play Store.</p>
<a href="/"><img src="./assets/images/googleplay.jpg" class="foot_img mb-3" alt="Google Play"></a>
<a href="/"><img src="./assets/images/app-store.jpg" class="foot_img" alt="App Store"></a>
</div>
</div> -->
</div>
</div>
</div>
<div class="foot_copy">
<div class="footer_copyright">
<p>© 2025. All Rights Reserved.</p>
</div>
</div>
<script>
const animatedItems = document.querySelectorAll('.animate');
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('show');
}
});
}, { threshold: 0.2 });
animatedItems.forEach(item => observer.observe(item));
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

8
blog-list.html
View File

@@ -279,7 +279,7 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 10, 2024 | <a href="/blog">Education</a></span>
<h2><a href="/blog/professional-mobile-painting-and-sculpting">Professional Mobile Painting and Sculpting</a></h2>
<h2><a href="./blog-detail.html">Professional Mobile Painting and Sculpting</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
@@ -291,7 +291,7 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 16, 2024 | <a href="/blog">Education</a></span>
<h2><a href="/blog/professional-ceramic-moulding-for-beginner">Professional Ceramic Moulding for Beginner</a></h2>
<h2><a href="./blog-detail.html">Professional Ceramic Moulding for Beginner</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
@@ -303,7 +303,7 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 18, 2024 | <a href="/blog">Programming</a></span>
<h2><a href="/blog/education-is-about-create-leaders-for-tomorrow">Education Is About Create Leaders For Tomorrow</a></h2>
<h2><a href="./blog-detail.html">Education Is About Create Leaders For Tomorrow</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
@@ -313,7 +313,7 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 18, 2024 | <a href="/blog">Programming</a></span>
<h2><a href="/blog/education-is-about-create-leaders-for-tomorrow">Education Is About Create Leaders For Tomorrow</a></h2>
<h2><a href="./blog-detail.html">Education Is About Create Leaders For Tomorrow</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>

455
btechedith.html Normal file
View File

@@ -0,0 +1,455 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 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">
<link rel="stylesheet" href="./assets/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- bootstraps icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<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 dropdown">
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>HOME</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./aboutpage.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<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> Admissions</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="#">
Admission Process
</a>
</li>
<li>
<a href="#">
Scholarship
</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./event-list.html"><span>Events</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog-list.html"><span>Blogs</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="./image.html">
Images
</a>
</li>
<li>
<a href="./videos.html">
Videos
</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./contactpage.html"><span>CONTACT</span></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="#">
<img src="./assets/image/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 dropdown">
<a class="nav-link " href="./index.html" 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="/aboutpage.html">
<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="./bit-detail.html">BIT</a>
</li>
<li>
<a href="./btechedith.html">BTechEdIT</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./event-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> events</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Blogs</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="/image.html">Photos</a>
</li>
<li class="vdo">
<a href="/videos.html">Videos</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html"><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="#">
<button class="btn apply-btn">
APPLY NOW
</button>
</a>
</div>
</div>
</nav>
</section>
<!-- 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="./assets/image/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 class="image-card animate">
<img src="./assets/image/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="./assets/image/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>
<!-- footer section -->
<div class="footer section-padding">
<div class="container">
<div class="row g-4">
<!-- Footer Column 1: Logo and Social Links -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer footer-left-image">
<a href="/"><img src="/assets/image/scc.png" alt="Logo"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.</p>
<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>
<!-- Footer Column 2: About Eduleb -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer1">
<h4>About Eduleb</h4>
<ul>
<li><a href="/">About us</a></li>
<li><a href="/">Event</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">Contact us</a></li>
</ul>
</div>
</div>
<!-- Footer Column 3: Popular Courses -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer1">
<h4>Popular Courses</h4>
<ul>
<li><a href="/">BIT</a></li>
<li><a href="/">Arts &amp; design</a></li>
<li><a href="/">BTechEdIT</a></li>
<li><a href="/">Digital Marketing</a></li>
</ul>
</div>
</div>
<!-- Footer Column 4: Contact Info -->
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single_footer1">
<h4>Contact Info</h4>
<div class="sf_contact">
<i class="fa-solid fa-location-dot"></i>
<p>Birgunj-15, Birgunj, Parsa</p>
</div>
<div class="sf_contact">
<i class="fa-solid fa-phone"></i>
<p>+97*********</p>
</div>
<div class="sf_contact">
<i class="fa-brands fa-whatsapp"></i>
<p><a href="tel:+88457845695">Contact via Whatsapp</a></p>
</div>
<div class="sf_contact">
<i class="fa-regular fa-envelope"></i>
<p>example@yourmail.com</p>
</div>
</div>
</div>
<!-- Footer Column 5: Download App -->
<!-- <div class="col-lg-2 col-sm-6 col-xs-12">
<div class="single_footer">
<h4>Download App</h4>
<p>Download our app from the App Store and Google Play Store.</p>
<a href="/"><img src="./assets/images/googleplay.jpg" class="foot_img mb-3" alt="Google Play"></a>
<a href="/"><img src="./assets/images/app-store.jpg" class="foot_img" alt="App Store"></a>
</div>
</div> -->
</div>
</div>
</div>
<div class="foot_copy">
<div class="footer_copyright">
<p>© 2025. All Rights Reserved.</p>
</div>
</div>
<script>
const animatedItems = document.querySelectorAll('.animate');
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('show');
}
});
}, { threshold: 0.2 });
animatedItems.forEach(item => observer.observe(item));
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

23
event-detail.html
View File

@@ -249,22 +249,26 @@
<div class="details_big_img">
<img
src="http://localhost/ngo/wp-content/uploads/2025/02/npimg.jpg"
src="/assets/image/school.png"
alt="chess competition"
>
</div>
<div class="details_text_wrapper">
<h2>chess competition</h2>
<h2>Chess Competition</h2>
<p>
asklmaklsf lknfa nma lkandslak lkansflka lknfa fn lanfla lnfa l
We are delighted to announce the Inter-College Chess Competition 2025, an exciting event that brings together chess enthusiasts from various institutions to compete, learn, and showcase their strategic thinking. This competition aims to promote logical reasoning, sportsmanship, and a passion for mind sports among students.
The event will feature intense matches across multiple rounds, conducted under standard chess rules. Participants will have the opportunity to challenge skilled opponents, improve their gameplay, and gain valuable competitive experience in a professional and friendly environment.
Whether you are a seasoned player or an emerging talent, this tournament offers a platform to test your abilities, sharpen your strategies, and engage with fellow chess lovers.
</p>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="details_small_img">
<img
src="http://localhost/ngo/wp-content/uploads/2025/02/ngo.png"
src="./assets/image/blog.png"
alt=""
>
</div>
@@ -273,7 +277,7 @@
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
<div class="details_small_img">
<img
src="http://localhost/ngo/wp-content/uploads/2025/02/event-details1.png"
src="./assets/image/bg1.png"
alt=""
>
</div>
@@ -350,8 +354,7 @@
<div class="recent_donet_img">
<a href="http://localhost/ngo/?event=chess-competition">
<img
src="http://localhost/ngo/wp-content/uploads/2025/02/npimg.jpg"
alt="chess competition"
src="./assets/image/blog.png"
>
</a>
</div>
@@ -377,8 +380,7 @@
<div class="recent_donet_img">
<a href="http://localhost/ngo/?event=drawing-competition">
<img
src="http://localhost/ngo/wp-content/uploads/2025/02/ngo.jpg"
alt="drawing competition"
src="./assets/image/image2.png"
>
</a>
</div>
@@ -404,8 +406,7 @@
<div class="recent_donet_img">
<a href="http://localhost/ngo/?event=singing-competion">
<img
src="http://localhost/ngo/wp-content/uploads/2025/02/blog.jpg"
alt="Singing Competition"
src="./assets/image/image3.png"
>
</a>
</div>

22
event-list.html
View File

@@ -187,16 +187,16 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> Admissions</span>
<span>Courses</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="#">Admission process</a>
<a href="#">BIT</a>
</li>
<li>
<a href="#">Scholarship</a></li>
<a href="#">BTechEdIT</a></li>
</ul>
</li>
@@ -271,8 +271,8 @@
<div class="row">
<!-- Left Big Event -->
<div class="col-md-4 event123 gallery-item">
<a href="#">
<div class="card event-card">
<a href="./event-detail.html">
<div class="card event-card event-list1">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
<span class="month">DEC</span>
@@ -296,8 +296,8 @@
<!-- Middle Big Event -->
<div class="col-md-4 event123 gallery-item">
<a href="#">
<div class="card event-card">
<a href="./event-detail.html">
<div class="card event-card event-list1">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
<span class="month">DEC</span>
@@ -319,8 +319,8 @@
</a>
</div>
<div class="col-md-4 event123 gallery-item">
<a href="#">
<div class="card event-card">
<a href="./event-detail.html">
<div class="card event-card event-list1">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
<span class="month">DEC</span>
@@ -342,8 +342,8 @@
</a>
</div>
<div class="col-md-4 event123 gallery-item">
<a href="#">
<div class="card event-card">
<a href="./event-detail.html">
<div class="card event-card event-list1">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
<span class="month">DEC</span>

43
index.html
View File

@@ -58,19 +58,19 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> Admissions</span>
<span> Courses</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="#">
Admission Process
BIT
</a>
</li>
<li>
<a href="#">
Scholarship
BTechEdIT
</a></li>
</ul>
</li>
@@ -203,16 +203,16 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> Admissions</span>
<span>Courses</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="#">Admission process</a>
<a href="./bit-detail.html">BIT</a>
</li>
<li>
<a href="#">Scholarship</a></li>
<a href="./btechedith.html">BTechEdIT</a></li>
</ul>
</li>
@@ -539,7 +539,7 @@
<!-- Right 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="ab_img">
<img src="./assets/image/man.png" class="img-fluid" alt="image">
<img src="./assets/image/school.png" class="img-fluid" alt="image">
<div class="home_ps2">
<span class="fa-solid fa-book"></span>
@@ -656,7 +656,7 @@
<div class="row">
<!-- Left Big Event -->
<div class="col-md-4 event123">
<a href="#">
<a href="./blog-detail.html">
<div class="card event-card">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
@@ -681,7 +681,7 @@
<!-- Middle Big Event -->
<div class="col-md-4 event123">
<a href="#">
<a href="./blog-detail.html">
<div class="card event-card">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
@@ -710,7 +710,7 @@
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="#">
<a href="./event-detail.html">
<img src="https://techkagaj.com/wp-content/uploads/2023/09/Iphone-15.jpg" alt="">
</a>
</div>
@@ -732,7 +732,7 @@
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="#">
<a href="./event-detail.html">
<img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
</a>
</div>
@@ -755,7 +755,7 @@
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="#">
<a href="./event-detail.html">
<img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
</a>
</div>
@@ -927,8 +927,8 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 10, 2024 | <a href="/blog">Education</a></span>
<h2><a href="/blog/professional-mobile-painting-and-sculpting">Professional Mobile Painting and Sculpting</a></h2>
<a class="btn_one" href="/blog/professional-mobile-painting-and-sculpting">Read More <i class="bi bi-arrow-up-right"></i></a>
<h2><a href="./blog-detail.html">Professional Mobile Painting and Sculpting</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
@@ -939,8 +939,8 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 16, 2024 | <a href="/blog">Education</a></span>
<h2><a href="/blog/professional-ceramic-moulding-for-beginner">Professional Ceramic Moulding for Beginner</a></h2>
<a class="btn_one" href="/blog/professional-ceramic-moulding-for-beginner">Read More <i class="bi bi-arrow-up-right"></i></a>
<h2><a href="./blog-detail.html">P rofessional Ceramic Moulding for Beginner</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
@@ -951,16 +951,17 @@
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 18, 2024 | <a href="/blog">Programming</a></span>
<h2><a href="/blog/education-is-about-create-leaders-for-tomorrow">Education Is About Create Leaders For Tomorrow</a></h2>
<a class="btn_one" href="/blog/education-is-about-create-leaders-for-tomorrow">Read More <i class="bi bi-arrow-up-right"></i></a>
<h2><a href="./blog-detail.html">Education Is About Create Leaders For Tomorrow</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
</div>
<div class="blog-btn">
<a class="" href="/blog-list.html">
view all >>
<a class="" href="/blog-list.html" style="text-decoration: underline !important;">
view all
<i class="bi bi-arrow-up-right"></i>
</i>
</a>
@@ -1162,7 +1163,7 @@
// popup modal of home
window.addEventListener("load", function () {
window.addEventListener("load", function () {
if (!localStorage.getItem("noticeSeen")) {
document.getElementById("noticeOverlay").style.display = "flex";
}