preregistration form, event-list page and other remaing section are adjusted
This commit is contained in:
Roshan476
204
aboutpage.html
204
aboutpage.html
@@ -32,6 +32,74 @@
|
||||
</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">
|
||||
@@ -107,7 +175,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -125,21 +193,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -151,10 +219,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -169,13 +237,12 @@
|
||||
</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>
|
||||
@@ -296,56 +363,7 @@
|
||||
</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;">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title text-center">
|
||||
<h2>Start your journey With us</h2>
|
||||
<p>We offer a brand new approach to the most basic learning paradigms.
|
||||
Choose from a wide range of learning options and gain new skills! Our school is known.</p>
|
||||
</div>
|
||||
|
||||
<!-- Row -->
|
||||
<div class="row g-4">
|
||||
<!-- Column 1 -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp">
|
||||
<div class="single_tp">
|
||||
<span class="sc_one">01</span>
|
||||
<h3>Expert <br>Teacher</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Column 2 -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
|
||||
<div class="single_tp">
|
||||
<span class="sc_two">02</span>
|
||||
<h3>Quality <br>Education</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Column 3 -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
|
||||
<div class="single_tp">
|
||||
<span class="sc_three">03</span>
|
||||
<h3>Remote <br>Learning</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Column 4 -->
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
|
||||
<div class="single_tp">
|
||||
<span class="sc_four">04</span>
|
||||
<h3>Life Time <br>Support</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur notted adipisicing elit ut labore.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Vision Mission and GOAL part -->
|
||||
<section class=" vjn-msn-gl"
|
||||
@@ -405,62 +423,6 @@ style="background-image: url('./assets/images/shape-1.png'); background-size: co
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- <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">
|
||||
<div class="col-lg-12 vp_top">
|
||||
<div class="video-area2">
|
||||
<a class="magnific_popup video-button" role="button">
|
||||
<i class="fa fa-play"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<div class="single-counter">
|
||||
<span class="sc_one">
|
||||
<i class="fa-solid fa-folder-open"></i>
|
||||
</span>
|
||||
<h2 class="counter-num" data-target="134">0</h2>
|
||||
<p>Our Online Course</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-counter">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-counter">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-counter">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<section class="section-padding insfreecourse overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row" style="opacity: 1; transform: none; will-change: auto;">
|
||||
@@ -471,9 +433,9 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
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>
|
||||
<h1>Become an Tech Engineer</h1>
|
||||
<p>Learn at your own pace, move between multiple courses.</p>
|
||||
<a class="btn_one" href="#">Apply now <i class="bi bi-arrow-up-right"></i></a>
|
||||
<a class="btn_one btn222" href="#">Apply now <i class="bi bi-arrow-up-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -484,9 +446,9 @@ style="background-image: url(./assets/images/child.jpg); background-size: cover;
|
||||
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>
|
||||
<h1>Lets message us</h1>
|
||||
<p>Learn at your own pace, move between multiple courses.</p>
|
||||
<a class="btn_one" href="#">Contact now <i class="bi bi-arrow-up-right"></i></a>
|
||||
<a class="btn_one btn222" href="./contact.html">Contact now <i class="bi bi-arrow-up-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -637,10 +599,10 @@ function initializeSwiper(swiperId, autoplayDelay, slidesPerView, breakpointsCon
|
||||
}
|
||||
|
||||
// LEFT testimonial
|
||||
initializeSwiper('#testimonial-slider-left', 3000, 1);
|
||||
initializeSwiper('#testimonial-slider-left', 7000, 1);
|
||||
|
||||
// RIGHT testimonial
|
||||
initializeSwiper('#testimonial-slider-right', 3000, 1);
|
||||
initializeSwiper('#testimonial-slider-right', 7000, 1);
|
||||
|
||||
|
||||
// event
|
||||
|
||||
@@ -73,10 +73,10 @@ color: var(--font-color1);
|
||||
color: #1a2d62;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
height: 70px;
|
||||
/* height: 70px; */
|
||||
padding: 10px 10px 10px 30px;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
form-control:focus {
|
||||
|
||||
@@ -98,7 +98,7 @@ form-control:focus {
|
||||
.view-events-btn {
|
||||
display: inline-block;
|
||||
border: 2px solid var(--primary-color1);
|
||||
color:var(--primary-color1);
|
||||
color:var(--font-color1);
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
|
||||
240
assets/style.css
240
assets/style.css
@@ -129,7 +129,16 @@ h1, h2, h3, h4, h5, h6 {
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.side-bar .offcanvas{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.side-bar .social_profile ul {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
/* Animation */
|
||||
@keyframes zoomIn {
|
||||
from {
|
||||
@@ -310,7 +319,7 @@ margin-top: 6%;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
.hp-hero__video-container video {
|
||||
height: 71vh;
|
||||
height: 79vh;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
@@ -404,7 +413,7 @@ img {
|
||||
|
||||
}
|
||||
.banner.v__2 .banner__slides--content .rts-theme-btn {
|
||||
margin-bottom: 29px;
|
||||
margin-bottom: 85px;
|
||||
animation: fadeInUp 0.8s;
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -777,7 +786,7 @@ a, button {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#navbar .navbar {
|
||||
@@ -804,10 +813,17 @@ justify-content: center;
|
||||
text-transform: uppercase;
|
||||
color: var(--font-color);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
font-size: 13px;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
.section-title111 h2 {
|
||||
font-size: 24px !important;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
.section-title111{
|
||||
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
/* underline */
|
||||
#navbar .navbar #navbarNavDropdown .nav-item span::after {
|
||||
content: "";
|
||||
@@ -899,7 +915,7 @@ height: 90px;
|
||||
|
||||
.btn_one {
|
||||
border: 2px solid var(--font-color);
|
||||
padding: 15px 30px;
|
||||
padding: 10px 20px;
|
||||
border-radius: 2px;
|
||||
color: var(--font-color);
|
||||
transition: 0.3s ease-out;
|
||||
@@ -1136,11 +1152,11 @@ margin-bottom: 80px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.section-title h2 {
|
||||
font-size: 40px;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
margin-top: 0px;
|
||||
position: relative;
|
||||
line-height: 50px;
|
||||
/* line-height: 50px; */
|
||||
color: var(--font-color);
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
@@ -1346,7 +1362,7 @@ background: radial-gradient(
|
||||
|
||||
/* Title spacing */
|
||||
.sectionTitle__title {
|
||||
font-size: 42px;
|
||||
/* font-size: 42px; */
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@@ -1513,7 +1529,7 @@ background: radial-gradient(
|
||||
z-index: -1;
|
||||
}
|
||||
#card-part {
|
||||
width: 406px;
|
||||
/* width: 406px; */
|
||||
}
|
||||
.vision .icon {
|
||||
/* border: 1px solid var(--primary-color); */
|
||||
@@ -1575,10 +1591,22 @@ width: 61px;
|
||||
.ab_content {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.modal-content121{
|
||||
margin-left: 70px !important;
|
||||
}
|
||||
#applyModal button{
|
||||
background-color: var(--primary-color1) !important;
|
||||
color: var(--font-color1) !important;
|
||||
transition: 0.3s all ease-out;
|
||||
}
|
||||
#applyModal button:hover{
|
||||
background-color: var(--hover-color) !important;
|
||||
|
||||
}
|
||||
.ab_content h2 {
|
||||
font-weight: 600;
|
||||
line-height: 50px;
|
||||
font-size: 38px;
|
||||
/* font-size: 38px; */
|
||||
margin-bottom: 20px;
|
||||
letter-spacing: 0px;
|
||||
margin: 0;
|
||||
@@ -1662,7 +1690,7 @@ ul {
|
||||
/* course offer */
|
||||
/* Container spacing */
|
||||
.component-content {
|
||||
padding: 80px 0;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
/* Main liftout layout */
|
||||
@@ -1718,7 +1746,7 @@ ul {
|
||||
}
|
||||
|
||||
.image__liftout h3 {
|
||||
font-size: 36px;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
color: var(--font-color);
|
||||
margin-bottom: 20px;
|
||||
@@ -1734,7 +1762,7 @@ ul {
|
||||
/* Button */
|
||||
.image__liftout .button {
|
||||
display: inline-block;
|
||||
padding: 12px 26px;
|
||||
padding: 6px 19px;
|
||||
border: 2px solid var(--font-color);
|
||||
color: var(--font-color);
|
||||
text-decoration: none;
|
||||
@@ -1907,7 +1935,7 @@ ul {
|
||||
.testimonial_content p {
|
||||
overflow: hidden;
|
||||
margin-top: 15px;
|
||||
font-size: 22px;
|
||||
font-size: 15px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
@@ -2134,7 +2162,7 @@ ul {
|
||||
.single_blog h2 a {
|
||||
color: #1a2d62;
|
||||
font-weight: 600;
|
||||
margin-bottom: 40px;
|
||||
/* margin-bottom: 40px; */
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -2259,7 +2287,7 @@ ul {
|
||||
margin-bottom: 10px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 700;
|
||||
font-size: 50px;
|
||||
/* font-size: 50px; */
|
||||
color: var(--font-color1);
|
||||
}
|
||||
.section-top-title ul li {
|
||||
@@ -2482,6 +2510,7 @@ object-fit: cover;
|
||||
.custom-gallery-img
|
||||
{
|
||||
position: relative;
|
||||
transition: 0.3s all ease-out;
|
||||
}
|
||||
.custom-gallery-img img {
|
||||
width: 100%;
|
||||
@@ -2499,6 +2528,9 @@ object-fit: cover;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.custom-gallery-img:hover .play-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
.custom-gallery-item .video-description {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
@@ -2776,7 +2808,7 @@ color: var(--font-color1);
|
||||
margin-top: 100px;
|
||||
}
|
||||
.heading {
|
||||
font-size: 40px;
|
||||
font-size: 30px;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 0.5rem;
|
||||
color: var(--font-color);
|
||||
@@ -2806,3 +2838,175 @@ color: var(--font-color1);
|
||||
.view-events-btn:hover {
|
||||
background-color: var(--hover-color);
|
||||
}
|
||||
|
||||
/* eevent */
|
||||
.event-section {
|
||||
margin: 60px 0px;
|
||||
font-family: Mukta, sans-serif;
|
||||
}
|
||||
.card.event-card {
|
||||
border-radius: 5px !important;
|
||||
border-top-right-radius: 5px !important;
|
||||
border-bottom-left-radius: 5px !important;
|
||||
padding: 0px !important;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
height: 85% !important;
|
||||
transition: 0.5s all ease-out;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Section Title */
|
||||
.sec-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 40px 0 30px;
|
||||
}
|
||||
|
||||
.sec-title h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.feedback-divider2 {
|
||||
border: 0;
|
||||
height: 2px;
|
||||
background: #00b000;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
/* Event Cards */
|
||||
.event-card {
|
||||
height: 500px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.event-card img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
filter: brightness(45%);
|
||||
}
|
||||
|
||||
/* Overlay */
|
||||
.card-img-overlay1 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 24px;
|
||||
color: #fff;
|
||||
background-color: var(--primary-color1);
|
||||
}
|
||||
|
||||
/* Event Meta */
|
||||
.event-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
font-size: 14px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.event-meta i {
|
||||
color: var(--hover-color);
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.event-meta.small {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Titles */
|
||||
.event-title {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
line-height: 1.4;
|
||||
transition: 0.4s all ease-out;
|
||||
}
|
||||
|
||||
.event-title-small {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Right Side List */
|
||||
.event-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
height: 500px;
|
||||
/* gap: 24px; */
|
||||
}
|
||||
|
||||
.side-post img {
|
||||
width: 100%;
|
||||
height: 108px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.event-meta .btn121 i{
|
||||
transition: 0.3s all ease-out;
|
||||
color: var(--font-color) !important;
|
||||
}
|
||||
.btn_one.btn121:hover i{
|
||||
color: var(--font-color1) !important;
|
||||
}
|
||||
|
||||
/* Hover */
|
||||
.event-card:hover .event-title {
|
||||
transform: translateY(-6px);
|
||||
transition: 0.4s all ease-out;
|
||||
}
|
||||
.event-date-badge {
|
||||
position: absolute;
|
||||
/* top: 16px; */
|
||||
right: -2px;
|
||||
background: var(--hover-color);
|
||||
color: #fff;
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
border-radius: 6px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
z-index: 5;
|
||||
box-shadow: 0 6px 15px rgba(0,0,0,0.25);
|
||||
}
|
||||
.btn222{
|
||||
background-color: var(--font-color1);
|
||||
}
|
||||
.event-date-badge .month {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.event-date-badge .day {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.event123{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.eventbtn{
|
||||
display: flex;
|
||||
}
|
||||
.event111{
|
||||
display: none;
|
||||
}
|
||||
.card.event-card {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -12,6 +12,74 @@
|
||||
<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">
|
||||
@@ -87,7 +155,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -105,21 +173,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -131,10 +199,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -149,13 +217,12 @@
|
||||
</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>
|
||||
|
||||
@@ -32,6 +32,74 @@
|
||||
</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">
|
||||
@@ -107,7 +175,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -125,21 +193,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -151,10 +219,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -169,9 +237,11 @@
|
||||
</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>
|
||||
@@ -238,6 +308,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
@@ -345,7 +425,7 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-element-bundle.min.js"></script>
|
||||
<!-- pagination -->
|
||||
<script>
|
||||
const itemsPerPage = 2;
|
||||
const itemsPerPage = 3;
|
||||
const items = document.querySelectorAll(".gallery-item");
|
||||
const pagination = document.getElementById("pagination");
|
||||
const totalPages = Math.ceil(items.length / itemsPerPage);
|
||||
|
||||
88
contact.html
88
contact.html
@@ -11,7 +11,74 @@
|
||||
<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">
|
||||
@@ -87,7 +154,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -105,21 +172,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -131,10 +198,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -149,13 +216,12 @@
|
||||
</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>
|
||||
@@ -178,7 +244,7 @@
|
||||
<div class="container">
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<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 -->
|
||||
|
||||
@@ -12,6 +12,74 @@
|
||||
<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">
|
||||
@@ -87,7 +155,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -105,21 +173,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -131,10 +199,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -149,13 +217,12 @@
|
||||
</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>
|
||||
|
||||
547
event-list.html
Normal file
547
event-list.html
Normal file
@@ -0,0 +1,547 @@
|
||||
<!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>
|
||||
<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>Events</h1>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li class="ms-1"> / events</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section class="event-section">
|
||||
<div class="container">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title text-center">
|
||||
<h2>Latest Events</h2>
|
||||
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- Left Big Event -->
|
||||
<div class="col-md-4 event123 gallery-item">
|
||||
<a href="#">
|
||||
<div class="card event-card">
|
||||
<img src="./assets/image/blog.png" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month">DEC</span>
|
||||
<span class="day">22</span>
|
||||
</div>
|
||||
<div class="card-img-overlay1">
|
||||
<div class="event-meta">
|
||||
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
|
||||
<span><i class="bi bi-clock"></i>10:30 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
National Tech Campaign
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Middle Big Event -->
|
||||
|
||||
<div class="col-md-4 event123 gallery-item">
|
||||
<a href="#">
|
||||
<div class="card event-card">
|
||||
<img src="./assets/image/blog.png" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month">DEC</span>
|
||||
<span class="day">23</span>
|
||||
</div>
|
||||
|
||||
<div class="card-img-overlay1">
|
||||
<div class="event-meta">
|
||||
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
|
||||
<span><i class="bi bi-clock"></i>10:30 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
National Tech Campaign
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4 event123 gallery-item">
|
||||
<a href="#">
|
||||
<div class="card event-card">
|
||||
<img src="./assets/image/blog.png" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month">DEC</span>
|
||||
<span class="day">23</span>
|
||||
</div>
|
||||
|
||||
<div class="card-img-overlay1">
|
||||
<div class="event-meta">
|
||||
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
|
||||
<span><i class="bi bi-clock"></i>10:30 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
National Tech Campaign
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4 event123 gallery-item">
|
||||
<a href="#">
|
||||
<div class="card event-card">
|
||||
<img src="./assets/image/blog.png" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month">DEC</span>
|
||||
<span class="day">23</span>
|
||||
</div>
|
||||
|
||||
<div class="card-img-overlay1">
|
||||
<div class="event-meta">
|
||||
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
|
||||
<span><i class="bi bi-clock"></i>10:30 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
National Tech Campaign
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</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 = 3;
|
||||
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>
|
||||
97
image.html
97
image.html
@@ -12,6 +12,74 @@
|
||||
<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">
|
||||
@@ -87,7 +155,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -105,21 +173,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -131,10 +199,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -149,13 +217,12 @@
|
||||
</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>
|
||||
@@ -300,16 +367,6 @@
|
||||
</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>
|
||||
|
||||
355
index.html
355
index.html
@@ -45,7 +45,7 @@
|
||||
<div class="side-menu-items">
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -57,34 +57,45 @@
|
||||
</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>
|
||||
|
||||
</a>
|
||||
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span> PAGES</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> BLOG</span>
|
||||
<span> Admissions</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./blogpage.html">
|
||||
Blog
|
||||
<a href="#">
|
||||
Admission Process
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/home-2">
|
||||
Blog Details
|
||||
<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>
|
||||
@@ -93,6 +104,14 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="social_profile">
|
||||
<ul>
|
||||
<li><a class="f_facebook" href="/"><i class="bi bi-facebook"></i></a></li>
|
||||
<li><a class="f_twitter" href="/"><i class="bi bi-twitter"></i></a></li>
|
||||
<li><a class="f_instagram" href="/"><i class="bi bi-instagram"></i></a></li>
|
||||
<li><a class="f_linkedin" href="/"><i class="bi bi-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section id="navbar" >
|
||||
@@ -196,7 +215,7 @@
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link " href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./event-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span> events</span>
|
||||
</a>
|
||||
|
||||
@@ -233,9 +252,10 @@
|
||||
|
||||
<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 class="btn apply-btn px-4 py-2" data-bs-toggle="modal" data-bs-target="#applyModal">
|
||||
Apply Now
|
||||
</button>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -300,53 +320,12 @@
|
||||
</div>
|
||||
|
||||
|
||||
<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">
|
||||
<div class="single-counter">
|
||||
<span class="sc_one">
|
||||
<i class="fa-solid fa-folder-open"></i>
|
||||
</span>
|
||||
<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">
|
||||
<div class="single-counter">
|
||||
<span class="sc_two">
|
||||
<i class="fa-solid fa-medal"></i>
|
||||
</span>
|
||||
<h2 class="counter-num1">Qualified Lecturers</h2>
|
||||
<!-- <p>Academic Programs</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-counter">
|
||||
<span class="sc_three">
|
||||
<i class="fa-regular fa-id-badge"></i>
|
||||
</span>
|
||||
<h2 class="counter-num1">Certified Graduates</h2>
|
||||
<!-- <p>Certified Students</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6 col-xs-12">
|
||||
<div class="single-counter">
|
||||
<span class="sc_four">
|
||||
<i class="fa-solid fa-user"></i>
|
||||
</span>
|
||||
<h2 class="counter-num1">Active Students</h2>
|
||||
<!-- <p>Enrolled Students</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- start your journey part -->
|
||||
<section class="top_cat__area section-padding pb-0 overflow-hidden"
|
||||
style="background-color: #f5f5fd; background-size: cover; background-position: center center;">
|
||||
style="background-size: cover; background-position: center center;">
|
||||
<div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title text-center">
|
||||
@@ -398,7 +377,7 @@
|
||||
</div>
|
||||
</section>
|
||||
<!-- Courses that we offer -->
|
||||
<section data-component="liftout-placeholder" class="component-content">
|
||||
<section id="course" data-component="liftout-placeholder" class="component-content">
|
||||
<div class="section-title text-center">
|
||||
<h2>Courses that we offer</h2>
|
||||
<p>
|
||||
@@ -547,15 +526,15 @@
|
||||
<!-- Left Content Section -->
|
||||
<div class="col-lg-6 col-sm-12 col-xs-12 animated-box" style="opacity: 1; transform: none; will-change: auto;">
|
||||
<div class="ab_content">
|
||||
<h2>Why Choose Us For Your Online Education Courses</h2>
|
||||
<h2>Why Choose Us For Your <br>Study</h2>
|
||||
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known for its commitment to high-quality education.</p>
|
||||
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known for delivering top-notch education.</p>
|
||||
<ul>
|
||||
<li><i class="bi bi-check2"></i> Get access to <b>12,000+</b> of our top courses</li>
|
||||
<li><i class="bi bi-check2"></i> Get access to our top courses</li>
|
||||
<li><i class="bi bi-check2"></i> Popular topics to learn now in our online courses for students</li>
|
||||
<li><i class="bi bi-check2"></i> Find the right instructor for you</li>
|
||||
</ul>
|
||||
<a class="btn_one" href="/course">View All Courses <i class="bi bi-arrow-up-right"></i></a>
|
||||
<a class="btn_one" href="#course">View Our Courses <i class="bi bi-arrow-up-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -565,8 +544,8 @@
|
||||
<img src="./assets/image/man.png" class="img-fluid" alt="image">
|
||||
<div class="home_ps2">
|
||||
<span class="ti-book"></span>
|
||||
<h2 class="">3300+</h2>
|
||||
<p>Online Courses</p>
|
||||
<h2 class=""></h2>
|
||||
<p>Genuine Courses</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -665,9 +644,157 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- events -->
|
||||
<section class="event-section">
|
||||
<div class="container">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title text-center">
|
||||
<h2>Latest Events</h2>
|
||||
<p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- Left Big Event -->
|
||||
<div class="col-md-4 event123">
|
||||
<a href="#">
|
||||
<div class="card event-card">
|
||||
<img src="./assets/image/blog.png" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month">DEC</span>
|
||||
<span class="day">22</span>
|
||||
</div>
|
||||
<div class="card-img-overlay1">
|
||||
<div class="event-meta">
|
||||
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
|
||||
<span><i class="bi bi-clock"></i>10:30 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
National Tech Campaign
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Middle Big Event -->
|
||||
|
||||
<div class="col-md-4 event123">
|
||||
<a href="#">
|
||||
<div class="card event-card">
|
||||
<img src="./assets/image/blog.png" alt="">
|
||||
<div class="event-date-badge">
|
||||
<span class="month">DEC</span>
|
||||
<span class="day">23</span>
|
||||
</div>
|
||||
|
||||
<div class="card-img-overlay1">
|
||||
<div class="event-meta">
|
||||
<!-- <span><i class="bi bi-calendar-event"></i> 2025-12-23</span> -->
|
||||
<span><i class="bi bi-clock"></i>10:30 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Kathmandu</span>
|
||||
</div>
|
||||
|
||||
<h2 class="event-title">
|
||||
National Tech Campaign
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Right Side Event List -->
|
||||
<div class="col-md-4 event111">
|
||||
<div class="event-list">
|
||||
<!-- Event Item -->
|
||||
<div class="side-post">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<a href="#">
|
||||
<img src="https://techkagaj.com/wp-content/uploads/2023/09/Iphone-15.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="event-meta small">
|
||||
<span><i class="bi bi-calendar-event"></i> 23 December</span>
|
||||
<span><i class="bi bi-clock"></i> 11:00 AM</span>
|
||||
<span><i class="bi bi-geo-alt"></i>Chitwan</span>
|
||||
</div>
|
||||
<h3 class="event-title-small">
|
||||
Field visit
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Event Item -->
|
||||
<div class="side-post">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<a href="#">
|
||||
<img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="event-meta small">
|
||||
<span><i class="bi bi-calendar-event"></i> 21 December</span>
|
||||
<span><i class="bi bi-clock"></i> 3:00 PM</span>
|
||||
<span><i class="bi bi-geo-alt"></i> Dharan</span>
|
||||
</div>
|
||||
<h3 class="event-title-small">
|
||||
Youth meet
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Event Item -->
|
||||
<div class="side-post">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<a href="#">
|
||||
<img src="https://techkagaj.com/wp-content/uploads/2022/09/iphone-14-iphone-14-plus-hero-220907-geo.jpg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="event-meta small">
|
||||
<span><i class="bi bi-calendar-event"></i> 21 December</span>
|
||||
<span><i class="bi bi-clock"></i> 3:00 PM</span>
|
||||
<span><i class="bi bi-geo-alt"></i> Dharan</span>
|
||||
</div>
|
||||
<h3 class="event-title-small">
|
||||
Youth meet
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="event-meta small">
|
||||
<a class="btn_one btn121" href="/blog/professional-mobile-painting-and-sculpting">View More <i class="bi bi-arrow-up-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="eventbtn" style="display: none;">
|
||||
<a class="btn_one btn121" href="/blog/professional-mobile-painting-and-sculpting">View More <i class="bi bi-arrow-up-right"></i></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- testimonial -->
|
||||
<!-- testimonial area -->
|
||||
<section class="testi_area section-padding overflow-hidden">
|
||||
<section class="testi_area overflow-hidden">
|
||||
<div class="container">
|
||||
<!-- Section Title -->
|
||||
<div class="section-title" style="opacity: 1; transform: none; will-change: auto;">
|
||||
@@ -923,6 +1050,88 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Apply Now Modal -->
|
||||
<div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content modal-content121">
|
||||
|
||||
<!-- Modal Header -->
|
||||
<div class="modal-header border-0">
|
||||
<h3 class="modal-title w-100 text-center text-danger fw-bold">
|
||||
Pre-registration
|
||||
</h3>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
|
||||
<!-- Modal Body -->
|
||||
<div class="modal-body px-4 pb-4">
|
||||
<form>
|
||||
|
||||
<!-- Guardian Name -->
|
||||
<div class="mb-3">
|
||||
<label class="form-label text-danger">
|
||||
Name of the guardian <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="text" class="form-control custom-input" required>
|
||||
</div>
|
||||
|
||||
<!-- Child Name -->
|
||||
<div class="mb-3">
|
||||
<label class="form-label text-danger">
|
||||
Name of the student<span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="text" class="form-control custom-input" required>
|
||||
</div>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="mb-3">
|
||||
<label class="form-label text-danger">
|
||||
Email <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="email" class="form-control custom-input" required>
|
||||
</div>
|
||||
|
||||
<!-- Contact -->
|
||||
<div class="mb-3">
|
||||
<label class="form-label text-danger">
|
||||
Contact number <span class="text-danger">*</span>
|
||||
</label>
|
||||
<input type="tel" class="form-control custom-input" required>
|
||||
</div>
|
||||
|
||||
<!-- Grade -->
|
||||
<div class="mb-4">
|
||||
<label class="form-label text-danger">
|
||||
Choose your course: <span class="text-danger">*</span>
|
||||
</label>
|
||||
<select class="form-select custom-input" required>
|
||||
<option>BIT</option>
|
||||
<option>BTechEdIT</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- reCAPTCHA Placeholder -->
|
||||
<div class="mb-4">
|
||||
<div class="border rounded p-3 d-inline-flex align-items-center gap-3">
|
||||
<input type="checkbox">
|
||||
<span>I’m not a robot</span>
|
||||
<small class="text-muted ms-3">reCAPTCHA</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Submit -->
|
||||
<button type="submit" class="btn w-100 py-2 fw-bold">
|
||||
SEND
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Link to Bootstrap JS (optional) -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="/bootstraps/js/bootstrap.bundle.min.js">
|
||||
|
||||
119
videos.html
119
videos.html
@@ -12,6 +12,74 @@
|
||||
<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">
|
||||
@@ -87,7 +155,7 @@
|
||||
<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">
|
||||
<a class="nav-link " href="./index.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>HOME</span>
|
||||
</a>
|
||||
|
||||
@@ -105,21 +173,21 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu ">
|
||||
<li>
|
||||
<a href="./courses.html">Admission process</a>
|
||||
<a href="#">Admission process</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./courseDetail.html">Scholarship</a></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">
|
||||
<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="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a class="nav-link " href="./blog-list.html" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span>Blogs</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -131,10 +199,10 @@
|
||||
</a>
|
||||
<ul class="subdropdown-menu subdropdown-menu11 ">
|
||||
<li class="vdo">
|
||||
<a href="./courses.html">Photos</a>
|
||||
<a href="/image.html">Photos</a>
|
||||
</li>
|
||||
<li class="vdo">
|
||||
<a href="./courseDetail.html">Videos</a></li>
|
||||
<a href="/videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -149,13 +217,12 @@
|
||||
</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>
|
||||
@@ -178,7 +245,7 @@
|
||||
<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">
|
||||
<a href="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-type="youtube">
|
||||
<div class="custom-gallery-img">
|
||||
<img src="./assets/image/bg.png" alt="" class="img-fluid">
|
||||
<!-- Play Icon (visible on hover) -->
|
||||
@@ -194,7 +261,7 @@
|
||||
</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">
|
||||
<a href="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-bs-toggle="modal" data-bs-target="#videoModal" data-video="https://youtu.be/WLeVPmS5jiY?si=oTfzJDW31JB04-ZN" data-type="youtube">
|
||||
<div class="custom-gallery-img">
|
||||
<img src="./assets/image/bg.png" alt="" class="img-fluid">
|
||||
<!-- Play Icon (visible on hover) -->
|
||||
@@ -419,6 +486,34 @@
|
||||
|
||||
showPage(1);
|
||||
</script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
var videoModal = document.getElementById('videoModal');
|
||||
var videoIframe = document.getElementById('videoIframe');
|
||||
|
||||
videoModal.addEventListener('show.bs.modal', function(event) {
|
||||
var button = event.relatedTarget; // clicked element
|
||||
var videoSrc = button.getAttribute('data-video'); // get video URL
|
||||
if(videoSrc) {
|
||||
// Convert short YouTube URL to embed format if needed
|
||||
if(videoSrc.includes("youtu.be")) {
|
||||
var videoId = videoSrc.split("/").pop().split("?")[0];
|
||||
videoSrc = "https://www.youtube.com/embed/" + videoId + "?autoplay=1";
|
||||
} else if(videoSrc.includes("watch?v=")) {
|
||||
videoSrc = videoSrc.replace("watch?v=", "embed/") + "?autoplay=1";
|
||||
}
|
||||
|
||||
videoIframe.src = videoSrc;
|
||||
videoIframe.style.display = "block";
|
||||
}
|
||||
});
|
||||
|
||||
videoModal.addEventListener('hidden.bs.modal', function() {
|
||||
videoIframe.src = ""; // Stop video when modal is closed
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user