1321 lines
56 KiB
HTML
1321 lines
56 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="/assets/images/header-image.svg" type="image/gif" />
|
||
<title>South City College of Science And Technology</title>
|
||
<link rel="stylesheet" href="./assets/css/coures/style.css">
|
||
|
||
<link rel="stylesheet" href="./assets/style.css">
|
||
<!-- Link to Bootstrap CSS -->
|
||
<link rel="stylesheet" href="./assets/bootstraps/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="./assets/bootstraps/js/bootstrap.bundle.min.js">
|
||
|
||
|
||
<!-- Link to Font Awesome (via CDN) -->
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
||
|
||
<!-- themify-icons -->
|
||
<link href="
|
||
https://cdn.jsdelivr.net/npm/@icon/themify-icons@1.0.1-alpha.3/themify-icons.min.css
|
||
" rel="stylesheet">
|
||
|
||
<!-- bootstraps icons -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||
|
||
<!-- Swiper CSS -->
|
||
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
|
||
|
||
<!-- Swiper JS -->
|
||
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
||
|
||
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
||
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||
<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>
|
||
<!-- 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;">
|
||
|
||
|
||
<div class="side-menu-items">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span>HOME</span>
|
||
</a>
|
||
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="./aboutpage.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span>ABOUT</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span> Courses</span>
|
||
<i class="fas fa-chevron-down"></i>
|
||
</a>
|
||
<ul class="subdropdown-menu ">
|
||
<li>
|
||
<a href="#">
|
||
BIT
|
||
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
BTechEdIT
|
||
</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./event-list.html"><span>Events</span></a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./blog-list.html"><span>Blogs</span></a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<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 ">
|
||
<li>
|
||
<a href="./image.html">
|
||
Images
|
||
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="./videos.html">
|
||
Videos
|
||
</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./contactpage.html"><span>CONTACT</span></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="social_profile">
|
||
<ul>
|
||
<li><a class="f_facebook" href="/"><i class="bi bi-facebook"></i></a></li>
|
||
<li><a class="f_twitter" href="/"><i class="bi bi-twitter"></i></a></li>
|
||
<li><a class="f_instagram" href="/"><i class="bi bi-instagram"></i></a></li>
|
||
<li><a class="f_linkedin" href="/"><i class="bi bi-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section id="navbar" >
|
||
<div class="header-top-wrap">
|
||
<div class="row justify-content-between align-items-center g-0">
|
||
|
||
<!-- Left Section -->
|
||
<div class="col-lg-7">
|
||
<div class="header-top-left">
|
||
<ul class="list-wrap">
|
||
<li>
|
||
<i class="fa-solid fa-location-dot"></i>
|
||
<a href="#">Birgunj-15,Parsa</a>
|
||
</li>
|
||
<li>
|
||
<i class="fa-regular fa-envelope"></i>
|
||
<a href="mailto:#">
|
||
sample@abc.edu.np
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Right Section -->
|
||
<div class="col-lg-2 ps-5">
|
||
<div class="header-top-right">
|
||
<div class="header-social">
|
||
<ul class="list-wrap">
|
||
<li>
|
||
<a target="_blank" href="#">
|
||
<i class="fab fa-facebook-f"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" href="#">
|
||
<i class="fab fa-instagram"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" href="#">
|
||
<i class="fab fa-youtube"></i>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" href="#">
|
||
<i class="fab fa-linkedin"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||
<div class="container-fluid">
|
||
|
||
<div class="navbar-logo">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="./assets/image/scc.png" alt="">
|
||
</a>
|
||
</div>
|
||
|
||
<button type="button" class="navbar-toggler" type="button" style="border: none;"
|
||
data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">
|
||
<div class="hamburgermenu">
|
||
<div class="hamburger line-1"></div>
|
||
<div class="hamburger line-2"></div>
|
||
<div class="hamburger line-3"></div>
|
||
</div>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span>HOME</span>
|
||
</a>
|
||
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link " href="/aboutpage.html">
|
||
<span>ABOUT</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span>Courses</span>
|
||
<i class="fas fa-chevron-down"></i>
|
||
|
||
</a>
|
||
<ul class="subdropdown-menu ">
|
||
<li>
|
||
<a href="./bit-detail.html">BIT</a>
|
||
</li>
|
||
<li>
|
||
<a href="./btechedith.html">BTechEdIT</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="./event-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span> events</span>
|
||
</a>
|
||
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<span>Blogs</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<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">
|
||
<a href="/image.html">Photos</a>
|
||
</li>
|
||
<li class="vdo">
|
||
<a href="/videos.html">Videos</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./contact.html"><span>CONTACT</span></a>
|
||
</li>
|
||
<!-- <li class="nav-item">
|
||
<a class="nav-link apply-now" href="./contactpage.html">
|
||
<span>Apply Now</span>
|
||
</a>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-20 d-none d-lg-block text-end align-self-center header-action-container apply1">
|
||
<a href="#">
|
||
<button class="btn apply-btn px-4 py-2" data-bs-toggle="modal" data-bs-target="#applyModal">
|
||
Apply Now
|
||
</button>
|
||
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</section>
|
||
<div class="after-nabar">
|
||
<div class="banner v__2">
|
||
<div class="banner__wrapper">
|
||
<div class="hp-hero__video-container position-relative">
|
||
<video
|
||
loading="lazy"
|
||
class="hp-hero__video"
|
||
id="hp-hero__video"
|
||
muted
|
||
loop
|
||
playsinline
|
||
preload="metadata"
|
||
autoplay
|
||
>
|
||
<source
|
||
src="https://www.eemc.edu.np/uploads/sliders/videos/1729755051.mp4"
|
||
type="video/mp4"
|
||
>
|
||
</video>
|
||
|
||
<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>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- 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="./assets/image/image2.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="./assets/image/image.png"
|
||
alt="UWA21_3 [SENG5591].jpg"
|
||
loading="lazy"
|
||
width="600"
|
||
height="450"
|
||
decoding="async"
|
||
data-nimg="1"
|
||
style="color: transparent;"
|
||
/>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<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('./assets/image/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>
|
||
|
||
<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="./assets/image/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>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- 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">
|
||
<!-- Left Big Event -->
|
||
<div class="col-md-4 event123">
|
||
<a href="./blog-detail.html">
|
||
<div class="card event-card">
|
||
<img src="./assets/image/blog.png" alt="">
|
||
<div class="event-date-badge">
|
||
<span class="month">DEC</span>
|
||
<span class="day">22</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>10:30 AM</span>
|
||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||
</div>
|
||
|
||
<h2 class="event-title">
|
||
National Tech Campaign
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Middle Big Event -->
|
||
|
||
<div class="col-md-4 event123">
|
||
<a href="./blog-detail.html">
|
||
<div class="card event-card">
|
||
<img src="./assets/image/blog.png" alt="">
|
||
<div class="event-date-badge">
|
||
<span class="month">DEC</span>
|
||
<span class="day">23</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>10:30 AM</span>
|
||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||
</div>
|
||
|
||
<h2 class="event-title">
|
||
National Tech Campaign
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- Right Side Event List -->
|
||
<div class="col-md-4 event111">
|
||
<div class="event-list">
|
||
<!-- 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/2023/09/Iphone-15.jpg" alt="">
|
||
</a>
|
||
</div>
|
||
<div class="col-md-7">
|
||
<div class="event-meta small">
|
||
<span><i class="bi bi-calendar-event"></i> 23 December</span>
|
||
<span><i class="bi bi-clock"></i> 11:00 AM</span>
|
||
<span><i class="bi bi-geo-alt"></i>Chitwan</span>
|
||
</div>
|
||
<h3 class="event-title-small">
|
||
Field visit
|
||
</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>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- testimonial -->
|
||
<!-- testimonial area -->
|
||
<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 Student’s 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="/assets/image/school.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">
|
||
|
||
<!-- 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>
|
||
<!-- 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>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- Blog Entries -->
|
||
<div class="row g-4">
|
||
|
||
<!-- Blog 1 -->
|
||
<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 10, 2024 | <a href="/blog">Education</a></span>
|
||
<h2><a href="./blog-detail.html">Professional Mobile Painting and Sculpting</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 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>
|
||
|
||
|
||
|
||
<!-- footer section -->
|
||
<div class="footer section-padding">
|
||
<div class="container">
|
||
<div class="row g-4">
|
||
|
||
<!-- Footer Column 1: Logo and Social Links -->
|
||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||
<div class="single_footer footer-left-image">
|
||
<a href="/"><img src="/assets/image/scc.png" alt="Logo"></a>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae risus nec dui venenatis dignissim.</p>
|
||
<div class="social_profile">
|
||
<ul>
|
||
<li><a class="f_facebook" href="/"><i class="bi bi-facebook"></i></a></li>
|
||
<li><a class="f_twitter" href="/"><i class="bi bi-twitter"></i></a></li>
|
||
<li><a class="f_instagram" href="/"><i class="bi bi-instagram"></i></a></li>
|
||
<li><a class="f_linkedin" href="/"><i class="bi bi-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer Column 2: About Eduleb -->
|
||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||
<div class="single_footer1">
|
||
<h4>About Eduleb</h4>
|
||
<ul>
|
||
<li><a href="/">About us</a></li>
|
||
<li><a href="/">Event</a></li>
|
||
<li><a href="/">Blog</a></li>
|
||
<li><a href="/">Contact us</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer Column 3: Popular Courses -->
|
||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||
<div class="single_footer1">
|
||
<h4>Popular Courses</h4>
|
||
<ul>
|
||
<li><a href="/">BIT</a></li>
|
||
<li><a href="/">Arts & design</a></li>
|
||
<li><a href="/">BTechEdIT</a></li>
|
||
<li><a href="/">Digital Marketing</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- Footer Column 4: Contact Info -->
|
||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||
<div class="single_footer1">
|
||
<h4>Contact Info</h4>
|
||
<div class="sf_contact">
|
||
<i class="fa-solid fa-location-dot"></i>
|
||
<p>Birgunj-15, Birgunj, Parsa</p>
|
||
</div>
|
||
<div class="sf_contact">
|
||
<i class="fa-solid fa-phone"></i>
|
||
<p>+97*********</p>
|
||
</div>
|
||
<div class="sf_contact">
|
||
<i class="fa-brands fa-whatsapp"></i>
|
||
<p><a href="tel:+88457845695">Contact via Whatsapp</a></p>
|
||
</div>
|
||
<div class="sf_contact">
|
||
<i class="fa-regular fa-envelope"></i>
|
||
<p>example@yourmail.com</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer Column 5: Download App -->
|
||
<!-- <div class="col-lg-2 col-sm-6 col-xs-12">
|
||
<div class="single_footer">
|
||
<h4>Download App</h4>
|
||
<p>Download our app from the App Store and Google Play Store.</p>
|
||
<a href="/"><img src="./assets/images/googleplay.jpg" class="foot_img mb-3" alt="Google Play"></a>
|
||
<a href="/"><img src="./assets/images/app-store.jpg" class="foot_img" alt="App Store"></a>
|
||
</div>
|
||
</div> -->
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="foot_copy">
|
||
<div class="footer_copyright">
|
||
<p>© 2025. All Rights Reserved.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- popup fancybox -->
|
||
<a href="./assets/image/ads.png"
|
||
rel="lightbox"
|
||
id="popup"
|
||
style="display:none">popup image</a>
|
||
<!-- 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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||
<!-- popup ads -->
|
||
|
||
<script>
|
||
$(document).ready(function(){
|
||
$("#popup").fancybox().trigger('click');
|
||
});
|
||
</script>
|
||
<script src="/bootstraps/js/bootstrap.bundle.min.js">
|
||
|
||
// popup modal of home
|
||
|
||
window.addEventListener("load", function () {
|
||
if (!localStorage.getItem("noticeSeen")) {
|
||
document.getElementById("noticeOverlay").style.display = "flex";
|
||
}
|
||
});
|
||
|
||
function closeNotice() {
|
||
localStorage.setItem("noticeSeen", "true");
|
||
document.getElementById("noticeOverlay").style.display = "none";
|
||
}
|
||
document.getElementById("noticeOverlay").addEventListener("click", function(e){
|
||
if(e.target === this){
|
||
closeNotice();
|
||
}
|
||
});
|
||
|
||
|
||
|
||
// Add the 'active' class when the page loads
|
||
window.onload = function () {
|
||
document.getElementById('heroSection').classList.add('active');
|
||
};
|
||
|
||
|
||
|
||
// Event swiper
|
||
// Event slider part
|
||
var swiper = new Swiper(".swiper", {
|
||
slidesPerView: 1, // One slide at a time (each slide contains 2 events)
|
||
loop: true, // Infinite loop
|
||
pagination: {
|
||
el: ".swiper-pagination",
|
||
clickable: true,
|
||
},
|
||
autoplay: {
|
||
delay: 3000, // Auto slide every 3 seconds
|
||
disableOnInteraction: false,
|
||
},
|
||
});
|
||
|
||
// Pause autoplay on hover over an event card and resume when hover ends
|
||
var eventCards = document.querySelectorAll('.event-card');
|
||
|
||
eventCards.forEach(card => {
|
||
card.addEventListener('mouseenter', () => {
|
||
swiper.autoplay.stop(); // Stop autoplay
|
||
});
|
||
|
||
card.addEventListener('mouseleave', () => {
|
||
swiper.autoplay.start(); // Restart autoplay
|
||
});
|
||
});
|
||
|
||
|
||
|
||
</script>
|
||
<script>
|
||
|
||
// counter or number increaser
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
const counters = document.querySelectorAll('.counter-num'); // Select all counter elements
|
||
const speed = 200; // Adjust the speed of the animation
|
||
|
||
counters.forEach(counter => {
|
||
const target = +counter.getAttribute('data-target'); // Get the target value from data-target
|
||
let count = 0; // Initialize the count
|
||
|
||
const updateCount = () => {
|
||
const increment = target / speed; // Calculate increment step
|
||
|
||
if (count < target) {
|
||
count += increment; // Increment the count
|
||
counter.innerText = Math.ceil(count); // Update the counter text
|
||
setTimeout(updateCount, 10); // Recursive call for animation
|
||
} else {
|
||
counter.innerText = target+'+'; // Ensure it ends exactly at the target
|
||
}
|
||
};
|
||
|
||
updateCount();
|
||
});
|
||
});
|
||
|
||
|
||
// subdropdown-menu toggle of side-bar
|
||
document.addEventListener("DOMContentLoaded", () => {
|
||
// Select all nav-link elements with dropdown functionality
|
||
const navLinks = document.querySelectorAll(".nav-item.dropdown .nav-link");
|
||
|
||
navLinks.forEach((navLink) => {
|
||
navLink.addEventListener("click", (event) => {
|
||
event.preventDefault(); // Prevent default anchor behavior
|
||
|
||
// Toggle the visibility of the subdropdown-menu
|
||
const subMenu = navLink.nextElementSibling;
|
||
if (subMenu && subMenu.classList.contains("subdropdown-menu")) {
|
||
subMenu.classList.toggle("show");
|
||
|
||
// Optionally, close other open menus
|
||
navLinks.forEach((link) => {
|
||
const otherMenu = link.nextElementSibling;
|
||
if (otherMenu && otherMenu !== subMenu) {
|
||
otherMenu.classList.remove("show");
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
// swiper for testimonial and global company logo
|
||
function initializeSwiper(swiperId, autoplayDelay, slidesPerView, breakpointsConfig = {}) {
|
||
return new Swiper(swiperId, {
|
||
slidesPerView: slidesPerView, // Dynamic slides per view
|
||
spaceBetween: 40, // Space between slides
|
||
loop: true, // Loop the slides indefinitely
|
||
autoplay: {
|
||
delay: autoplayDelay, // Dynamic autoplay delay
|
||
disableOnInteraction: false, // Continue autoplay after user interaction
|
||
},
|
||
touchEventsTarget: 'container', // Enables touch/swipe events
|
||
navigation: {
|
||
nextEl: `${swiperId} .swiper-button-next`, // Navigation for this swiper
|
||
prevEl: `${swiperId} .swiper-button-prev`,
|
||
},
|
||
pagination: {
|
||
el: `${swiperId} .swiper-pagination`, // Pagination for this swiper
|
||
clickable: true,
|
||
},
|
||
direction: 'horizontal', // Horizontal direction (can be changed to 'vertical')
|
||
breakpoints: breakpointsConfig, // Apply breakpoints only if passed
|
||
});
|
||
}
|
||
|
||
// Initialize Swipers with dynamic settings
|
||
const swiper1 = initializeSwiper('#testimonial-slider', 3000, 1); // 1 slide per view, 3 seconds autoplay delay
|
||
|
||
// Add breakpoints only to the logo-slider
|
||
const swiper2 = initializeSwiper('#logo-slider', 4000, 4, {
|
||
// Breakpoints for logo-slider only
|
||
320: {
|
||
slidesPerView: 2, // Show 2 slides per view
|
||
spaceBetween: 20, // Adjust space between slides
|
||
},
|
||
992: {
|
||
slidesPerView: 3, // Show 3 slides per view
|
||
spaceBetween: 30, // Adjust space between slides
|
||
},
|
||
1200: {
|
||
slidesPerView: 4, // Default: 4 slides per view
|
||
spaceBetween: 40, // Default space between slides
|
||
},
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |