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

119
aboutpage.html
View File

@@ -400,47 +400,57 @@ 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="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="single_ins"
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
@@ -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>

10
assets/style.css
View File

@@ -795,9 +795,17 @@ a, button {
display: flex;
align-items: center;
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{

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">
<!-- bootstraps icons -->
<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>
<body>
<div class="side-bar">
@@ -195,7 +200,6 @@
<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 subdropdown-menu11 ">
<li class="vdo">
@@ -243,12 +247,11 @@
<section class="gallery-area pt-100 pb-100">
<div class="container">
<div class="row">
<!-- Image with Lightbox -->
<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">
<img src="./assets/image/man.png" alt="">
<img src="./assets/image/man.png" alt="Image 1">
<div class="hover-effect">
<h2>hello</h2>
<p>nameste</p>
@@ -257,9 +260,9 @@
</a>
</div>
<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">
<img src="./assets/image/man.png" alt="">
<img src="./assets/image/man.png" alt="Image 2">
<div class="hover-effect">
<h2>hello</h2>
<p>nameste</p>
@@ -268,7 +271,7 @@
</a>
</div>
<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">
<img src="./assets/image/image.png" alt="">
<div class="hover-effect">
@@ -279,7 +282,7 @@
</a>
</div>
<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">
<img src="./assets/image/bg.png" alt="">
<div class="hover-effect">
@@ -377,7 +380,8 @@
</div>
<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 -->
<script>
const itemsPerPage = 2;

42
index.html
View File

@@ -38,8 +38,6 @@
</head>
<body>
<!-- Notice Popup -->
<!-- SIDE bar start-->
<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;">
@@ -117,6 +115,7 @@
</div>
</div>
</div>
<section id="navbar" >
<div class="header-top-wrap">
<div class="row justify-content-between align-items-center g-0">
@@ -264,7 +263,6 @@
</div>
</nav>
</section>
<div class="after-nabar">
<div class="banner v__2">
<div class="banner__wrapper">
@@ -322,10 +320,6 @@
</div>
</div>
<!-- start your journey part -->
<section class="top_cat__area section-padding pb-0 overflow-hidden"
style="background-size: cover; background-position: center center;">
@@ -379,6 +373,7 @@
</div>
</div>
</section>
<!-- Courses that we offer -->
<section id="course" data-component="liftout-placeholder" class="component-content">
<div class="section-title text-center">
@@ -417,11 +412,11 @@
<p>
<a
href="/life-at-uwa"
href="#"
class="button _medium _secondary"
id="image-liftout-cta-btn-secondary"
data-event-action="clicked"
data-event-category="image-liftout-cta-btn-secondary"
data-bs-toggle="modal"
data-bs-target="#applyModal"
>
Apply Now
<i class="bi bi-arrow-up-right"></i>
@@ -451,8 +446,7 @@
href="/life-at-uwa"
class="button _medium _secondary"
id="image-liftout-cta-btn-secondary"
data-event-action="clicked"
data-event-category="image-liftout-cta-btn-secondary"
data-bs-toggle="modal" data-bs-target="#applyModal"
>
Apply Now
<i class="bi bi-arrow-up-right"></i>
@@ -509,7 +503,7 @@
<div class="w-100"></div>
<div class="col-auto">
<!-- <div class="col-auto">
<a
class="button -md -outline-white text-white mt-45 md:mt-20"
href="/courses-list-3"
@@ -517,12 +511,13 @@
Get Started Now
<i class="bi bi-arrow-up-right"></i>
</a>
</div>
</div> -->
</div>
</div>
</section>
<section class="ab_area section-padding overflow-hidden">
<div class="container">
<div class="row g-4">
@@ -546,7 +541,8 @@
<div class="ab_img">
<img src="./assets/image/man.png" class="img-fluid" alt="image">
<div class="home_ps2">
<span class="ti-book"></span>
<span class="fa-solid fa-book"></span>
<h2 class=""></h2>
<p>Genuine Courses</p>
</div>
@@ -647,6 +643,7 @@
</div>
</div>
</section>
<!-- events -->
<section class="event-section">
<div class="container">
@@ -911,6 +908,7 @@
</div>
</div>
</section>
<!-- blog and news part -->
<section id="blog" class="blog_area section-padding overflow-hidden">
<div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
@@ -960,8 +958,19 @@
</div>
</div>
<div class="blog-btn">
<a class="" href="/blog-list.html">
view all >>
</i>
</a>
</div>
</div>
</section>
<!-- footer section -->
<div class="footer section-padding">
<div class="container">
@@ -1046,13 +1055,14 @@
</div>
</div>
</div>
<div class="foot_copy">
<div class="footer_copyright">
<p>© 2025. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
<!-- popup fancybox -->
<a href="./assets/image/ads.png"
rel="lightbox"

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>