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

359
index.html
View File

@@ -45,7 +45,7 @@
<div class="side-menu-items">
<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>
@@ -55,36 +55,47 @@
<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>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> PAGES</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> BLOG</span>
<span> Admissions</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="./blogpage.html">
Blog
<a href="#">
Admission Process
</a>
</li>
<li>
<a href="/home-2">
Blog Details
<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>
@@ -93,6 +104,14 @@
</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" >
@@ -196,7 +215,7 @@
</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>
@@ -233,9 +252,10 @@
<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>
<button class="btn apply-btn px-4 py-2" data-bs-toggle="modal" data-bs-target="#applyModal">
Apply Now
</button>
</a>
</div>
</div>
@@ -300,53 +320,12 @@
</div>
<section class="count_area counter_feature hidden overflow-hidden">
<div class="container">
<div class="row g-4 animated-box1">
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single-counter">
<span class="sc_one">
<i class="fa-solid fa-folder-open"></i>
</span>
<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">
<div class="single-counter">
<span class="sc_two">
<i class="fa-solid fa-medal"></i>
</span>
<h2 class="counter-num1">Qualified Lecturers</h2>
<!-- <p>Academic Programs</p> -->
</div>
</div>
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single-counter">
<span class="sc_three">
<i class="fa-regular fa-id-badge"></i>
</span>
<h2 class="counter-num1">Certified Graduates</h2>
<!-- <p>Certified Students</p> -->
</div>
</div>
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="single-counter">
<span class="sc_four">
<i class="fa-solid fa-user"></i>
</span>
<h2 class="counter-num1">Active Students</h2>
<!-- <p>Enrolled Students</p> -->
</div>
</div>
</div>
</div>
</section>
<!-- start your journey part -->
<section class="top_cat__area section-padding pb-0 overflow-hidden"
style="background-color: #f5f5fd; background-size: cover; background-position: center center;">
style="background-size: cover; background-position: center center;">
<div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
<!-- Section Title -->
<div class="section-title text-center">
@@ -398,7 +377,7 @@
</div>
</section>
<!-- Courses that we offer -->
<section data-component="liftout-placeholder" class="component-content">
<section id="course" data-component="liftout-placeholder" class="component-content">
<div class="section-title text-center">
<h2>Courses that we offer</h2>
<p>
@@ -547,15 +526,15 @@
<!-- Left Content Section -->
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box" style="opacity: 1; transform: none; will-change: auto;">
<div class="ab_content">
<h2>Why Choose Us For Your Online Education Courses</h2>
<h2>Why Choose Us For Your <br>Study</h2>
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known for its commitment to high-quality education.</p>
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known for delivering top-notch education.</p>
<ul>
<li><i class="bi bi-check2"></i> Get access to <b>12,000+</b> of our top courses</li>
<li><i class="bi bi-check2"></i> Get access to our top courses</li>
<li><i class="bi bi-check2"></i> Popular topics to learn now in our online courses for students</li>
<li><i class="bi bi-check2"></i> Find the right instructor for you</li>
</ul>
<a class="btn_one" href="/course">View All Courses <i class="bi bi-arrow-up-right"></i></a>
<a class="btn_one" href="#course">View Our Courses <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
@@ -565,8 +544,8 @@
<img src="./assets/image/man.png" class="img-fluid" alt="image">
<div class="home_ps2">
<span class="ti-book"></span>
<h2 class="">3300+</h2>
<p>Online Courses</p>
<h2 class=""></h2>
<p>Genuine Courses</p>
</div>
</div>
</div>
@@ -665,9 +644,157 @@
</div>
</div>
</section>
<!-- events -->
<section class="event-section">
<div class="container">
<!-- Section Title -->
<div class="section-title text-center">
<h2>Latest Events</h2>
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
</div>
<div class="row">
<!-- Left Big Event -->
<div class="col-md-4 event123">
<a href="#">
<div class="card event-card">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
<span class="month">DEC</span>
<span class="day">22</span>
</div>
<div class="card-img-overlay1">
<div class="event-meta">
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
<span><i class="bi bi-clock"></i>10:30 AM</span>
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
</div>
<h2 class="event-title">
National Tech Campaign
</h2>
</div>
</div>
</a>
</div>
<!-- Middle Big Event -->
<div class="col-md-4 event123">
<a href="#">
<div class="card event-card">
<img src="./assets/image/blog.png" alt="">
<div class="event-date-badge">
<span class="month">DEC</span>
<span class="day">23</span>
</div>
<div class="card-img-overlay1">
<div class="event-meta">
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
<span><i class="bi bi-clock"></i>10:30 AM</span>
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
</div>
<h2 class="event-title">
National Tech Campaign
</h2>
</div>
</div>
</a>
</div>
<!-- Right Side Event List -->
<div class="col-md-4 event111">
<div class="event-list">
<!-- Event Item -->
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="#">
<img src="https://techkagaj.com/wp-content/uploads/2023/09/Iphone-15.jpg" alt="">
</a>
</div>
<div class="col-md-7">
<div class="event-meta small">
<span><i class="bi bi-calendar-event"></i> 23 December</span>
<span><i class="bi bi-clock"></i> 11:00 AM</span>
<span><i class="bi bi-geo-alt"></i>Chitwan</span>
</div>
<h3 class="event-title-small">
Field visit
</h3>
</div>
<hr>
</div>
</div>
<!-- Event Item -->
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="#">
<img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
</a>
</div>
<div class="col-md-7">
<div class="event-meta small">
<span><i class="bi bi-calendar-event"></i> 21 December</span>
<span><i class="bi bi-clock"></i> 3:00 PM</span>
<span><i class="bi bi-geo-alt"></i> Dharan</span>
</div>
<h3 class="event-title-small">
Youth meet
</h3>
</div>
<hr>
</div>
</div>
<!-- Event Item -->
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="#">
<img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
</a>
</div>
<div class="col-md-7">
<div class="event-meta small">
<span><i class="bi bi-calendar-event"></i> 21 December</span>
<span><i class="bi bi-clock"></i> 3:00 PM</span>
<span><i class="bi bi-geo-alt"></i> Dharan</span>
</div>
<h3 class="event-title-small">
Youth meet
</h3>
</div>
<hr>
</div>
</div>
<div class="">
<div class="row">
<div class="col-md-12">
<div class="event-meta small">
<a class="btn_one btn121" href="/blog/professional-mobile-painting-and-sculpting">View More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="eventbtn" style="display: none;">
<a class="btn_one btn121" href="/blog/professional-mobile-painting-and-sculpting">View More <i class="bi bi-arrow-up-right"></i></a></div>
</div>
</div>
</section>
<!-- testimonial -->
<!-- testimonial area -->
<section class="testi_area section-padding overflow-hidden">
<section class="testi_area overflow-hidden">
<div class="container">
<!-- Section Title -->
<div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
@@ -923,6 +1050,88 @@
</div>
</div>
</div>
<!-- Apply Now Modal -->
<div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content modal-content121">
<!-- Modal Header -->
<div class="modal-header border-0">
<h3 class="modal-title w-100 text-center text-danger fw-bold">
Pre-registration
</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<!-- Modal Body -->
<div class="modal-body px-4 pb-4">
<form>
<!-- Guardian Name -->
<div class="mb-3">
<label class="form-label text-danger">
Name of the guardian <span class="text-danger">*</span>
</label>
<input type="text" class="form-control custom-input" required>
</div>
<!-- Child Name -->
<div class="mb-3">
<label class="form-label text-danger">
Name of the student<span class="text-danger">*</span>
</label>
<input type="text" class="form-control custom-input" required>
</div>
<!-- Email -->
<div class="mb-3">
<label class="form-label text-danger">
Email <span class="text-danger">*</span>
</label>
<input type="email" class="form-control custom-input" required>
</div>
<!-- Contact -->
<div class="mb-3">
<label class="form-label text-danger">
Contact number <span class="text-danger">*</span>
</label>
<input type="tel" class="form-control custom-input" required>
</div>
<!-- Grade -->
<div class="mb-4">
<label class="form-label text-danger">
Choose your course: <span class="text-danger">*</span>
</label>
<select class="form-select custom-input" required>
<option>BIT</option>
<option>BTechEdIT</option>
</select>
</div>
<!-- reCAPTCHA Placeholder -->
<div class="mb-4">
<div class="border rounded p-3 d-inline-flex align-items-center gap-3">
<input type="checkbox">
<span>I’m not a robot</span>
<small class="text-muted ms-3">reCAPTCHA</small>
</div>
</div>
<!-- Submit -->
<button type="submit" class="btn w-100 py-2 fw-bold">
SEND
</button>
</form>
</div>
</div>
</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">