Files
.south-city-college/event-detail.html

565 lines
22 KiB
HTML

<!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>
<div class="side-bar">
<div class="offcanvas offcanvas-end offcanvas1" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel" style="width: 330px;top: 100px;">
<div class="side-menu-items">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>HOME</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./aboutpage.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>ABOUT</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> 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">
<a class="nav-link" href="./event-list.html"><span>Events</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog-list.html"><span>Blogs</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Gallery</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu ">
<li>
<a href="./image.html">
Images
</a>
</li>
<li>
<a href="./videos.html">
Videos
</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./contactpage.html"><span>CONTACT</span></a>
</li>
</ul>
</div>
</div>
</div>
<section id="navbar" >
<div class="header-top-wrap">
<div class="row justify-content-between align-items-center g-0">
<!-- Left Section -->
<div class="col-lg-7">
<div class="header-top-left">
<ul class="list-wrap">
<li>
<i class="fa-solid fa-location-dot"></i>
<a href="#">Birgunj-15,Parsa</a>
</li>
<li>
<i class="fa-regular fa-envelope"></i>
<a href="mailto:#">
sample@abc.edu.np
</a>
</li>
</ul>
</div>
</div>
<!-- Right Section -->
<div class="col-lg-2 ps-5">
<div class="header-top-right">
<div class="header-social">
<ul class="list-wrap">
<li>
<a target="_blank" href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a target="_blank" href="#">
<i class="fab fa-instagram"></i>
</a>
</li>
<li>
<a target="_blank" href="#">
<i class="fab fa-youtube"></i>
</a>
</li>
<li>
<a target="_blank" href="#">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<div class="navbar-logo">
<a class="navbar-brand" href="#">
<img src="./assets/image/scc.png" alt="">
</a>
</div>
<button type="button" class="navbar-toggler" type="button" style="border: none;"
data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions">
<div class="hamburgermenu">
<div class="hamburger line-1"></div>
<div class="hamburger line-2"></div>
<div class="hamburger line-3"></div>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>HOME</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="/aboutpage.html">
<span>ABOUT</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> 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="./event-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span> events</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Blogs</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Gallery</span>
<i class="fas fa-chevron-down"></i>
</a>
<ul class="subdropdown-menu subdropdown-menu11 ">
<li class="vdo">
<a href="/image.html">Photos</a>
</li>
<li class="vdo">
<a href="/videos.html">Videos</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html"><span>CONTACT</span></a>
</li>
<!-- <li class="nav-item">
<a class="nav-link apply-now" href="./contactpage.html">
<span>Apply Now</span>
</a>
</li> -->
</ul>
</div>
<div class="col-20 d-none d-lg-block text-end align-self-center header-action-container apply1">
<a href="#">
<button class="btn apply-btn">
APPLY NOW
</button>
</a>
</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 &amp; 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>