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

preregistration form, event-list page and other remaing section are adjusted

Browse Source
This commit is contained in:
Roshan476
2025-12-23 17:33:01 +05:45
parent 86efb066a5
commit 9e1e753175
11 changed files with 1666 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
videos.html
View File

@@ -12,7 +12,75 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<section id="navbar" >
<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">
@@ -87,7 +155,7 @@
<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">
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>HOME</span>
</a>
@@ -105,21 +173,21 @@
</a>
<ul class="subdropdown-menu ">
<li>
<a href="./courses.html">Admission process</a>
<a href="#">Admission process</a>
</li>
<li>
<a href="./courseDetail.html">Scholarship</a></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">
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Blogs</span>
</a>
</li>
@@ -131,10 +199,10 @@
</a>
<ul class="subdropdown-menu subdropdown-menu11 ">
<li class="vdo">
<a href="./courses.html">Photos</a>
<a href="/image.html">Photos</a>
</li>
<li class="vdo">
<a href="./courseDetail.html">Videos</a></li>
<a href="/videos.html">Videos</a></li>
</ul>
</li>
<li class="nav-item">
@@ -149,13 +217,12 @@
</div>
<div class="col-20 d-none d-lg-block text-end align-self-center header-action-container apply1">
<button class="btn apply-btn">
<a href="#">
<button class="btn apply-btn">
APPLY NOW
</button>
</div>
</a>
</div>
</div>
</nav>
</section>
@@ -178,7 +245,7 @@
<div class="row">
<div class="col-lg-3 mb-3 col-md-6 custom-gallery-item gallery-item">
<a href="#" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="#" data-type="youtube">
<a href="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-type="youtube">
<div class="custom-gallery-img">
<img src="./assets/image/bg.png" alt="" class="img-fluid">
<!-- Play Icon (visible on hover) -->
@@ -194,7 +261,7 @@
</div>
</div>
<div class="col-lg-3 mb-3 col-md-6 custom-gallery-item gallery-item">
<a href="#" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="#" data-type="youtube">
<a href="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-type="youtube">
<div class="custom-gallery-img">
<img src="./assets/image/bg.png" alt="" class="img-fluid">
<!-- Play Icon (visible on hover) -->
@@ -419,6 +486,34 @@
showPage(1);
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var videoModal = document.getElementById('videoModal');
var videoIframe = document.getElementById('videoIframe');
videoModal.addEventListener('show.bs.modal', function(event) {
var button = event.relatedTarget; // clicked element
var videoSrc = button.getAttribute('data-video'); // get video URL
if(videoSrc) {
// Convert short YouTube URL to embed format if needed
if(videoSrc.includes("youtu.be")) {
var videoId = videoSrc.split("/").pop().split("?")[0];
videoSrc = "https://www.youtube.com/embed/" + videoId + "?autoplay=1";
} else if(videoSrc.includes("watch?v=")) {
videoSrc = videoSrc.replace("watch?v=", "embed/") + "?autoplay=1";
}
videoIframe.src = videoSrc;
videoIframe.style.display = "block";
}
});
videoModal.addEventListener('hidden.bs.modal', function() {
videoIframe.src = ""; // Stop video when modal is closed
});
});
</script>
</body>
</html>