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

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

View File

@@ -32,7 +32,75 @@
</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">
@@ -107,7 +175,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>
@@ -125,21 +193,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>
@@ -151,10 +219,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">
@@ -169,10 +237,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>
@@ -238,6 +308,16 @@
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12 gallery-item">
<div class="single_blog">
<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-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -345,7 +425,7 @@
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-element-bundle.min.js"></script>
<!-- pagination -->
<script>
const itemsPerPage = 2;
const itemsPerPage = 3;
const items = document.querySelectorAll(".gallery-item");
const pagination = document.getElementById("pagination");
const totalPages = Math.ceil(items.length / itemsPerPage);