Detail pages and list pages are created
This commit is contained in:
Roshan476
582
aboutpage.html
582
aboutpage.html
@@ -4,13 +4,14 @@
|
||||
<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>Courses</title>
|
||||
<title>About page</title>
|
||||
<!-- <link rel="stylesheet" href="./assets/css/"> -->
|
||||
<link rel="stylesheet" href="/assets/aboutpage.css">
|
||||
<link rel="stylesheet" href="/assets/style.css">
|
||||
|
||||
|
||||
<!-- Link to Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="/bootstraps/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./assets/bootstraps/css/bootstrap.min.css">
|
||||
|
||||
<!-- 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">
|
||||
@@ -24,15 +25,160 @@
|
||||
" rel="stylesheet">
|
||||
<!-- bootstraps -->
|
||||
<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" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
@@ -45,7 +191,111 @@
|
||||
</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="./assets/image/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="./assets/image/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="./assets/image/image.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="./assets/image/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="./assets/image/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>
|
||||
<section class="top_cat__area section-padding undefined overflow-hidden"
|
||||
style="background-image: url('./assets/images/shape-1\ \(1\).png'); background-size: cover; background-position: center center;">
|
||||
<div class="container" style="opacity: 1; transform: none; will-change: auto;">
|
||||
@@ -97,6 +347,35 @@
|
||||
</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">
|
||||
@@ -104,7 +383,7 @@
|
||||
<!-- Image Section -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box" id="" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<div class="ab_img">
|
||||
<img src="./assets/images/girls2.png" class="img-fluid" alt="image">
|
||||
<img src="./assets/image/man.png" class="img-fluid" alt="image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -126,7 +405,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="vid_area va2"
|
||||
<!-- <section class="vid_area va2"
|
||||
style="background-image: url(./assets/images/child.jpg); background-size: cover; background-position: center center;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -139,8 +418,8 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="count_area counter_feature hidden overflow-hidden">
|
||||
</section> -->
|
||||
<!-- <section class="count_area counter_feature hidden overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row g-4 animated-box1">
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
@@ -181,7 +460,7 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
<section class="section-padding insfreecourse overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row" style="opacity: 1; transform: none; will-change: auto;">
|
||||
@@ -189,7 +468,7 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
<!-- Instructor Card -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12">
|
||||
<div class="single_ins"
|
||||
style="background-image: url('./assets/images/aboutpage.png'); background-size: cover; background-position: center center;">
|
||||
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
|
||||
<div class="single_ins_content">
|
||||
<h4>Build Your Career</h4>
|
||||
<h1>Become an Instructor</h1>
|
||||
@@ -202,7 +481,7 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
<!-- Free Courses Card -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12">
|
||||
<div class="single_ins"
|
||||
style="background-image: url('./assets/images/aboutpage.png'); background-size: cover; background-position: center center;">
|
||||
style="background-image: url('./assets/image/aboutpage.png'); background-size: cover; background-position: center center;">
|
||||
<div class="single_ins_content">
|
||||
<h4>Build Your Career</h4>
|
||||
<h1>Get Free Courses</h1>
|
||||
@@ -215,118 +494,103 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="testi_area section-padding undefined overflow-hidden about-page">
|
||||
|
||||
|
||||
|
||||
<div class="footer section-padding">
|
||||
<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 Online Course</h2>
|
||||
</div>
|
||||
|
||||
<!-- Right Testimonial Slider Section -->
|
||||
<div class="col-lg-12 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;">
|
||||
<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/images/testimonial.png" alt="img">
|
||||
<h4>hello hello</h4>
|
||||
<p>developer</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial 2 -->
|
||||
<div class="swiper-slide swiper-slide-next testimonial" style="width: 636px; margin-right: 40px;">
|
||||
|
||||
<div class="testimonial_content">
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<p>Aqestic optio amet a ququam saepe aliquid voluate dicta fuga dolor saerror sed earum a magni soluta quam minus dolor dolor sed earum a magni soluta autem dolor error error sit quam minus sint rem a rerum dolobus veritatis delectus.</p>
|
||||
</div>
|
||||
<div class="testi_pic_title">
|
||||
<img src="./assets/images/testimonial.png" alt="img">
|
||||
<h4>Sharukh Khan</h4>
|
||||
<p>Red Chili Inc</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial 3 -->
|
||||
<div class="swiper-slide testimonial" style="width: 636px; margin-right: 40px;">
|
||||
|
||||
<div class="testimonial_content">
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<p>Aqestic optio amet a ququam saepe aliquid voluate dicta fuga dolor saerror sed earum a magni soluta quam minus dolor dolor sed earum a magni soluta autem dolor error error sit quam minus sint rem a rerum dolobus veritatis delectus.</p>
|
||||
</div>
|
||||
<div class="testi_pic_title">
|
||||
<img src="./assets/images/testimonial.png" alt="img">
|
||||
<h4>Anushka Sharma</h4>
|
||||
<p>Naika Company</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Testimonial 4 -->
|
||||
<div class="swiper-slide testimonial" style="width: 636px; margin-right: 40px;">
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="testimonial_content">
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<p>Aqestic optio amet a ququam saepe aliquid voluate dicta fuga dolor saerror sed earum a magni soluta quam minus dolor dolor sed earum a magni soluta autem dolor error error sit quam minus sint rem a rerum dolobus veritatis delectus.</p>
|
||||
</div>
|
||||
<div class="testi_pic_title">
|
||||
<img src="./assets/images/testimonial.png" alt="img">
|
||||
<h4>Ajmain Adil</h4>
|
||||
<p>Groton Inc</p>
|
||||
</div>
|
||||
<!-- 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>
|
||||
|
||||
<!-- Testimonial 5 -->
|
||||
<div class="swiper-slide testimonial" style="width: 636px; margin-right: 40px;">
|
||||
|
||||
<div class="testimonial_content">
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<i class="ti-star"></i>
|
||||
<p>Aqestic optio amet a ququam saepe aliquid voluate dicta fuga dolor saerror sed earum a magni soluta quam minus dolor dolor sed earum a magni soluta autem dolor error error sit quam minus sint rem a rerum dolobus veritatis delectus.</p>
|
||||
</div>
|
||||
<div class="testi_pic_title">
|
||||
<img src="./assets/images/testimonial.png" alt="img">
|
||||
<h4>Ajmain Adil</h4>
|
||||
<p>Groton Inc</p>
|
||||
</div>
|
||||
</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>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<div class="foot_copy">
|
||||
<div class="footer_copyright">
|
||||
<p>© 2025. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Link to Bootstrap JS (optional) -->
|
||||
<script src="/bootstraps/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="./assets/bootstraps/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-element-bundle.min.js"></script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const counters = document.querySelectorAll('.counter-num'); // Select all counter elements
|
||||
@@ -354,46 +618,74 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
|
||||
// swiper for testimonial
|
||||
|
||||
// swiper for testimonial and global company logo
|
||||
//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
|
||||
slidesPerView: slidesPerView,
|
||||
spaceBetween: 40,
|
||||
loop: true,
|
||||
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`,
|
||||
delay: autoplayDelay,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: `${swiperId} .swiper-pagination`, // Pagination for this swiper
|
||||
el: `${swiperId} .swiper-pagination`,
|
||||
clickable: true,
|
||||
},
|
||||
direction: 'horizontal', // Horizontal direction (can be changed to 'vertical')
|
||||
breakpoints: breakpointsConfig, // Apply breakpoints only if passed
|
||||
breakpoints: breakpointsConfig,
|
||||
});
|
||||
}
|
||||
|
||||
// Initialize Swipers with dynamic settings
|
||||
const swiper1 = initializeSwiper('#testimonial-slider', 4000, 3, {
|
||||
// Breakpoints for logo-slider only
|
||||
320: {
|
||||
slidesPerView: 1, // 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: , // Default: 4 slides per view
|
||||
spaceBetween: 40, // Default space between slides
|
||||
},
|
||||
});
|
||||
// LEFT testimonial
|
||||
initializeSwiper('#testimonial-slider-left', 3000, 1);
|
||||
|
||||
// RIGHT testimonial
|
||||
initializeSwiper('#testimonial-slider-right', 3000, 1);
|
||||
|
||||
|
||||
// event
|
||||
$(document).ready(function(){
|
||||
$(".blog-slide").owlCarousel({
|
||||
loop: false, // Optional: set to true if you want infinite scroll
|
||||
margin: 15, // Space between items
|
||||
nav: true, // Show next/prev buttons
|
||||
dots: false, // Hide dots
|
||||
navText: [
|
||||
"<i class='icofont-thin-left'></i>",
|
||||
"<i class='icofont-thin-right'></i>"
|
||||
],
|
||||
responsive: {
|
||||
0: { items: 1 }, // Mobile
|
||||
768: { items: 2 }, // Tablet
|
||||
992: { items: 2 } // Desktop
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const readMoreBtn = document.getElementById("read-more-btn");
|
||||
const moreText = document.getElementById("more-text");
|
||||
|
||||
if (!readMoreBtn || !moreText) return;
|
||||
|
||||
readMoreBtn.addEventListener("click", function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
if (moreText.style.display === "none") {
|
||||
moreText.style.display = "block";
|
||||
readMoreBtn.textContent = "Read Less";
|
||||
} else {
|
||||
moreText.style.display = "none";
|
||||
readMoreBtn.textContent = "Read More";
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -82,4 +82,232 @@
|
||||
background: #525fe1;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
/* event slider */
|
||||
/* Container & Row */
|
||||
.event-holder .container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.event-holder .row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
/* Left Side - Notices Carousel */
|
||||
.up-event {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.up-event .title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.up-event .title .text {
|
||||
font-size: 14px;
|
||||
color: #6c757d;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
display: inline-block;
|
||||
border-bottom: 2px solid #00bfff;
|
||||
padding-bottom: 3px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.up-event .title h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Owl Carousel Items */
|
||||
.owl-carousel .owl-item {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.blog-item {
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
|
||||
transition: transform 0.3s, box-shadow 0.3s;
|
||||
}
|
||||
|
||||
.blog-item:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.blog-item-thumb {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background: #f1f4ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.blog-item-thumb img {
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
}
|
||||
|
||||
.blog-text {
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
.blog-text .bdate {
|
||||
font-size: 12px;
|
||||
color: #6c757d;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.blog-text h3 {
|
||||
font-size: 16px;
|
||||
margin: 0 0 10px 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.blog-text h3 a {
|
||||
text-decoration: none;
|
||||
color: #004aad;
|
||||
}
|
||||
|
||||
.blog-text a.btn-1 {
|
||||
font-size: 14px;
|
||||
color: #00bfff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Owl Navigation */
|
||||
.owl-buttons {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.owl-buttons div {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #00bfff;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.owl-buttons div:hover {
|
||||
background: #0093d1;
|
||||
}
|
||||
|
||||
/* Right Side - Events List */
|
||||
.all-event .title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.all-event .title .text {
|
||||
font-size: 14px;
|
||||
color: #6c757d;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
display: inline-block;
|
||||
border-bottom: 2px solid #00bfff;
|
||||
padding-bottom: 3px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.all-event .title h1 {
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.all-event ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.all-event ul li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.all-event .date {
|
||||
background: #004aad;
|
||||
color: #fff;
|
||||
padding: 10px 12px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
min-width: 60px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.all-event .date small {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.all-event ul li a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.all-event .btn-info {
|
||||
background: #00bfff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 10px 25px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.all-event .btn-info:hover {
|
||||
background: #0093d1;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item {
|
||||
width: auto !important;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.blog-item {
|
||||
margin: 0 10px;
|
||||
background: #f8f9ff; /* optional: card background */
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.blog-item-thumb img {
|
||||
width: 100%;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media(max-width: 991px) {
|
||||
.event-holder .row {
|
||||
flex-direction: column;
|
||||
}
|
||||
.owl-buttons {
|
||||
position: static;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
150
assets/contact.css
Normal file
150
assets/contact.css
Normal file
@@ -0,0 +1,150 @@
|
||||
@import url(./style.css);
|
||||
.contact-info
|
||||
{
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 68px;
|
||||
background: var(--background-accent);
|
||||
border-radius: 8px;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.contact-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
justify-content: center;
|
||||
}
|
||||
.contact-item:hover a i {
|
||||
background-color: var(--hover-color);
|
||||
color: var(--font-color1);
|
||||
}
|
||||
.contact-item a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.contact-item a i {
|
||||
background: var(--background-color);
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
padding: 19px;
|
||||
border-radius: 100%;
|
||||
color: var(--primary-font-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: 0.5s all ease-out;
|
||||
}
|
||||
#contact .section-title {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.data {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.contact {
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.contact label {
|
||||
margin-bottom: 5px;
|
||||
font-weight: 700;
|
||||
color: #1a2d62;
|
||||
font-family: var(--dm_sans), sans-serif !important;
|
||||
}
|
||||
.contact input {
|
||||
border-radius: 12px !important;
|
||||
background: var(--background-accent);
|
||||
border: 1px solid #ebecff;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #1a2d62;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
height: 70px;
|
||||
padding: 10px 10px 10px 30px;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
form-control:focus {
|
||||
|
||||
}
|
||||
.contact textarea {
|
||||
border-radius: 12px !important;
|
||||
background: var(--background-accent);
|
||||
border: 1px solid #ebecff;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #1a2d62;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
padding: 10px 10px 10px 30px;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.view-events-btn {
|
||||
display: inline-block;
|
||||
border: 2px solid var(--primary-color1);
|
||||
color:var(--primary-color1);
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 7px 12px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.view-events-btn:hover{
|
||||
background-color: var(--hover-color);
|
||||
border-color: var(--hover-color);
|
||||
color: var(--font-color1);
|
||||
}
|
||||
.contact-section {
|
||||
margin-top: 27px;
|
||||
padding: 20px;
|
||||
border-color: 2px solid var(--hover-color);
|
||||
}
|
||||
.map-container iframe {
|
||||
width: 100%;
|
||||
height: 377px;
|
||||
border: 0;
|
||||
}
|
||||
.form-control:focus {
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
border-color: var(--primary-color1) !important;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.contact-info {
|
||||
padding: 20px;
|
||||
flex-direction: column;
|
||||
background: none;
|
||||
}
|
||||
.contact {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.contact-item{
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.contact-info {
|
||||
padding: 10px;
|
||||
gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
BIN
assets/image/aboutpage.png
Normal file
BIN
assets/image/aboutpage.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
assets/image/message.png
Normal file
BIN
assets/image/message.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
assets/image/whitebg.png
Normal file
BIN
assets/image/whitebg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
721
assets/style.css
721
assets/style.css
@@ -30,7 +30,7 @@
|
||||
/* Backgrounds */
|
||||
--background-color: #ffffff;
|
||||
--background-light: #ffffff;
|
||||
--background-accent: #ecedff;
|
||||
--background-accent: #f5f5fd;;
|
||||
--background-dark: #dddddd;
|
||||
|
||||
/* Counter Section */
|
||||
@@ -49,10 +49,10 @@
|
||||
--shadow-color: #01297014;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
padding-top: 132px;
|
||||
margin:0;
|
||||
|
||||
}
|
||||
/* Large tablets / small laptops */
|
||||
@@ -83,6 +83,67 @@ h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 400;
|
||||
|
||||
}
|
||||
|
||||
/* popup modal of home page */
|
||||
/* Overlay background */
|
||||
.notice-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
backdrop-filter: blur(6px); /* blur screen */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* Modal box */
|
||||
.notice-modal {
|
||||
position: relative;
|
||||
max-width: 600px;
|
||||
width: 90%;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 10px;
|
||||
animation: zoomIn 0.3s ease;
|
||||
}
|
||||
|
||||
/* Notice image */
|
||||
.notice-modal img {
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.close-btn {
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: -12px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: #ff3b3b;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Animation */
|
||||
@keyframes zoomIn {
|
||||
from {
|
||||
transform: scale(0.85);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* popup end */
|
||||
|
||||
section.team_area {
|
||||
padding: 80px 0 ;
|
||||
}
|
||||
@@ -128,7 +189,29 @@ html {
|
||||
/* .after-nabar{
|
||||
margin-top: 6%;
|
||||
} */
|
||||
.apply1{
|
||||
background-color: var(--primary-color1);
|
||||
color: var(--font-color1);
|
||||
transition: 0.3s all ease-out;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.apply1:hover{
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
.apply-btn {
|
||||
display: inline-block;
|
||||
padding: 10px 22px;
|
||||
background-color: #ff6b00; /* change color if needed */
|
||||
color: #fff !important;
|
||||
font-weight: 600 !important;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.apply1:hover .apply-btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* hamburger part */
|
||||
.hamburgermenu {
|
||||
@@ -751,15 +834,26 @@ justify-content: center;
|
||||
transform-origin: left;
|
||||
transition: transform 0.35s ease;
|
||||
}
|
||||
.nav-link.apply-now span::after {
|
||||
display: none;
|
||||
}
|
||||
#navbar #navbarNavDropdown .subdropdown-menu li a:hover::after {
|
||||
transform: scaleX(1);
|
||||
width: 60%;
|
||||
width: 80%;
|
||||
}
|
||||
#navbar #navbarNavDropdown .subdropdown-menu .vdo a:hover::after {
|
||||
transform: scaleX(1);
|
||||
width: 70%;
|
||||
}
|
||||
#navbar .apply-now{
|
||||
background-color: var(--primary-color1);
|
||||
border-radius: 3px;
|
||||
transition: 0.3s ease-out;
|
||||
|
||||
}
|
||||
#navbar .apply-now:hover{
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
#navbar .apply-now span{
|
||||
color: var(--font-color1) !important;
|
||||
|
||||
@@ -819,7 +913,7 @@ height: 90px;
|
||||
background:var(--primary-color1);
|
||||
-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 0 10px 3px #0000000d;
|
||||
left: -55px;
|
||||
left: -34px;
|
||||
list-style: outside none none;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
@@ -833,10 +927,16 @@ height: 90px;
|
||||
-o-transition: all .5s ease 0s;
|
||||
transition: all .5s ease 0s;
|
||||
visibility: hidden;
|
||||
width: 210px;
|
||||
width: 193px;
|
||||
z-index: 999;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
#navbar #navbarNavDropdown .subdropdown-menu11 {
|
||||
left: 0px !important;
|
||||
|
||||
width: 120% !important;
|
||||
|
||||
}
|
||||
#navbar #navbarNavDropdown ul li:hover .subdropdown-menu {
|
||||
opacity: 1;
|
||||
@@ -959,6 +1059,7 @@ height: 90px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0;
|
||||
color: var(--primary-color1);
|
||||
font-size: 29px;
|
||||
}
|
||||
|
||||
/* Counter Text */
|
||||
@@ -1159,7 +1260,13 @@ margin-bottom: 80px;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
.column__stack.column__full{
|
||||
margin-bottom: 40px;
|
||||
transition: 0.3s all ease-out;
|
||||
}
|
||||
.column__stack.column__full:hover img{
|
||||
transform: scale(0.97);
|
||||
}
|
||||
.cta.-type-1 {
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
@@ -1767,6 +1874,10 @@ ul {
|
||||
border-radius: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
.testimonial121 {
|
||||
border: none !important;
|
||||
|
||||
}
|
||||
.swiper-slide {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
@@ -1779,7 +1890,12 @@ ul {
|
||||
width: 60px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.testimonial .img121 {
|
||||
width: 54%;
|
||||
height: 254px;
|
||||
margin-left: 124px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.testimonial_content i {
|
||||
color: #fff;
|
||||
font-size: 22px;
|
||||
@@ -1837,6 +1953,18 @@ ul {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.swiper-slide {
|
||||
width: 100% !important;
|
||||
}
|
||||
.testimonial .img121 {
|
||||
margin-left: 0px;
|
||||
width: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
#about-logo-area img{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.testimonial_content p {
|
||||
@@ -1844,7 +1972,7 @@ ul {
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
background: #f5f5fd;
|
||||
background: var(--background-accent);
|
||||
}
|
||||
.section-padding {
|
||||
padding: 81px 0;
|
||||
@@ -1884,7 +2012,7 @@ ul {
|
||||
transition: all .3s ease 0s;
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
color: #000;
|
||||
color: var(--primary-color1);
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
@@ -2103,3 +2231,578 @@ ul {
|
||||
font-size: 40px !important;
|
||||
}
|
||||
}
|
||||
.section-top {
|
||||
padding-top: 150px;
|
||||
position: relative;
|
||||
padding-bottom: 90px;
|
||||
background: url(/assets/image/school.png) center center / cover;
|
||||
background-position: center center;
|
||||
}
|
||||
/* Light dim overlay */
|
||||
.section-top::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 50, 0.5); /* increase for more light */
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Keep content above overlay */
|
||||
.section-top > * {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.section-top-title {
|
||||
position: relative;
|
||||
}
|
||||
.section-top-title h1 {
|
||||
margin-bottom: 10px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 700;
|
||||
font-size: 50px;
|
||||
color: var(--font-color1);
|
||||
}
|
||||
.section-top-title ul li {
|
||||
color: var(--background-color) !important;
|
||||
display: inline-block;
|
||||
}
|
||||
.section-top-title ul li a {
|
||||
color:var(--hover-color) !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* image */
|
||||
.gallery-area {
|
||||
margin: 56px 0px;
|
||||
}
|
||||
.gallery-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.header-logo-menu.stick.semi-transparent, .gallery-img, .gallery-img .hover-effect {
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
.gallery-img img
|
||||
|
||||
{
|
||||
width: 100%;
|
||||
height: 199px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
position: relative;
|
||||
transform: scale(1);
|
||||
transition: transform 0.7s ease-in-out;
|
||||
}
|
||||
.gallery-img .hover-effect {
|
||||
opacity: 0;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
.gallery-img h2 {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||||
color: var(--primary-color) !important;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
margin: 20px auto 10px;
|
||||
font-weight: 600;
|
||||
opacity: 0;
|
||||
padding: 9px 0;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
transform: scale(0.8);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.gallery-img p {
|
||||
color: #ffffff;
|
||||
/* margin: 0 30px; */
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
transform: scale(0.8);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.gallery-img:hover img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.gallery-img:hover .hover-effect {
|
||||
opacity: 1;
|
||||
}
|
||||
.lightbox .lb-image {
|
||||
object-fit: cover;
|
||||
}
|
||||
/* Text Animation */
|
||||
.gallery-img p {
|
||||
color: #ffffff;
|
||||
/* margin: 0 30px; */
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
transform: scale(0.8);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
/* Reveal text on hover */
|
||||
.gallery-img:hover h2,
|
||||
.gallery-img:hover p {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
background-color: white;
|
||||
}
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
max-height: none;
|
||||
border-radius: 3px;
|
||||
border: 4px solid white;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
object-fit: cover;
|
||||
}
|
||||
.lightbox img {
|
||||
width: 690px !important;
|
||||
height: 370px !important;
|
||||
/* object-fit: cover; */
|
||||
}
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
.lb-nav a.lb-prev
|
||||
{
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url(../images/prev.png) left 48% no-repeat;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
|
||||
}
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url(../images/next.png) right 48% no-repeat;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
.lb-prev, .lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url(../images/loading.gif) no-repeat;
|
||||
}
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
width: 100%;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
/* video section */
|
||||
.custom-gallery-container {
|
||||
padding-top: 100px;
|
||||
padding: 80px 0;
|
||||
}
|
||||
.custom-gallery-img
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
.custom-gallery-img img {
|
||||
width: 100%;
|
||||
height: 199px;
|
||||
object-fit: cover;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.play-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 40px;
|
||||
color: white;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.custom-gallery-item .video-description {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
font-size: 14px;
|
||||
color: #555;
|
||||
}
|
||||
.custom-gallery-item .video-description h3 {
|
||||
font-size: 18px;
|
||||
margin-bottom: 5px;
|
||||
color: var(--primary-color) !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
.custom-gallery-item .video-description p {
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.modal1.show .modal-dialog {
|
||||
margin-top: 126px;
|
||||
}
|
||||
.modal-content {
|
||||
width: 630px !important;
|
||||
padding: 25px;
|
||||
margin-left: -70px;
|
||||
}
|
||||
.custom-modal-header h5
|
||||
{
|
||||
font-size: 1.25rem;
|
||||
font-weight: bold;
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
.custom-video-container iframe, .custom-video-container video {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
/* pagination */
|
||||
.active>.page-link, .page-link.active {
|
||||
background-color: var(--hover-color) !important;
|
||||
border-color: var(--hover-color) !important;
|
||||
}
|
||||
.page-link {
|
||||
color: var(--primary-color1) !important;
|
||||
}
|
||||
|
||||
/* detail page */
|
||||
.left-side {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.details_big_img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.details_big_img img {
|
||||
width: 100%;
|
||||
transition: var(--transition);
|
||||
object-fit: cover;
|
||||
}
|
||||
.details_text_wrapper {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.details_text_wrapper h2 {
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
line-height: 50px;
|
||||
color: var(--primary-font-color) !important;
|
||||
}
|
||||
.details_text_wrapper p {
|
||||
padding-top: 15px;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: var(--font-color);
|
||||
font-weight: 500;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.details_small_img {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.details_small_img img {
|
||||
width: 100%;
|
||||
height: 217px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.sidebar_boxed {
|
||||
background: #ffffff;
|
||||
box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.03), 8px 10px 24px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 6px;
|
||||
padding: 30px 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.sidebar_heading_main {
|
||||
border-bottom: 1px solid #ededed;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
.sidebar_heading_main h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: var(--primary-font-color) !important;
|
||||
}
|
||||
.event_details_list ul li {
|
||||
padding-top: 20px;
|
||||
color: var(--primary-font-color);
|
||||
font-weight: 500;
|
||||
transition: 0.4s all ease-out;
|
||||
}
|
||||
.event_details_list ul li i {
|
||||
margin-right: 5px;
|
||||
width: 36px;
|
||||
background: var(--background-accent);
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
border-radius: 100%;
|
||||
color: var(--primary-color1);
|
||||
padding: 9px;
|
||||
font-size: 13px;
|
||||
transition: 0.4s all ease-out;
|
||||
}
|
||||
.event_details_list ul li:hover i{
|
||||
background-color: var(--hover-color);
|
||||
color: var(--font-color1);
|
||||
}
|
||||
|
||||
.event_details_list ul li span {
|
||||
color: var(--primary-font-color);
|
||||
}
|
||||
.register_now_details {
|
||||
padding-top: 40px;
|
||||
}
|
||||
.register_now_details a {
|
||||
color: var(--font-color1);
|
||||
background-color: var(--primary-color1);
|
||||
transition: var(--transition);
|
||||
box-shadow: none;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
border: none;
|
||||
transition: 0.4s all ease-out;
|
||||
width: 100%;
|
||||
}
|
||||
.register_now_details a:hover {
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
.view-events-btn {
|
||||
display: inline-block;
|
||||
background: var(--primary-color1);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding: 7px 12px;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.recent_donet_item {
|
||||
display: flex;
|
||||
padding-top: 25px;
|
||||
}
|
||||
.recent_donet_img {
|
||||
width: 25%;
|
||||
}
|
||||
.recent_donet_img a img {
|
||||
height: 78px;
|
||||
width: 78px;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
.recent_donet_text{
|
||||
width: 100%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.recent_donet_text p {
|
||||
padding-top: 5px;
|
||||
color: var(--primariy-background2);
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.recent_donet_text h4 {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.recent_donet_text1 h4 a {
|
||||
color: var(--primary-font-color) !important;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.social_icon_sidebar ul {
|
||||
/* gap: 16px !important; */
|
||||
display: flex;
|
||||
margin-top: 23px;
|
||||
justify-content: space-between;
|
||||
padding-left: 0px;
|
||||
}
|
||||
.social_icon_sidebar ul li {
|
||||
display: inline-flex;
|
||||
/* padding-top: 20px; */
|
||||
/* padding-right: 15px; */
|
||||
padding: 5px;
|
||||
transition: var(--transition);
|
||||
border: 1px solid var(--primariy-background);
|
||||
border-radius: 100%;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
font-size: 24px;
|
||||
}
|
||||
.social_icon_sidebar ul li a i {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--primary-color1);
|
||||
transition: 0.3s all ease-out;
|
||||
}
|
||||
.social_icon_sidebar ul li a i:hover {
|
||||
transform: scale(0.9);
|
||||
}
|
||||
.recent_donet_item:hover img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
#trending_causes_main{
|
||||
margin:80px 0px
|
||||
}
|
||||
#custom-addon-wrapper {
|
||||
margin-top: 30px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#custom-addon {
|
||||
background: #ffffff;
|
||||
box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.03), 8px 10px 24px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 6px;
|
||||
padding: 30px 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.categories-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.categories-list li {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.categories-list li a {
|
||||
color: #6f6f6f;
|
||||
font-size: 16px;
|
||||
display: flex !important;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 5px 0px;
|
||||
font-weight: 500;
|
||||
border-radius: 10px;
|
||||
text-decoration: none;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
.tags_noted {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 10px;
|
||||
display: block;
|
||||
transition: all 0.3s ease-in-out 0.1s;
|
||||
outline: 0 !important;
|
||||
color: var(--primary-color1);
|
||||
}
|
||||
|
||||
.social_icon_sidebar ul li a:hover{
|
||||
background-color: var(--hover-color);
|
||||
border-radius: 50%;
|
||||
color: var(--font-color1);
|
||||
}
|
||||
.social_icon_sidebar ul li a:hover i{
|
||||
color: var(--font-color1);
|
||||
}
|
||||
.about-us {
|
||||
margin-top: 100px;
|
||||
}
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 0.5rem;
|
||||
color: var(--font-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
.desc p {
|
||||
margin-bottom: 0px;
|
||||
line-height: 1.7;
|
||||
font-size: 16px;
|
||||
color: var(--font-color);
|
||||
font-weight: 500;
|
||||
margin-bottom: 20px;
|
||||
text-align: justify;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.about-us img {
|
||||
height: 300px;
|
||||
border-radius: 100%;
|
||||
padding: 10px;
|
||||
background-color: var(--primary-color1);
|
||||
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
||||
width: 306px;
|
||||
}
|
||||
.view-events-btn {
|
||||
transition: 0.3s all ease-out;
|
||||
}
|
||||
.view-events-btn:hover {
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
422
blog-detail.html
Normal file
422
blog-detail.html
Normal file
@@ -0,0 +1,422 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- 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">
|
||||
<link rel="stylesheet" href="./assets/style.css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- bootstraps icons -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Blog Detail</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / Blog Detail</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="trending_causes_main">
|
||||
<div class="container">
|
||||
<div class="row" id="counter">
|
||||
|
||||
<!-- Left Content -->
|
||||
<div class="col-lg-8 left-side">
|
||||
<div class="details_wrapper_area">
|
||||
|
||||
<div class="details_big_img">
|
||||
<img
|
||||
src="./assets/image/blog.png"
|
||||
alt="Event Image"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="details_text_wrapper">
|
||||
<a href="http://localhost/ngo/?cat=1" class="tags_noted">
|
||||
<i class="fas fa-th-list"></i> Uncategorized
|
||||
</a>
|
||||
|
||||
<h2>nameste</h2>
|
||||
|
||||
<p>hello nameste , sanchai hunnxa?</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Sidebar -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar_first">
|
||||
|
||||
<!-- Latest Blogs -->
|
||||
<div class="project_recentdonet_wrapper sidebar_boxed">
|
||||
<div class="sidebar_heading_main">
|
||||
<h3>Latest Blogs</h3>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_item recent_donet_text1">
|
||||
<div class="recent_donet_img">
|
||||
<a href="http://localhost/ngo/?p=18">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/npimg.jpg"
|
||||
alt="Mike Richard"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_text">
|
||||
<p>
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<span> Feb 17</span>
|
||||
</p>
|
||||
<h4>
|
||||
<a href="http://localhost/ngo/?p=18">nameste</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_donet_item recent_donet_text1">
|
||||
<div class="recent_donet_img">
|
||||
<a href="http://localhost/ngo/?p=18">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/npimg.jpg"
|
||||
alt="Mike Richard"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_text">
|
||||
<p>
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<span> Feb 17</span>
|
||||
</p>
|
||||
<h4>
|
||||
<a href="http://localhost/ngo/?p=18">nameste</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="recent_donet_item recent_donet_text1">
|
||||
<div class="recent_donet_img">
|
||||
<a href="http://localhost/ngo/?p=18">
|
||||
<img
|
||||
src="/assets/image/man.png"
|
||||
alt="Mike Richard"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_text">
|
||||
<p>
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<span> Feb 17</span>
|
||||
</p>
|
||||
<h4>
|
||||
<a href="http://localhost/ngo/?p=18">nameste</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Categories -->
|
||||
<div id="custom-addon-wrapper" class="addon-wrapper">
|
||||
<div id="custom-addon" class="clearfix">
|
||||
<div class="addon-module sidebar-post">
|
||||
<div class="addon-content">
|
||||
|
||||
<div class="sidebar_heading_main">
|
||||
<h3>Categories</h3>
|
||||
</div>
|
||||
|
||||
<ul class="categories-list">
|
||||
<li>
|
||||
<a href="http://localhost/ngo/?cat=1">
|
||||
Uncategorized <span>(2)</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Share Causes -->
|
||||
<div class="share_causes_wrapper sidebar_boxed">
|
||||
<div class="sidebar_heading_main">
|
||||
<h3>Share Causes</h3>
|
||||
</div>
|
||||
|
||||
<div class="social_icon_sidebar">
|
||||
<ul>
|
||||
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="bi bi-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="bi bi-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="bi bi-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Right Sidebar -->
|
||||
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
420
blog-list.html
Normal file
420
blog-list.html
Normal file
@@ -0,0 +1,420 @@
|
||||
<!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>About page</title>
|
||||
<!-- <link rel="stylesheet" href="./assets/css/"> -->
|
||||
<link rel="stylesheet" href="/assets/aboutpage.css">
|
||||
<link rel="stylesheet" href="/assets/style.css">
|
||||
|
||||
|
||||
<!-- Link to Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="./assets/bootstraps/css/bootstrap.min.css">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- bootstraps icons -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
|
||||
<!-- themify-icons -->
|
||||
<link href="
|
||||
https://cdn.jsdelivr.net/npm/@icon/themify-icons@1.0.1-alpha.3/themify-icons.min.css
|
||||
" rel="stylesheet">
|
||||
<!-- bootstraps -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
<!-- Blog Entries -->
|
||||
<div class="row g-4">
|
||||
|
||||
<!-- Blog 1 -->
|
||||
<div class="col-lg-4 col-sm-6 col-xs-12 gallery-item">
|
||||
<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/professional-mobile-painting-and-sculpting">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 gallery-item">
|
||||
<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/professional-ceramic-moulding-for-beginner">Professional 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 gallery-item">
|
||||
<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/education-is-about-create-leaders-for-tomorrow">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>
|
||||
</section>
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<!-- Link to Bootstrap JS (optional) -->
|
||||
<script src="./assets/bootstraps/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-element-bundle.min.js"></script>
|
||||
<!-- pagination -->
|
||||
<script>
|
||||
const itemsPerPage = 2;
|
||||
const items = document.querySelectorAll(".gallery-item");
|
||||
const pagination = document.getElementById("pagination");
|
||||
const totalPages = Math.ceil(items.length / itemsPerPage);
|
||||
let currentPage = 1;
|
||||
|
||||
function showPage(page) {
|
||||
currentPage = page;
|
||||
|
||||
items.forEach((item, index) => {
|
||||
item.style.display =
|
||||
index >= (page - 1) * itemsPerPage &&
|
||||
index < page * itemsPerPage
|
||||
? ""
|
||||
: "none";
|
||||
});
|
||||
|
||||
renderPagination();
|
||||
}
|
||||
|
||||
function renderPagination() {
|
||||
pagination.innerHTML = "";
|
||||
|
||||
const createItem = (label, page, disabled = false, active = false) => {
|
||||
const li = document.createElement("li");
|
||||
li.className = "page-item";
|
||||
if (disabled) li.classList.add("disabled");
|
||||
if (active) li.classList.add("active");
|
||||
|
||||
const a = document.createElement("a");
|
||||
a.className = "page-link";
|
||||
a.href = "#";
|
||||
a.innerHTML = label;
|
||||
|
||||
a.onclick = e => {
|
||||
e.preventDefault();
|
||||
if (!disabled) showPage(page);
|
||||
};
|
||||
|
||||
li.appendChild(a);
|
||||
pagination.appendChild(li);
|
||||
};
|
||||
|
||||
// Prev
|
||||
createItem("«", currentPage - 1, currentPage === 1);
|
||||
|
||||
let start = Math.max(1, currentPage - 2);
|
||||
let end = Math.min(totalPages, currentPage + 2);
|
||||
|
||||
if (start > 1) {
|
||||
createItem("1", 1);
|
||||
if (start > 2) createItem("...", null, true);
|
||||
}
|
||||
|
||||
for (let i = start; i <= end; i++) {
|
||||
createItem(i, i, false, i === currentPage);
|
||||
}
|
||||
|
||||
if (end < totalPages) {
|
||||
if (end < totalPages - 1) createItem("...", null, true);
|
||||
createItem(totalPages, totalPages);
|
||||
}
|
||||
|
||||
// Next
|
||||
createItem("»", currentPage + 1, currentPage === totalPages);
|
||||
}
|
||||
|
||||
showPage(1);
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
368
contact.html
Normal file
368
contact.html
Normal file
@@ -0,0 +1,368 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./assets/contact.css">
|
||||
<link rel="stylesheet" href="./assets/bootstraps/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
||||
<!-- bootstraps icons -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<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" 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">
|
||||
<div class="row">
|
||||
|
||||
<!-- Name Field -->
|
||||
<div class="form-group col-md-6">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" name="name" class="form-control" required="">
|
||||
</div>
|
||||
|
||||
<!-- Email Field -->
|
||||
<div class="form-group col-md-6">
|
||||
<label for="email">Your Email</label>
|
||||
<input type="email" name="email" class="form-control" required="">
|
||||
</div>
|
||||
|
||||
<!-- Subject Field -->
|
||||
<div class="form-group col-md-6">
|
||||
<label for="Number">Your Contact Number</label>
|
||||
<input type="text" name="contact-number" class="form-control" required="">
|
||||
</div>
|
||||
<!-- Subject Field -->
|
||||
<div class="form-group col-md-6">
|
||||
<label for="course">Your Subject</label>
|
||||
<input type="text" name="course" class="form-control" required="">
|
||||
</div>
|
||||
|
||||
<!-- Message Field -->
|
||||
<div class="form-group col-md-12">
|
||||
<label for="message">Your Message</label>
|
||||
<textarea rows="6" name="message" class="form-control" required=""></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="col-md-12">
|
||||
<a href="#" class="view-events-btn"><i class="fa-regular fa-paper-plane"></i> Send Message</a>
|
||||
</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>
|
||||
<!-- 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>
|
||||
<script src="./assets/bootstraps/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
498
event-detail.html
Normal file
498
event-detail.html
Normal file
@@ -0,0 +1,498 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- 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">
|
||||
<link rel="stylesheet" href="./assets/style.css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- bootstraps icons -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<section class="section-top">
|
||||
<div class="container">
|
||||
<div class="col-lg-10 offset-lg-1 text-center">
|
||||
<div class="section-top-title">
|
||||
<h1>Event Detail</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / Event Detail</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="trending_causes_main">
|
||||
<div class="container">
|
||||
<div class="row" id="counter">
|
||||
|
||||
<!-- Left Content -->
|
||||
<div class="col-lg-8 left-side">
|
||||
<div class="details_wrapper_area">
|
||||
|
||||
<div class="details_big_img">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/npimg.jpg"
|
||||
alt="chess competition"
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="details_text_wrapper">
|
||||
<h2>chess competition</h2>
|
||||
<p>
|
||||
asklmaklsf lknfa nma lkandslak lkansflka lknfa fn lanfla lnfa l
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
|
||||
<div class="details_small_img">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/ngo.png"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-6 col-sm-6 col-12">
|
||||
<div class="details_small_img">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/event-details1.png"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Sidebar -->
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar_first">
|
||||
|
||||
<!-- Event Details -->
|
||||
<div class="sidebar_boxed">
|
||||
<div class="sidebar_heading_main">
|
||||
<h3>Event Details</h3>
|
||||
</div>
|
||||
|
||||
<div class="event_details_list">
|
||||
<ul>
|
||||
<li>
|
||||
<i class="fa-solid fa-tag"></i>
|
||||
Category:
|
||||
<span>Uncategorized</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
Location:
|
||||
<span>kalanki , Kathmandu</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa-solid fa-calendar-days"></i>
|
||||
Date:
|
||||
<span>18 FEB, 2025</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa-solid fa-envelope"></i>
|
||||
Mail:
|
||||
<span>hello@11gmail.com</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
Phone:
|
||||
<span>983478324873</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="register_now_details">
|
||||
<a
|
||||
href="#"
|
||||
class="view-events-btn"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#registerModal"
|
||||
>
|
||||
REGISTER NOW
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Upcoming Events -->
|
||||
<div class="project_recentdonet_wrapper sidebar_boxed">
|
||||
<div class="sidebar_heading_main">
|
||||
<h3>Upcoming Events</h3>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_item recent_donet_text1">
|
||||
<div class="recent_donet_img">
|
||||
<a href="http://localhost/ngo/?event=chess-competition">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/npimg.jpg"
|
||||
alt="chess competition"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_text">
|
||||
<p>
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<span> Feb 18, 25</span>
|
||||
</p>
|
||||
<p>
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
<span> kalanki , Kathmandu</span>
|
||||
</p>
|
||||
<h4>
|
||||
<a href="http://localhost/ngo/?event=chess-competition">
|
||||
chess competition
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_item recent_donet_text1">
|
||||
<div class="recent_donet_img">
|
||||
<a href="http://localhost/ngo/?event=drawing-competition">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/ngo.jpg"
|
||||
alt="drawing competition"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_text">
|
||||
<p>
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<span> Feb 18, 25</span>
|
||||
</p>
|
||||
<p>
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
<span> kalanki , Kathmandu</span>
|
||||
</p>
|
||||
<h4>
|
||||
<a href="http://localhost/ngo/?event=drawing-competition">
|
||||
drawing competition
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_item recent_donet_text1">
|
||||
<div class="recent_donet_img">
|
||||
<a href="http://localhost/ngo/?event=singing-competion">
|
||||
<img
|
||||
src="http://localhost/ngo/wp-content/uploads/2025/02/blog.jpg"
|
||||
alt="Singing Competition"
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recent_donet_text">
|
||||
<p>
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
<span> Feb 18, 25</span>
|
||||
</p>
|
||||
<p>
|
||||
<i class="fa-solid fa-location-dot"></i>
|
||||
<span> kalanki , Kathmandu</span>
|
||||
</p>
|
||||
<h4>
|
||||
<a href="http://localhost/ngo/?event=singing-competion">
|
||||
Singing Competition
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Location Map -->
|
||||
<div class="share_causes_wrapper sidebar_boxed">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.584239056828!2d85.33215471251988!3d27.692831052506335!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x457c8dd35b95392b%3A0xdaf709ccb7092cb9!2sKantipur%20Infotech!5e0!3m2!1sen!2snp!4v1739944743658!5m2!1sen!2snp"
|
||||
height="350"
|
||||
style="border:0; width:100%;"
|
||||
allowfullscreen
|
||||
loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade">
|
||||
</iframe>
|
||||
</div>
|
||||
|
||||
<!-- Share Causes -->
|
||||
<div class="share_causes_wrapper sidebar_boxed">
|
||||
<div class="sidebar_heading_main">
|
||||
<h3>Share Causes</h3>
|
||||
</div>
|
||||
|
||||
<div class="social_icon_sidebar">
|
||||
<ul>
|
||||
<li><a href="#"><i class="bi bi-facebook"></i></a></li>
|
||||
<li><a href="#"><i class="bi bi-instagram"></i></a></li>
|
||||
<li><a href="#"><i class="bi bi-twitter"></i></a></li>
|
||||
<li><a href="#"><i class="bi bi-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
398
image.html
Normal file
398
image.html
Normal file
@@ -0,0 +1,398 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- 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">
|
||||
<link rel="stylesheet" href="./assets/style.css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- bootstraps icons -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<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">
|
||||
|
||||
<!-- Image with Lightbox -->
|
||||
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
|
||||
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
|
||||
<div class="gallery-img">
|
||||
<img src="./assets/image/man.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<h2>hello</h2>
|
||||
<p>nameste</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
|
||||
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
|
||||
<div class="gallery-img">
|
||||
<img src="./assets/image/man.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<h2>hello</h2>
|
||||
<p>nameste</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
|
||||
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
|
||||
<div class="gallery-img">
|
||||
<img src="./assets/image/image.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<h2>hy</h2>
|
||||
<p>hy</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 mb-4 col-md-6 gallery-item">
|
||||
<a href="./assets/image/man.png" data-lightbox="event-gallery" data-title="">
|
||||
<div class="gallery-img">
|
||||
<img src="./assets/image/bg.png" alt="">
|
||||
<div class="hover-effect">
|
||||
<h2>hy</h2>
|
||||
<p>hy</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
|
||||
<!-- 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>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="<?=get_template_directory_uri();?>/assets/js/lightbox-plus-jquery.js"></script>
|
||||
<!-- pagination -->
|
||||
<script>
|
||||
const itemsPerPage = 2;
|
||||
const items = document.querySelectorAll(".gallery-item");
|
||||
const pagination = document.getElementById("pagination");
|
||||
const totalPages = Math.ceil(items.length / itemsPerPage);
|
||||
let currentPage = 1;
|
||||
|
||||
function showPage(page) {
|
||||
currentPage = page;
|
||||
|
||||
items.forEach((item, index) => {
|
||||
item.style.display =
|
||||
index >= (page - 1) * itemsPerPage &&
|
||||
index < page * itemsPerPage
|
||||
? ""
|
||||
: "none";
|
||||
});
|
||||
|
||||
renderPagination();
|
||||
}
|
||||
|
||||
function renderPagination() {
|
||||
pagination.innerHTML = "";
|
||||
|
||||
const createItem = (label, page, disabled = false, active = false) => {
|
||||
const li = document.createElement("li");
|
||||
li.className = "page-item";
|
||||
if (disabled) li.classList.add("disabled");
|
||||
if (active) li.classList.add("active");
|
||||
|
||||
const a = document.createElement("a");
|
||||
a.className = "page-link";
|
||||
a.href = "#";
|
||||
a.innerHTML = label;
|
||||
|
||||
a.onclick = e => {
|
||||
e.preventDefault();
|
||||
if (!disabled) showPage(page);
|
||||
};
|
||||
|
||||
li.appendChild(a);
|
||||
pagination.appendChild(li);
|
||||
};
|
||||
|
||||
// Prev
|
||||
createItem("«", currentPage - 1, currentPage === 1);
|
||||
|
||||
let start = Math.max(1, currentPage - 2);
|
||||
let end = Math.min(totalPages, currentPage + 2);
|
||||
|
||||
if (start > 1) {
|
||||
createItem("1", 1);
|
||||
if (start > 2) createItem("...", null, true);
|
||||
}
|
||||
|
||||
for (let i = start; i <= end; i++) {
|
||||
createItem(i, i, false, i === currentPage);
|
||||
}
|
||||
|
||||
if (end < totalPages) {
|
||||
if (end < totalPages - 1) createItem("...", null, true);
|
||||
createItem(totalPages, totalPages);
|
||||
}
|
||||
|
||||
// Next
|
||||
createItem("»", currentPage + 1, currentPage === totalPages);
|
||||
}
|
||||
|
||||
showPage(1);
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
326
index.html
326
index.html
@@ -13,7 +13,6 @@
|
||||
<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">
|
||||
|
||||
@@ -36,9 +35,11 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Notice Popup -->
|
||||
<!-- SIDE bar start-->
|
||||
<div class="side-bar">
|
||||
<div class="offcanvas offcanvas-end offcanvas1" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel" style="width: 330px;top: 69px;">
|
||||
<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">
|
||||
@@ -94,140 +95,152 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section id="navbar" >
|
||||
<div class="header-top-wrap">
|
||||
|
||||
<div class="row justify-content-between align-items-center g-0">
|
||||
<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>
|
||||
<!-- 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>
|
||||
|
||||
|
||||
</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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</a>
|
||||
</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="#" 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> COURSE</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Course</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Course Details</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span> BLOG</span>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="./contactpage.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">
|
||||
<form class="header-search" action="/search" method="get">
|
||||
<input
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="Search..."
|
||||
aria-label="Search"
|
||||
/>
|
||||
<button type="submit">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
<div class="after-nabar">
|
||||
<div class="banner v__2">
|
||||
@@ -268,7 +281,7 @@
|
||||
</h1>
|
||||
|
||||
<a
|
||||
href="https://www.eemc.edu.np/about-us"
|
||||
href="./aboutpage.html"
|
||||
class="rts-theme-btn btn-arrow"
|
||||
>
|
||||
Learn More
|
||||
@@ -295,8 +308,8 @@
|
||||
<span class="sc_one">
|
||||
<i class="fa-solid fa-folder-open"></i>
|
||||
</span>
|
||||
<h2 class="counter-num" >Programs Offered</h2>
|
||||
<p>Our Online Course</p>
|
||||
<h2 class="counter-num1">Programs Offered</h2>
|
||||
<!-- <p>Our Online Course</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
@@ -304,8 +317,8 @@
|
||||
<span class="sc_two">
|
||||
<i class="fa-solid fa-medal"></i>
|
||||
</span>
|
||||
<h2 class="counter-num" data-target="299">0</h2>
|
||||
<p>Academic Programs</p>
|
||||
<h2 class="counter-num1">Qualified Lecturers</h2>
|
||||
<!-- <p>Academic Programs</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
@@ -313,8 +326,8 @@
|
||||
<span class="sc_three">
|
||||
<i class="fa-regular fa-id-badge"></i>
|
||||
</span>
|
||||
<h2 class="counter-num" data-target="684">0</h2>
|
||||
<p>Certified Students</p>
|
||||
<h2 class="counter-num1">Certified Graduates</h2>
|
||||
<!-- <p>Certified Students</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
@@ -322,8 +335,8 @@
|
||||
<span class="sc_four">
|
||||
<i class="fa-solid fa-user"></i>
|
||||
</span>
|
||||
<h2 class="counter-num" data-target="941">0</h2>
|
||||
<p>Enrolled Students</p>
|
||||
<h2 class="counter-num1">Active Students</h2>
|
||||
<!-- <p>Enrolled Students</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -846,10 +859,8 @@
|
||||
<h4>About Eduleb</h4>
|
||||
<ul>
|
||||
<li><a href="/">About us</a></li>
|
||||
<li><a href="/">Instructor Registration</a></li>
|
||||
<li><a href="/">Become A Teacher</a></li>
|
||||
<li><a href="/">All Instructors</a></li>
|
||||
<li><a href="/">Asked Question</a></li>
|
||||
<li><a href="/">Event</a></li>
|
||||
<li><a href="/">Blog</a></li>
|
||||
<li><a href="/">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -860,11 +871,9 @@
|
||||
<div class="single_footer1">
|
||||
<h4>Popular Courses</h4>
|
||||
<ul>
|
||||
<li><a href="/">Development</a></li>
|
||||
<li><a href="/">BIT</a></li>
|
||||
<li><a href="/">Arts & design</a></li>
|
||||
<li><a href="/">Visual Design</a></li>
|
||||
<li><a href="/">Graphic Design</a></li>
|
||||
<li><a href="/">Code Inspection</a></li>
|
||||
<li><a href="/">BTechEdIT</a></li>
|
||||
<li><a href="/">Digital Marketing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -915,8 +924,29 @@
|
||||
</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>
|
||||
<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');
|
||||
|
||||
424
videos.html
Normal file
424
videos.html
Normal file
@@ -0,0 +1,424 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<!-- 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">
|
||||
<link rel="stylesheet" href="./assets/style.css">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- bootstraps icons -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<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="#" 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> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" 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="#" 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="./courses.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.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">
|
||||
<button class="btn apply-btn">
|
||||
APPLY NOW
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<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">
|
||||
|
||||
<div class="col-lg-3 mb-3 col-md-6 custom-gallery-item gallery-item">
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="#" data-type="youtube">
|
||||
<div class="custom-gallery-img">
|
||||
<img src="./assets/image/bg.png" alt="" class="img-fluid">
|
||||
<!-- Play Icon (visible on hover) -->
|
||||
<div class="play-icon">
|
||||
<i class="fas fa-play"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Video Title and Description -->
|
||||
<div class="video-description">
|
||||
<h3>hello</h3>
|
||||
<p>nameste hello</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mb-3 col-md-6 custom-gallery-item gallery-item">
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="#" data-type="youtube">
|
||||
<div class="custom-gallery-img">
|
||||
<img src="./assets/image/bg.png" alt="" class="img-fluid">
|
||||
<!-- Play Icon (visible on hover) -->
|
||||
<div class="play-icon">
|
||||
<i class="fas fa-play"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Video Title and Description -->
|
||||
<div class="video-description">
|
||||
<h3>hello</h3>
|
||||
<p>nameste hello</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 mb-3 col-md-6 custom-gallery-item gallery-item">
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="#" data-type="youtube">
|
||||
<div class="custom-gallery-img">
|
||||
<img src="./assets/image/bg.png" alt="" class="img-fluid">
|
||||
<!-- Play Icon (visible on hover) -->
|
||||
<div class="play-icon">
|
||||
<i class="fas fa-play"></i>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- Video Title and Description -->
|
||||
<div class="video-description">
|
||||
<h3>hello</h3>
|
||||
<p>nameste hello</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<nav class="mt-4">
|
||||
<ul class="pagination justify-content-center" id="pagination"></ul>
|
||||
</nav>
|
||||
<!-- 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>
|
||||
|
||||
|
||||
<!-- Video Modal -->
|
||||
<div class="modal fade modal1" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog custom-video-modal">
|
||||
<div class="modal-content" id="model-content1">
|
||||
<div class="modal-header custom-modal-header">
|
||||
<h5 class="modal-title" id="videoModalLabel">Educational Video</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- Video iframe for YouTube videos, Video element for camera videos -->
|
||||
<div id="videoContainer" class="custom-video-container">
|
||||
<iframe id="videoIframe" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
<video id="videoElement" controls style="display: none;">
|
||||
<source id="videoSource" src="" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<script src="<?=get_template_directory_uri();?>/assets/js/lightbox-plus-jquery.js"></script>
|
||||
<!-- pagination -->
|
||||
<script>
|
||||
const itemsPerPage = 2;
|
||||
const items = document.querySelectorAll(".gallery-item");
|
||||
const pagination = document.getElementById("pagination");
|
||||
const totalPages = Math.ceil(items.length / itemsPerPage);
|
||||
let currentPage = 1;
|
||||
|
||||
function showPage(page) {
|
||||
currentPage = page;
|
||||
|
||||
items.forEach((item, index) => {
|
||||
item.style.display =
|
||||
index >= (page - 1) * itemsPerPage &&
|
||||
index < page * itemsPerPage
|
||||
? ""
|
||||
: "none";
|
||||
});
|
||||
|
||||
renderPagination();
|
||||
}
|
||||
|
||||
function renderPagination() {
|
||||
pagination.innerHTML = "";
|
||||
|
||||
const createItem = (label, page, disabled = false, active = false) => {
|
||||
const li = document.createElement("li");
|
||||
li.className = "page-item";
|
||||
if (disabled) li.classList.add("disabled");
|
||||
if (active) li.classList.add("active");
|
||||
|
||||
const a = document.createElement("a");
|
||||
a.className = "page-link";
|
||||
a.href = "#";
|
||||
a.innerHTML = label;
|
||||
|
||||
a.onclick = e => {
|
||||
e.preventDefault();
|
||||
if (!disabled) showPage(page);
|
||||
};
|
||||
|
||||
li.appendChild(a);
|
||||
pagination.appendChild(li);
|
||||
};
|
||||
|
||||
// Prev
|
||||
createItem("«", currentPage - 1, currentPage === 1);
|
||||
|
||||
let start = Math.max(1, currentPage - 2);
|
||||
let end = Math.min(totalPages, currentPage + 2);
|
||||
|
||||
if (start > 1) {
|
||||
createItem("1", 1);
|
||||
if (start > 2) createItem("...", null, true);
|
||||
}
|
||||
|
||||
for (let i = start; i <= end; i++) {
|
||||
createItem(i, i, false, i === currentPage);
|
||||
}
|
||||
|
||||
if (end < totalPages) {
|
||||
if (end < totalPages - 1) createItem("...", null, true);
|
||||
createItem(totalPages, totalPages);
|
||||
}
|
||||
|
||||
// Next
|
||||
createItem("»", currentPage + 1, currentPage === totalPages);
|
||||
}
|
||||
|
||||
showPage(1);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user