Detail pages and list pages are created

This commit is contained in:
Roshan476
2025-12-22 17:08:27 +05:45
parent 1eaccedaae
commit 86efb066a5
14 changed files with 4236 additions and 303 deletions

View File

@@ -13,7 +13,6 @@
<link rel="stylesheet" href="./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">
@@ -36,9 +35,11 @@
</head>
<body>
<!-- Notice Popup -->
<!-- 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: 69px;">
<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">
@@ -94,140 +95,152 @@
</div>
</div>
</div>
<section id="navbar" >
<div class="header-top-wrap">
<div class="row justify-content-between align-items-center g-0">
<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>
<!-- 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>
</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> 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 dropdown">
<a class="nav-link " href="#" 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 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="#" 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> COURSE</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="./courses.html">Course</a>
</li>
<li>
<a href="./courseDetail.html">Course Details</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> BLOG</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contactpage.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">
<form class="header-search" action="/search" method="get">
<input
type="text"
name="q"
placeholder="Search..."
aria-label="Search"
/>
<button type="submit">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
</form>
</div>
</div>
</nav>
</section>
</nav>
</section>
<div class="after-nabar">
<div class="banner v__2">
@@ -268,7 +281,7 @@
</h1>
<a
href="https://www.eemc.edu.np/about-us"
href="./aboutpage.html"
class="rts-theme-btn btn-arrow"
>
Learn More
@@ -295,8 +308,8 @@
<span class="sc_one">
<i class="fa-solid fa-folder-open"></i>
</span>
<h2 class="counter-num" >Programs Offered</h2>
<p>Our Online Course</p>
<h2 class="counter-num1">Programs Offered</h2>
<!-- <p>Our Online Course</p> -->
</div>
</div>
<div class="col-lg-3 col-sm-6 col-xs-12">
@@ -304,8 +317,8 @@
<span class="sc_two">
<i class="fa-solid fa-medal"></i>
</span>
<h2 class="counter-num" data-target="299">0</h2>
<p>Academic Programs</p>
<h2 class="counter-num1">Qualified Lecturers</h2>
<!-- <p>Academic Programs</p> -->
</div>
</div>
<div class="col-lg-3 col-sm-6 col-xs-12">
@@ -313,8 +326,8 @@
<span class="sc_three">
<i class="fa-regular fa-id-badge"></i>
</span>
<h2 class="counter-num" data-target="684">0</h2>
<p>Certified Students</p>
<h2 class="counter-num1">Certified Graduates</h2>
<!-- <p>Certified Students</p> -->
</div>
</div>
<div class="col-lg-3 col-sm-6 col-xs-12">
@@ -322,8 +335,8 @@
<span class="sc_four">
<i class="fa-solid fa-user"></i>
</span>
<h2 class="counter-num" data-target="941">0</h2>
<p>Enrolled Students</p>
<h2 class="counter-num1">Active Students</h2>
<!-- <p>Enrolled Students</p> -->
</div>
</div>
</div>
@@ -846,10 +859,8 @@
<h4>About Eduleb</h4>
<ul>
<li><a href="/">About us</a></li>
<li><a href="/">Instructor Registration</a></li>
<li><a href="/">Become A Teacher</a></li>
<li><a href="/">All Instructors</a></li>
<li><a href="/">Asked Question</a></li>
<li><a href="/">Event</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">Contact us</a></li>
</ul>
</div>
@@ -860,11 +871,9 @@
<div class="single_footer1">
<h4>Popular Courses</h4>
<ul>
<li><a href="/">Development</a></li>
<li><a href="/">BIT</a></li>
<li><a href="/">Arts &amp; design</a></li>
<li><a href="/">Visual Design</a></li>
<li><a href="/">Graphic Design</a></li>
<li><a href="/">Code Inspection</a></li>
<li><a href="/">BTechEdIT</a></li>
<li><a href="/">Digital Marketing</a></li>
</ul>
</div>
@@ -915,8 +924,29 @@
</div>
</div>
<!-- Link to Bootstrap JS (optional) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="/bootstraps/js/bootstrap.bundle.min.js">
// popup modal of home
window.addEventListener("load", function () {
if (!localStorage.getItem("noticeSeen")) {
document.getElementById("noticeOverlay").style.display = "flex";
}
});
function closeNotice() {
localStorage.setItem("noticeSeen", "true");
document.getElementById("noticeOverlay").style.display = "none";
}
document.getElementById("noticeOverlay").addEventListener("click", function(e){
if(e.target === this){
closeNotice();
}
});
// Add the 'active' class when the page loads
window.onload = function () {
document.getElementById('heroSection').classList.add('active');