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

final commit

Browse Source
This commit is contained in:
Roshan476
2025-12-23 22:15:32 +05:45
parent aa09cad6f3
commit 65c961213b
5 changed files with 906 additions and 821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
aboutpage.html
View File

@@ -400,48 +400,58 @@ style="background-image: url('./assets/images/shape-1.png'); background-size: co
<div class="row g-4">
<!-- Image Section -->
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box" id="" style="opacity: 1; transform: none; will-change: auto;">
<div class="ab_img">
<img src="./assets/image/man.png" class="img-fluid" alt="image">
<div class="ab_img" style="height: 100%;">
<img src="./assets/image/school.png" class="img-fluid" style="height: 100%;" alt="image">
</div>
</div>
<!-- Content Section -->
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" id="" style="opacity: 1; transform: none; will-change: auto;">
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" id="" style="opacity: 1; transform: none; will-change: auto;">
<div class="ab_content">
<h2>We Are Providing The Online Course In Global World</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>
<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>
<h2>South City College of Science and Technology</h2>
<p>
South City College of Science and Technology is a Kathmandu University affiliated institution focused on quality education in science and information technology.
</p>
<p>
The college emphasizes practical learning, skilled faculty, and a supportive academic environment to prepare students for modern professional careers.
</p>
<ul>
<li><i class="bi bi-check2"></i></span> Get access to <b>12,000+</b> of our top courses</li>
<li><i class="bi bi-check2"></i></span> Populars topiics to learn now in our online courses for students</li>
<li><i class="bi bi-check2"></i></span> Find the right instructor for you</li>
<li><i class="bi bi-check2"></i> Affiliated with <b>Kathmandu University (KU)</b></li>
<li><i class="bi bi-check2"></i> Focused on <b>Science and Information Technology</b></li>
<li><i class="bi bi-check2"></i> Practical and career-oriented learning</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="#">
Explore Our Programs <i class="bi bi-arrow-up-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding insfreecourse overflow-hidden">
<div class="container">
<div class="row" style="opacity: 1; transform: none; will-change: auto;">
<!-- Instructor Card -->
<!-- Free Courses Card -->
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="single_ins"
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
<div class="single_ins_content">
<h4>Build Your Career</h4>
<h1>Become an Tech Engineer</h1>
<p>Learn at your own pace, move between multiple courses.</p>
<a class="btn_one btn222" href="#">Apply now <i class="bi bi-arrow-up-right"></i></a>
<h1>Become an Tech Expert</h1>
<p>Learn at your own pace, move between favourite courses.</p>
<a class="btn_one btn222" href="#" data-bs-toggle="modal" data-bs-target="#applyModal">Apply now <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
<!-- Free Courses Card -->
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="single_ins"
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
<div class="single_ins_content">
@@ -547,7 +557,86 @@ style="background-image: url('./assets/images/shape-1.png'); background-size: co
<p>© 2025. All Rights Reserved.</p>
</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 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 ">
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">
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">
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">
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">
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="submit btn w-100 py-2 fw-bold">
SEND
</button>
</form>
</div>
</div>
</div>
</div>
<!-- Link to Bootstrap JS (optional) -->
<script src="./assets/bootstraps/js/bootstrap.bundle.min.js"></script>