434 lines
20 KiB
HTML
434 lines
20 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 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>
|
|
<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>Get In Touch</h1>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li class="ms-1"> / Contact</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="contact_area pt-0 overflow-hidden">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
|
|
<div class="section-title section-title111" style="opacity: 1; transform: none; will-change: auto;">
|
|
<h2>Do you have any Query?<br>Submit Your message.</h2>
|
|
</div>
|
|
<!-- Contact Form Section -->
|
|
<div class="col-lg-7 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
|
|
<div class="contact">
|
|
<form class="form">
|
|
<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> |