Initial Commit

This commit is contained in:
Roshan476
2025-12-31 13:56:10 +05:45
commit a08ad2c446
89 changed files with 66903 additions and 0 deletions

44
home-parts/banner.php Normal file
View File

@@ -0,0 +1,44 @@
<section class="cta -type-1 layout-pt-lg layout-pb-lg">
<div data-parallax="0.6" class="cta__bg">
<div
data-parallax-target="true"
class="bg-image js-lazy"
style="background-image: url('http://localhost/sccst/wp-content/uploads/2025/12/bg.png');"
></div>
</div>
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-auto">
<h2 class="text-45 md:text-30 text-white">
Find the right learning path for you
</h2>
</div>
<div class="w-100"></div>
<div class="col-lg-4 col-md-8">
<p class="text-white mt-15">
Match your goals to our programs, explore your options and map out your
path to success.
</p>
</div>
<div class="w-100"></div>
<!-- <div class="col-auto">
<a
class="button -md -outline-white text-white mt-45 md:mt-20"
href="/courses-list-3"
>
Get Started Now
<i class="bi bi-arrow-up-right"></i>
</a>
</div> -->
</div>
</div>
</section>

66
home-parts/blog.php Normal file
View File

@@ -0,0 +1,66 @@
<!-- 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 &amp; 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>
<!-- Blog Entries -->
<div class="row g-4">
<?php
$args = array('posts_per_page' => 3); // Adjust 'showposts' to 'posts_per_page' (modern WordPress practice)
$result = new WP_Query($args);
while ($result->have_posts()) : $result->the_post();
$categories = get_the_category();
?>
<!-- Blog 1 -->
<div class="col-lg-4 col-sm-6 col-xs-12">
<div class="single_blog">
<img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" class="img-fluid" alt="image">
<div class="content_box">
<span><?= the_date('M d, Y'); ?>| <a href="<?php the_permalink(); ?>">Education</a></span>
<h2><a href="<?php the_permalink(); ?>"><?= esc_html(mb_substr(get_the_title(), 0, 26)) . (strlen(get_the_title()) > 26 ? '...':'');?></a></h2>
<a class="btn_one" href="<?php the_permalink(); ?>">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div>
<?php endwhile; wp_reset_postdata();?>
<!-- Blog 2 -->
<!-- <div class="col-lg-4 col-sm-6 col-xs-12">
<div class="single_blog">
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 16, 2024 | <a href="/blog">Education</a></span>
<h2><a href="./blog-detail.html">P rofessional Ceramic Moulding for Beginner</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div> -->
<!-- Blog 3 -->
<!-- <div class="col-lg-4 col-sm-6 col-xs-12">
<div class="single_blog">
<img src="assets/image/blog.png" class="img-fluid" alt="image">
<div class="content_box">
<span>May 18, 2024 | <a href="/blog">Programming</a></span>
<h2><a href="./blog-detail.html">Education Is About Create Leaders For Tomorrow</a></h2>
<a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
</div> -->
</div>
<div class="blog-btn">
<a class="" href="/blog-list.html" style="text-decoration: underline !important;">
view all
<i class="bi bi-arrow-up-right"></i>
</i>
</a>
</div>
</div>
</section>

98
home-parts/course.php Normal file
View File

@@ -0,0 +1,98 @@
<!-- Courses that we offer -->
<section id="course" data-component="liftout-placeholder" class="component-content">
<div class="section-title text-center">
<h2>Courses that we offer</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="column__stack column__full">
<div class="image__liftout">
<div class="_image">
<img
src="http://localhost/sccst/wp-content/uploads/2025/12/image.png"
alt="UWA21_3 [SENG5591].jpg"
loading="lazy"
width="600"
height="450"
decoding="async"
data-nimg="1"
style="color: transparent;"
/>
</div>
<div class="_copy rich-text">
<h3> BTechEdIT (Bachelor of Technical Education in IT)</h3>
<div class="ck-content">
<p>
This is a place for belonging. Where the best stories start.
Here, friendships flourish and support is always just a conversation away.
</p>
</div>
<p>
<a
href="#"
class="button _medium _secondary"
id="image-liftout-cta-btn-secondary"
data-bs-toggle="modal"
data-bs-target="#applyModal"
>
Apply Now
<i class="bi bi-arrow-up-right"></i>
</a>
</p>
</div>
</div>
</div>
<div class="column__stack column__full">
<div class="image__liftout">
<div class="_copy rich-text">
<h3> BIT(Bachelor in Information Technology)</h3>
<div class="ck-content">
<p>
This is a place for belonging. Where the best stories start.
Here, friendships flourish and support is always just a conversation away.
</p>
</div>
<p>
<a
href="/life-at-uwa"
class="button _medium _secondary"
id="image-liftout-cta-btn-secondary"
data-bs-toggle="modal" data-bs-target="#applyModal"
>
Apply Now
<i class="bi bi-arrow-up-right"></i>
</a>
</p>
</div>
<div class="_image">
<img
src="http://localhost/sccst/wp-content/uploads/2025/12/image2.png"
alt="UWA21_3 [SENG5591].jpg"
loading="lazy"
width="600"
height="450"
decoding="async"
data-nimg="1"
style="color: transparent;"
/>
</div>
</div>
</div>
</section>

161
home-parts/event.php Normal file
View File

@@ -0,0 +1,161 @@
<!-- 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">
<?php
$args = [
'post_type' => 'event',
'posts_per_page' => 2, // Fetch at least 6 latest events
'post_status' => 'publish',
];
$events = new WP_Query($args);
if ($events->have_posts()) :
$counter = 0;
while ($events->have_posts()) : $events->the_post();
$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();
$event_date1 = get_the_date('j');
$event_date2 = get_the_date('M');
?>
<!-- Left Big Event -->
<div class="col-md-4 event123">
<a href="./blog-detail.html">
<div class="card event-card">
<img src="<?= esc_url($event_image); ?>" alt="<?= esc_attr($event_title); ?>">
<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;?>
<!-- Right Side Event List -->
<div class="col-md-4 event111">
<div class="event-list">
<?php
$args = [
'post_type' => 'event',
'posts_per_page' => 2, // Fetch at least 6 latest events
'post_status' => 'publish',
'offset'=>2,
];
$events = new WP_Query($args);
if ($events->have_posts()) :
$counter = 0;
while ($events->have_posts()) : $events->the_post();
$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();
?>
<!-- Event Item -->
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="<?php the_permalink(); ?>">
<img src="<?= esc_url($event_image); ?>" alt="">
</a>
</div>
<div class="col-md-7">
<div class="event-meta small">
<span><i class="bi bi-calendar-event"></i> <?php echo esc_html( get_the_date('j F') ); ?></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>
<a href="<?php the_permalink(); ?>">
<h3 class="event-title-small">
<?= esc_html(mb_substr($event_title, 0, 30)) . (mb_strlen($event_title) > 30 ? '...' : ''); ?>
</h3>
</a>
</div>
<hr>
</div>
</div>
<?php endwhile; wp_reset_postdata(); endif;?>
<!-- Event Item -->
<div class="side-post">
<div class="row">
<div class="col-md-5">
<a href="./event-detail.html">
<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="./event-detail.html">
<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>

91
home-parts/feature.php Normal file
View File

@@ -0,0 +1,91 @@
<!-- Why learn our courses -->
<section class="layout-pt-lg layout-pb-lg bg-dark-2">
<div class="container">
<div class="row d-flex justify-content-center text-center">
<div class="col-auto">
<div class="sectionTitle">
<h2
class="sectionTitle__title text-white aos-init aos-animate"
data-aos="fade-up"
data-aos-duration="800"
>
Why learn with our courses?
</h2>
<p
class="sectionTitle__text text-white aos-init aos-animate"
data-aos="fade-up"
data-aos-duration="800"
>
Lorem ipsum dolor sit amet, consectetur.
</p>
</div>
</div>
</div>
<div class="row y-gap-30 pt-50">
<!-- Step 01 -->
<div
class="col-lg-4 col-md-6 aos-init aos-animate"
data-aos="fade-up"
data-aos-duration="400"
>
<div class="stepCard -type-1 -stepCard-hover">
<div class="stepCard__content">
<div class="stepCard__icon">
<i class="icon-online-learning-4 text-64 text-green-1"></i>
</div>
<h4 class="stepCard__title">01. Learn</h4>
<p class="stepCard__text">
Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit.
Felis donec massa aliqua.
</p>
</div>
</div>
</div>
<!-- Step 02 -->
<div
class="col-lg-4 col-md-6 aos-init aos-animate"
data-aos="fade-up"
data-aos-duration="800"
>
<div class="stepCard -type-1 -stepCard-hover">
<div class="stepCard__content">
<div class="stepCard__icon">
<i class="icon-graduation-1 text-64 text-green-1"></i>
</div>
<h4 class="stepCard__title">02. Graduate</h4>
<p class="stepCard__text">
Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit.
Felis donec massa aliqua.
</p>
</div>
</div>
</div>
<!-- Step 03 -->
<div
class="col-lg-4 col-md-6 aos-init aos-animate"
data-aos="fade-up"
data-aos-duration="1200"
>
<div class="stepCard -type-1 -stepCard-hover">
<div class="stepCard__content">
<div class="stepCard__icon">
<i class="icon-working-at-home-2 text-64 text-green-1"></i>
</div>
<h4 class="stepCard__title">03. Work</h4>
<p class="stepCard__text">
Lorem ipsum dolor sit amet, consectetur dolorili adipiscing elit.
Felis donec massa aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@@ -0,0 +1,76 @@
<div class="banner v__2">
<div class="banner__wrapper">
<div class="hp-hero__video-container position-relative">
<?php
$intro_query = new WP_Query([
'post_type' => 'introduction',
'posts_per_page' => 1,
'post_status' => 'publish'
]);
if ($intro_query->have_posts()) :
while ($intro_query->have_posts()) : $intro_query->the_post();
$intro_video = get_field('introduction_video');
if ($intro_video) :
?>
<video
class="hp-hero__video"
muted
loop
playsinline
preload="metadata"
autoplay
>
<source
src="<?php echo esc_url($intro_video['url']); ?>"
type="<?php echo esc_attr($intro_video['mime_type']); ?>"
>
</video>
<?php
endif;
endwhile;
wp_reset_postdata();
endif;
?>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="banner__slides--container banner__height">
<div class="banner__slides--content ">
<div class="banner__slides--content--sub">
Welcome to
</div>
<h1 class="banner__slides--content--title">
<img
src="https://www.eemc.edu.np/uploads/sliders/1729053855.svg"
alt="cap"
>
South City College of Science And Technology
</h1>
<a
href="./aboutpage.html"
class="rts-theme-btn btn-arrow"
>
Learn More
<span>
<i class="bi bi-arrow-up-right"></i>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,53 @@
<!-- start your journey part -->
<section class="top_cat__area section-padding pb-0 overflow-hidden"
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">
<h2>Start your journey With us</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>
<!-- Features -->
<div class="row g-4">
<!-- Feature 1 -->
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp">
<div class="single_tp">
<span class="sc_one">01</span>
<h3>Expert <br>Teacher</h3>
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
</div>
</div>
<!-- Feature 2 -->
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
<div class="single_tp">
<span class="sc_two">02</span>
<h3>Quality <br>Education</h3>
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
</div>
</div>
<!-- Feature 3 -->
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
<div class="single_tp">
<span class="sc_three">03</span>
<h3>Remote <br>Learning</h3>
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
</div>
</div>
<!-- Feature 4 -->
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
<div class="single_tp">
<span class="sc_four">04</span>
<h3>Life Time <br>Support</h3>
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
</div>
</div>
</div>
</div>
</section>

140
home-parts/testimonial.php Normal file
View File

@@ -0,0 +1,140 @@
<section class="testi_area overflow-hidden">
<div class="container">
<!-- Section Title -->
<div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
<h2>What Students Say To Do <br>Their Courses</h2>
</div>
<div class="row g-4">
<!-- Left Image 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_img">
<img src="http://localhost/sccst/wp-content/uploads/2025/12/lab.png" class="img-fluid" alt="image">
</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">
<div class="swiper-wrapper">
<?php
// Query Testimonials
$args = [
'post_type' => 'testimonial',
'posts_per_page' => -1,
'post_status' => 'publish'
];
$testimonials = new WP_Query($args);
if($testimonials->have_posts()) :
while($testimonials->have_posts()) : $testimonials->the_post();
$name = get_field('name');
$text = get_field('testimonial_text');
$position = get_field('position');
$rating = get_field('rating'); // 1-5
?>
<!-- Testimonial 1 -->
<div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
<img src="./assets/images/message.png" alt="">
<div class="testimonial_content">
<?php
for ($i = 1; $i <= 5; $i++) {
if ($i <= $rating) {
echo '<i class="bi bi-star-fill" style="color:#ffc107"></i>';
} else {
echo '<i class="bi bi-star" style="color:#ccc"></i>';
}
}
?>
<p> <?php the_content(); ?></p>
</div>
<div class="testi_pic_title">
<img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" alt="img">
<h4><?php echo esc_html($name); ?></h4>
<p><?php echo esc_html($position); ?></p>
</div>
</div>
<?php
endwhile;
wp_reset_postdata();
endif;
?>
<!-- Testimonial 1 -->
<div class="swiper-slide swiper-slide-active testimonial" style="width: 636px; margin-right: 40px;">
<img src="./assets/images/message.png" alt="">
<div class="testimonial_content">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<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 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" style="width: 636px; margin-right: 40px;">
<img src="./assets/images/message.png" alt="">
<div class="testimonial_content">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<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 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" style="width: 636px; margin-right: 40px;">
<img src="./assets/images/message.png" alt="">
<div class="testimonial_content">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<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 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" style="width: 636px; margin-right: 40px;">
<img src="./assets/images/message.png" alt="">
<div class="testimonial_content">
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<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 class="testi_pic_title">
<img src="./assets/image/image3.png" alt="img">
<h4>hello hello</h4>
<p>developer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

33
home-parts/why-choose.php Normal file
View File

@@ -0,0 +1,33 @@
<section class="ab_area section-padding overflow-hidden">
<div class="container">
<div class="row g-4">
<!-- 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 <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 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 Our Courses <i class="bi bi-arrow-up-right"></i></a>
</div>
</div>
<!-- Right 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="ab_img">
<img src="http://localhost/sccst/wp-content/uploads/2025/12/school.png" class="img-fluid" alt="image">
<div class="home_ps2">
<span class="fa-solid fa-book"></span>
<h2 class=""></h2>
<p>Genuine Courses</p>
</div>
</div>
</div>
</div>
</div>
</section>