Initial Commit
This commit is contained in:
Roshan476
227
templates/about.php
Normal file
227
templates/about.php
Normal file
@@ -0,0 +1,227 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: about page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>About</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / About</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section class="about-us">
|
||||
<div class="container">
|
||||
<div class="row align-items-center g-4">
|
||||
<div class="col-md-7">
|
||||
<div class="heading">Overview</div>
|
||||
<div class="desc">
|
||||
<p>
|
||||
South City College of Science and Technology is committed to providing quality education in the fields of science and information technology. The college focuses on building strong academic foundations, practical skills, and professional ethics to prepare students for successful careers in the modern technological world.
|
||||
</p>
|
||||
|
||||
<p id="more-text" style="display: none;">
|
||||
Affiliated with Kathmandu University, the college offers undergraduate programs designed to meet national and international academic standards. Through experienced faculty members, modern teaching methodologies, and a supportive learning environment, South City College emphasizes innovation, critical thinking, and hands-on learning.
|
||||
|
||||
The institution aims to nurture skilled professionals and responsible individuals who can contribute effectively to society, the IT industry, and the education sector, both within Nepal and beyond.
|
||||
</p>
|
||||
|
||||
<p></p>
|
||||
</div>
|
||||
<a href="#" id="read-more-btn" class="view-events-btn">Read More</a>
|
||||
</div>
|
||||
<div class="col-md-5 d-flex justify-content-end" id="about-logo-area">
|
||||
<div class="image-wrapper"> <!-- Wrapper to center the smoke -->
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/whitebg.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- principal view -->
|
||||
<section class="testi_area section-padding overflow-hidden">
|
||||
<div class="container">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<h2>What Our Founder Say To Do <br>Their Students</h2>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<!-- Left Image Section -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider-left">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Testimonial 1 -->
|
||||
<div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/man.png" class="img121" alt="">
|
||||
|
||||
<div class="testi_pic_title">
|
||||
<!-- <img src="./assets/image/image3.png" alt="img"> -->
|
||||
<h4>hello hello</h4>
|
||||
<p>Principal</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial 1 -->
|
||||
<div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/man.png" class="img121" alt="">
|
||||
|
||||
<div class="testi_pic_title">
|
||||
<!-- <img src="./assets/image/image3.png" alt="img"> -->
|
||||
<h4>hello hello</h4>
|
||||
<p>Coordinator</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Testimonial Slider Section -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box2" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<div class="swiper swiper-initialized swiper-horizontal owl-carousel swiper-backface-hidden" id="testimonial-slider-right">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<!-- Testimonial 1 -->
|
||||
<div class="swiper-slide swiper-slide-active testimonial testimonial121" style="width: 636px; margin-right: 40px;">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/message.png" alt="">
|
||||
<div class="testimonial_content">
|
||||
<p> namete every one Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
|
||||
</div>
|
||||
<!-- <div class="testi_pic_title">
|
||||
<img src="./assets/image/image3.png" alt="img">
|
||||
<h4>hello hello</h4>
|
||||
<p>developer</p>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- Testimonial 1 -->
|
||||
<div class="swiper-slide swiper-slide-active testimonial testimonial121" style="width: 636px; margin-right: 40px;">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/message.png" alt="">
|
||||
<div class="testimonial_content">
|
||||
<p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur sapiente adipisci cumque! Ratione expedita fuga libero eveniet id quisquam delectus omnis, nihil, voluptate reprehenderit maiores temporibus velit aspernatur a commodi!</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Vision Mission and GOAL part -->
|
||||
<section class=" vjn-msn-gl"
|
||||
style="background-image: url('./assets/images/shape-1.png'); background-size: cover; background-position: center center;">
|
||||
<div class="container container2">
|
||||
<div class="row" id="boxes">
|
||||
<div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
|
||||
<div class="card vision">
|
||||
<div class="icon"><i class="fa-solid fa-eye"></i></div>
|
||||
<h2>Vision</h2>
|
||||
<p>To build a world where individuals recovering from drug abuse have access to support, opportunities, and a strong community to help them lead fulfilling lives as future leaders.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
|
||||
<div class="card mission">
|
||||
<div class="icon"><i class="fa-solid fa-rocket"></i></div>
|
||||
<h2>Mission</h2>
|
||||
<p> Empower recovering individuals through mental health support, skills training, job opportunities, and community engagement.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12 col-xs-12 wow fadeInUp" id="card-part">
|
||||
<div class="card goal">
|
||||
<div class="icon"><i class="fa-solid fa-medal"></i></div>
|
||||
<h2>Goal</h2>
|
||||
<p> Reduce relapse, expand counseling, strengthen community support, and develop leadership among the recovering community.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- we are providing the online course in global world part -->
|
||||
<section class="ab_area section-padding overflow-hidden">
|
||||
<div class="container">
|
||||
<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" style="height: 100%;">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/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>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> 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="#">
|
||||
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;">
|
||||
|
||||
<!-- Free Courses Card -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12">
|
||||
<div class="single_ins"
|
||||
style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/aboutpage.png'); background-size: cover; background-position: center center;">
|
||||
<div class="single_ins_content">
|
||||
<h4>Build Your Career</h4>
|
||||
<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>
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12">
|
||||
<div class="single_ins"
|
||||
style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/aboutpage.png'); background-size: cover; background-position: center center;">
|
||||
<div class="single_ins_content">
|
||||
<h4>Build Your Career</h4>
|
||||
<h1>Lets message us</h1>
|
||||
<p>Learn at your own pace, move between multiple courses.</p>
|
||||
<a class="btn_one btn222" href="./contact.html">Contact now <i class="bi bi-arrow-up-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php get_footer(); ?>
|
||||
110
templates/bit.php
Normal file
110
templates/bit.php
Normal file
@@ -0,0 +1,110 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: bit page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
|
||||
<!-- HERO WITH IMAGE -->
|
||||
<section class="bit-hero">
|
||||
<div class="container hero-grid animate">
|
||||
<div>
|
||||
<span class="badge">KU Affiliated</span>
|
||||
<h1>Bachelor of Information Technology (BIT)</h1>
|
||||
<p>
|
||||
Build a strong foundation in modern IT, software development, and computing
|
||||
technologies at South City College of Science and Technology.
|
||||
</p>
|
||||
<a href="#" class="btn-primary">Apply Now</a>
|
||||
</div>
|
||||
|
||||
<div class="hero-image">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/bit.png" alt="BIT Students">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- OVERVIEW -->
|
||||
<section class="bit-details">
|
||||
<div class="container grid">
|
||||
|
||||
<div class="content animate">
|
||||
<h2>Program Overview</h2>
|
||||
<p>
|
||||
The BIT program focuses on developing skilled IT professionals with strong
|
||||
analytical thinking, programming skills, and real-world problem-solving ability.
|
||||
</p>
|
||||
|
||||
<h3>Why Choose BIT at South City?</h3>
|
||||
<ul>
|
||||
<li><i class="bi bi-check2"></i> Hands-on practical learning</li>
|
||||
<li><i class="bi bi-check2"></i> Modern computer labs</li>
|
||||
<li><i class="bi bi-check2"></i> Project & research-based education</li>
|
||||
<li><i class="bi bi-check2"></i> Experienced faculty members</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image-card animate">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" alt="Computer Lab">
|
||||
<span>Modern Computer Labs</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FEATURES WITH ICON STYLE -->
|
||||
<section class="bit-features">
|
||||
<div class="container">
|
||||
<h2 class="animate">Key Learning Areas</h2>
|
||||
|
||||
<div class="features-grid">
|
||||
<div class="feature-box animate">
|
||||
<img src="images/programming.jpg" alt="">
|
||||
<h4>Programming</h4>
|
||||
<p>C, Java, Python & modern frameworks</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-box animate">
|
||||
<img src="images/web.jpg" alt="">
|
||||
<h4>Web Development</h4>
|
||||
<p>HTML, CSS, JS & backend technologies</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-box animate">
|
||||
<img src="images/database.jpg" alt="">
|
||||
<h4>Database Systems</h4>
|
||||
<p>SQL, data modeling & management</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-box animate">
|
||||
<img src="images/network.jpg" alt="">
|
||||
<h4>Networking</h4>
|
||||
<p>Computer networks & security basics</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CAREER + IMAGE -->
|
||||
<section class="bit-career">
|
||||
<div class="container career-grid">
|
||||
<div class="career-image animate video-box">
|
||||
<video autoplay muted loop playsinline>
|
||||
<source src="http://localhost/sccst/wp-content/uploads/2025/12/bit-video.mp4" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div class="career-content animate">
|
||||
<h2>Career Opportunities</h2>
|
||||
<ul>
|
||||
<li><i class="bi bi-check2"></i> Software Developer</li>
|
||||
<li><i class="bi bi-check2"></i> Web & Mobile App Developer</li>
|
||||
<li><i class="bi bi-check2"></i> System Analyst</li>
|
||||
<li><i class="bi bi-check2"></i> Database Administrator</li>
|
||||
<li><i class="bi bi-check2"></i> IT Trainer</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php get_footer(); ?>
|
||||
78
templates/blog-list.php
Normal file
78
templates/blog-list.php
Normal file
@@ -0,0 +1,78 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Template Name: blog page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Blogs</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / Blogs</li>
|
||||
</ul>
|
||||
</div>
|
||||
</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;">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title text-center">
|
||||
<h2>Latest Blog & News</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>
|
||||
<?php
|
||||
|
||||
$args = array(
|
||||
'posts_per_page' => -1, // Fetch all posts
|
||||
|
||||
);
|
||||
$query = new WP_Query($args);
|
||||
?>
|
||||
<!-- Blog Entries -->
|
||||
<div class="row g-4">
|
||||
<?php
|
||||
if($query->have_posts()) : while ($query->have_posts()) : $query->the_post();
|
||||
$categories = get_the_category();
|
||||
?>
|
||||
<!-- Blog 1 -->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12 mb-4 blog-card122">
|
||||
<div class="single_blog">
|
||||
<a href="<?php the_permalink(); ?>"><img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" class="img-fluid" alt="image">
|
||||
</a>
|
||||
<div class="content_box">
|
||||
<span>
|
||||
<div>
|
||||
<i class="fa-solid fa-calendar-days"></i> <?= the_date('M d, Y'); ?>
|
||||
</div>
|
||||
<?php
|
||||
// Display category names
|
||||
if (!empty($categories)) {
|
||||
foreach ($categories as $category) {
|
||||
echo '<a href="' . esc_url(get_category_link($category->term_id)) . '"> <i class="fas fa-th-list"></i> ' . esc_html($category->name) . '</a>';
|
||||
}
|
||||
} else {
|
||||
echo 'Uncategorized';
|
||||
}
|
||||
?>
|
||||
|
||||
</span>
|
||||
<h2><a href="<?php the_permalink(); ?>"><?= esc_html(mb_substr(get_the_title(), 0, 26)) . (strlen(get_the_title()) > 26 ? '...':'');?></a></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endwhile; wp_reset_postdata(); endif;?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
<?php get_footer(); ?>
|
||||
123
templates/btech.php
Normal file
123
templates/btech.php
Normal file
@@ -0,0 +1,123 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: btech page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
|
||||
<!-- HERO WITH IMAGE -->
|
||||
<section class="bit-hero">
|
||||
<div class="container hero-grid animate">
|
||||
<div>
|
||||
<span class="badge">Kathmandu University Affiliated</span>
|
||||
<h1>Bachelor of Technical Education (B.Tech. Ed.) in Information Technology</h1>
|
||||
<p>
|
||||
The B.Tech. Ed. in Information Technology program prepares competent IT professionals
|
||||
with strong technical expertise and teaching skills for both industry and academic careers.
|
||||
</p>
|
||||
<a href="#" class="btn-primary">Apply Now</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="hero-image">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/btech.png" alt="BIT Students">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- OVERVIEW -->
|
||||
<section class="bit-details">
|
||||
<div class="container grid">
|
||||
|
||||
<div class="content animate">
|
||||
<h2>Program Overview</h2>
|
||||
<p>
|
||||
The Bachelor of Technical Education (B.Tech. Ed.) in Information Technology is a
|
||||
four-year undergraduate program designed to produce skilled IT professionals
|
||||
who are also qualified technical educators. The program integrates modern
|
||||
information technology with pedagogical and educational training.
|
||||
</p>
|
||||
|
||||
<h3>Why Choose B.Tech. Ed. IT at South City?</h3>
|
||||
<ul>
|
||||
<li>Combination of IT skills and teaching methodology</li>
|
||||
<li>Strong focus on practical and lab-based learning</li>
|
||||
<li>Industry-relevant IT curriculum</li>
|
||||
<li>Training for teaching, training, and professional careers</li>
|
||||
<li>Experienced academic and technical faculty</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="image-card animate">
|
||||
<img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" alt="Computer Lab">
|
||||
<span>Advanced IT & Teaching Labs</span>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- FEATURES WITH ICON STYLE -->
|
||||
<section class="bit-features">
|
||||
<div class="container">
|
||||
<h2 class="animate">Key Learning Areas</h2>
|
||||
|
||||
<div class="features-grid">
|
||||
<div class="feature-box animate">
|
||||
<img src="images/programming.jpg" alt="">
|
||||
<h4>Programming & Software Development</h4>
|
||||
<p>C, Java, Python, Object-Oriented Programming</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="feature-box animate">
|
||||
<img src="images/web.jpg" alt="">
|
||||
<h4>Web & Application Development</h4>
|
||||
<p>Frontend, Backend, Database-driven applications</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="feature-box animate">
|
||||
<img src="images/database.jpg" alt="">
|
||||
<h4>Computer Systems & Networking</h4>
|
||||
<p>Operating Systems, Networking, Security fundamentals</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="feature-box animate">
|
||||
<img src="images/network.jpg" alt="">
|
||||
<h4>Educational Technology</h4>
|
||||
<p>Teaching methods, curriculum development, ICT in education</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CAREER + IMAGE -->
|
||||
<section class="bit-career">
|
||||
<div class="container career-grid">
|
||||
<div class="career-image animate video-box">
|
||||
<video autoplay muted loop playsinline>
|
||||
<source src="http://localhost/sccst/wp-content/uploads/2025/12/bit-video.mp4" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<div class="career-content animate">
|
||||
<h2>Career Opportunities</h2>
|
||||
<ul>
|
||||
<li>IT Instructor / Technical Teacher</li>
|
||||
<li>Software Developer</li>
|
||||
<li>Web & Mobile Application Developer</li>
|
||||
<li>System Analyst</li>
|
||||
<li>IT Officer / Network Administrator</li>
|
||||
<li>Technical Trainer (TVET / Training Institutes)</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php get_footer(); ?>
|
||||
123
templates/contact.php
Normal file
123
templates/contact.php
Normal file
@@ -0,0 +1,123 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: contact page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
<section class="section-top" >
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Get In Touch</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / Contact</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact" class="contact_area pt-0 overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="section-title section-title111" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<h2>Do you have any Query?<br>Submit Your message.</h2>
|
||||
</div>
|
||||
<!-- Contact Form Section -->
|
||||
<div class="col-lg-7 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<div class="contact">
|
||||
<form class="form" method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>">
|
||||
|
||||
<?php wp_nonce_field('contact_form_nonce', 'contact_nonce'); ?>
|
||||
<input type="hidden" name="action" value="submit_contact_form">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="form-group col-md-6">
|
||||
<label>Name</label>
|
||||
<input type="text" name="name" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6">
|
||||
<label>Your Email</label>
|
||||
<input type="email" name="email" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6">
|
||||
<label>Your Contact Number</label>
|
||||
<input type="text" name="contact_number" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-6">
|
||||
<label>Your Subject</label>
|
||||
<input type="text" name="subject" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label>Your Message</label>
|
||||
<textarea rows="6" name="message" class="form-control" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<button type="submit" class="view-events-btn">
|
||||
<i class="fa-regular fa-paper-plane"></i> Send Message
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<div class="contact-section">
|
||||
<!-- Google Map Section -->
|
||||
<div class="map-container">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d349918.929166137!2d25.607028971741746!3d44.426763482132836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b20f8d4e9c22b3%3A0xe381d77b3f7bcf7d!2z0KDQvtCy0YDQsdGB0YLQuCDQu9Gf0YHQutCw!5e0!3m2!1sen!2sus!4v1588903576721!5m2!1sen!2sus"
|
||||
allowfullscreen
|
||||
aria-hidden="false"
|
||||
tabindex="0">
|
||||
</iframe>
|
||||
</div>
|
||||
|
||||
<!-- Footer Section -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info">
|
||||
<div class="contact-item">
|
||||
<a href="mailto:needhelp@company.com">
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
<div class="data">
|
||||
<span>needhelp@company.com</span>
|
||||
<span>needhelp@company.com</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<a href="tel:+90840938334">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
<div class="data">
|
||||
<span>+90840938334</span>
|
||||
<span>+977-9843484384</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<a href="mailto:needhelp@company.com">
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
<div class="data">
|
||||
<span>Birgunj-15</span>
|
||||
<span>Birgunj, Parsa</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php get_footer(); ?>
|
||||
83
templates/event-list.php
Normal file
83
templates/event-list.php
Normal file
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Template Name: event page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Events</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / events</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<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">
|
||||
|
||||
<?php
|
||||
$args = [
|
||||
'post_type' => 'event',
|
||||
'posts_per_page' => -1,
|
||||
'post_status' => 'publish',
|
||||
|
||||
];
|
||||
|
||||
$events = new WP_Query($args);
|
||||
|
||||
if ($events->have_posts()) :
|
||||
while ($events->have_posts()) : $events->the_post();
|
||||
$event_date1 = get_the_date('j');
|
||||
$event_date2 = get_the_date('M');
|
||||
$event_image = get_the_post_thumbnail_url(get_the_ID(), 'full');
|
||||
$event_time = get_field('event_time');
|
||||
$event_location = get_field('event_location');
|
||||
$event_title = get_the_title();
|
||||
?>
|
||||
<div class="col-md-4 event123 gallery-item">
|
||||
<a href="<?php the_permalink(); ?>">
|
||||
<div class="card event-card event-list1">
|
||||
<img src="<?= esc_url($event_image); ?>" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month"><?= esc_attr($event_date1); ?></span>
|
||||
<span class="day"><?= esc_attr($event_date2); ?></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><?= esc_attr($event_time); ?></span>
|
||||
<span><i class="bi bi-geo-alt"></i><?= esc_attr($event_location); ?></span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
<?= esc_html(mb_substr($event_title, 0, 30)) . (mb_strlen($event_title) > 30 ? '...' : ''); ?>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<?php endwhile; wp_reset_postdata(); endif; ?>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
<?php get_footer(); ?>
|
||||
73
templates/image.php
Normal file
73
templates/image.php
Normal file
@@ -0,0 +1,73 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: image page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
<section class="section-top" >
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Explore Our Gallery</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / Images</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="gallery-area pt-100 pb-100">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<?php
|
||||
$args = [
|
||||
'post_type' => 'gallery',
|
||||
'posts_per_page' => -1,
|
||||
'post_status' => 'publish',
|
||||
];
|
||||
|
||||
$result = new WP_Query($args);
|
||||
|
||||
if ($result->have_posts()) :
|
||||
while ($result->have_posts()) : $result->the_post();
|
||||
|
||||
$image_url = get_field('image'); // ACF image field
|
||||
$title = get_the_title();
|
||||
$desc = get_the_content();
|
||||
|
||||
if ($image_url) :
|
||||
?>
|
||||
<!-- Image with Lightbox -->
|
||||
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
|
||||
<a href="<?php echo esc_url($image_url); ?>" data-fancybox="gallery" data-caption="Caption 1">
|
||||
<div class="gallery-img">
|
||||
<img src="<?php echo esc_url($image_url); ?>" alt="Image 1">
|
||||
<div class="hover-effect">
|
||||
<h2><?php echo esc_html($title); ?></h2>
|
||||
<p> <?php
|
||||
echo esc_html(
|
||||
mb_substr(wp_strip_all_tags($desc), 0, 20) .
|
||||
(mb_strlen(wp_strip_all_tags($desc)) > 20 ? '...' : '')
|
||||
);
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
endif;
|
||||
endwhile;
|
||||
endif;
|
||||
|
||||
wp_reset_postdata();
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
<?php get_footer(); ?>
|
||||
93
templates/video.php
Normal file
93
templates/video.php
Normal file
@@ -0,0 +1,93 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: video page
|
||||
|
||||
*/
|
||||
get_header(); ?>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Explore Our Gallery</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / Videos</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="custom-gallery-container">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<?php
|
||||
$args = array(
|
||||
'post_type' => 'video',
|
||||
'posts_per_page' => -1,
|
||||
'post_status' => 'publish'
|
||||
);
|
||||
|
||||
$result = new WP_Query($args);
|
||||
|
||||
if ($result->have_posts()) :
|
||||
while ($result->have_posts()) : $result->the_post();
|
||||
|
||||
$video_url = get_field('youtube_video'); // SINGLE ACF field
|
||||
$title = get_the_title();
|
||||
$desc = get_the_content();
|
||||
|
||||
if (!$video_url) continue;
|
||||
|
||||
// Extract YouTube Video ID
|
||||
if (preg_match('/(?:youtube\.com\/.*v=|youtu\.be\/)([^"&?\/\s]{11})/', $video_url, $matches)) {
|
||||
$video_id = $matches[1];
|
||||
} else {
|
||||
continue;
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="col-lg-3 col-md-6 mb-3 custom-gallery-item gallery-item">
|
||||
<a href="#"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#videoModal"
|
||||
data-video="https://www.youtube.com/embed/<?php echo esc_attr($video_id); ?>"
|
||||
data-type="youtube">
|
||||
|
||||
<div class="custom-gallery-img">
|
||||
<img src="https://img.youtube.com/vi/<?php echo esc_attr($video_id); ?>/mqdefault.jpg"
|
||||
class="img-fluid"
|
||||
alt="<?php echo esc_attr($title); ?>">
|
||||
|
||||
<div class="play-icon">
|
||||
<i class="fas fa-play"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="video-description">
|
||||
<h3><?php echo esc_html($title); ?></h3>
|
||||
<p>
|
||||
<?php
|
||||
echo esc_html(mb_substr(wp_strip_all_tags($desc), 0, 50));
|
||||
echo (mb_strlen($desc) > 50) ? '...' : '';
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
endwhile;
|
||||
wp_reset_postdata();
|
||||
endif;
|
||||
?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
<?php get_footer(); ?>
|
||||
Reference in New Issue
Block a user