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"> <div class="row g-4">
<!-- Image Section --> <!-- 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="col-lg-6 col-sm-12 col-xs-12 animated-box" id="" style="opacity: 1; transform: none; will-change: auto;">
<div class="ab_img"> <div class="ab_img" style="height: 100%;">
<img src="./assets/image/man.png" class="img-fluid" alt="image"> <img src="./assets/image/school.png" class="img-fluid" style="height: 100%;" alt="image">
</div> </div>
</div> </div>
<!-- Content Section --> <!-- 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"> <div class="ab_content">
<h2>We Are Providing The Online Course In Global World</h2> <h2>South City College of Science and Technology</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> <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> <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> Affiliated with <b>Kathmandu University (KU)</b></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> Focused on <b>Science and Information Technology</b></li>
<li><i class="bi bi-check2"></i></span> Find the right instructor for you</li> <li><i class="bi bi-check2"></i> Practical and career-oriented learning</li>
</ul> </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>
</div> </div>
</div> </div>
</section> </section>
<section class="section-padding insfreecourse overflow-hidden"> <section class="section-padding insfreecourse overflow-hidden">
<div class="container"> <div class="container">
<div class="row" style="opacity: 1; transform: none; will-change: auto;"> <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="col-lg-6 col-sm-12 col-xs-12">
<div class="single_ins" <div class="single_ins"
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;"> style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
<div class="single_ins_content"> <div class="single_ins_content">
<h4>Build Your Career</h4> <h4>Build Your Career</h4>
<h1>Become an Tech Engineer</h1> <h1>Become an Tech Expert</h1>
<p>Learn at your own pace, move between multiple courses.</p> <p>Learn at your own pace, move between favourite courses.</p>
<a class="btn_one btn222" href="#">Apply now <i class="bi bi-arrow-up-right"></i></a> <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> </div>
</div> </div>
<div class="col-lg-6 col-sm-12 col-xs-12">
<!-- Free Courses Card -->
<div class="col-lg-6 col-sm-12 col-xs-12">
<div class="single_ins" <div class="single_ins"
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;"> style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
<div class="single_ins_content"> <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> <p>© 2025. All Rights Reserved.</p>
</div> </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 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) --> <!-- Link to Bootstrap JS (optional) -->
<script src="./assets/bootstraps/js/bootstrap.bundle.min.js"></script> <script src="./assets/bootstraps/js/bootstrap.bundle.min.js"></script>

12
assets/style.css
View File

@@ -795,9 +795,17 @@ a, button {
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221);
background: #fff; background: var(--background-accent);
}
.blog-btn{
display: flex;
justify-content: flex-end;
padding: 10px;
}
.blog-btn a{
color: var(--primary-color1) !important;
} }
#navbar #navbarNavDropdown{ #navbar #navbarNavDropdown{

22
image.html
View File

@@ -10,6 +10,11 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- bootstraps icons --> <!-- bootstraps icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<!-- Fancybox CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
</head> </head>
<body> <body>
<div class="side-bar"> <div class="side-bar">
@@ -195,7 +200,6 @@
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Gallery</span> <span>Gallery</span>
<i class="fas fa-chevron-down"></i> <i class="fas fa-chevron-down"></i>
</a> </a>
<ul class="subdropdown-menu subdropdown-menu11 "> <ul class="subdropdown-menu subdropdown-menu11 ">
<li class="vdo"> <li class="vdo">
@@ -243,12 +247,11 @@
<section class="gallery-area pt-100 pb-100"> <section class="gallery-area pt-100 pb-100">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<!-- Image with Lightbox --> <!-- Image with Lightbox -->
<div class="col-lg-3 mb-4 col-md-6 gallery-item"> <div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title=""> <a href="./assets/image/man.png" data-fancybox="gallery" data-caption="Caption 1">
<div class="gallery-img"> <div class="gallery-img">
<img src="./assets/image/man.png" alt=""> <img src="./assets/image/man.png" alt="Image 1">
<div class="hover-effect"> <div class="hover-effect">
<h2>hello</h2> <h2>hello</h2>
<p>nameste</p> <p>nameste</p>
@@ -257,9 +260,9 @@
</a> </a>
</div> </div>
<div class="col-lg-3 mb-4 col-md-6 gallery-item"> <div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title=""> <a href="./assets/image/man.png" data-fancybox="gallery" data-caption="Caption 2">
<div class="gallery-img"> <div class="gallery-img">
<img src="./assets/image/man.png" alt=""> <img src="./assets/image/man.png" alt="Image 2">
<div class="hover-effect"> <div class="hover-effect">
<h2>hello</h2> <h2>hello</h2>
<p>nameste</p> <p>nameste</p>
@@ -268,7 +271,7 @@
</a> </a>
</div> </div>
<div class="col-lg-3 mb-4 col-md-6 gallery-item"> <div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title=""> <a href="./assets/image/image.png" data-fancybox="gallery" data-caption="Caption 3">
<div class="gallery-img"> <div class="gallery-img">
<img src="./assets/image/image.png" alt=""> <img src="./assets/image/image.png" alt="">
<div class="hover-effect"> <div class="hover-effect">
@@ -279,7 +282,7 @@
</a> </a>
</div> </div>
<div class="col-lg-3 mb-4 col-md-6 gallery-item"> <div class="col-lg-3 mb-4 col-md-6 gallery-item">
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title=""> <a href="./assets/image/bg.png" data-fancybox="gallery" data-caption="Caption 4">
<div class="gallery-img"> <div class="gallery-img">
<img src="./assets/image/bg.png" alt=""> <img src="./assets/image/bg.png" alt="">
<div class="hover-effect"> <div class="hover-effect">
@@ -377,7 +380,8 @@
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="<?=get_template_directory_uri();?>/assets/js/lightbox-plus-jquery.js"></script> <!-- Fancybox JS -->
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
<!-- pagination --> <!-- pagination -->
<script> <script>
const itemsPerPage = 2; const itemsPerPage = 2;

1540
index.html
View File

File diff suppressed because it is too large Load Diff

26
popup.html
View File

@@ -1,26 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Fancybox Simple Example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
</head>
<body>
<h1>This is my wordpress project</h1>
<a href="./assets/image/man.png"
rel="lightbox"
id="popup"
style="display:none">popup image</a>
</body>
<script>
$(document).ready(function(){
$("#popup").fancybox().trigger('click');
});
</script>
</html>