ok
Mini Shell
<?php include 'header.php';
// Check the id is valid or not
$slider = $pdo->prepare("SELECT * FROM tbl_slider");
$slider->execute();
$result = $slider->fetchAll(PDO::FETCH_ASSOC);
$total = $slider->rowCount();
?>
<style>
.program-item{
background: #2e3092;
height: 120px;
border: 1px solid white;
}
@media (min-width: 992px){
.upstudy-hero-section-06{
height: 773px;
margin-top: 10%;
background-size: contain;
}
.upstudy-program-section{
margin-top: 12%;
}
.banner-mob{
height: 210px;
}
}
@media only screen and (max-width: 767px){
.upstudy-hero-section-06{
margin-top: 20%;
background-position: top;
background-size: cover;
}
.upstudy-about-section-04 {
margin-top: -160px;
}
.upstudy-program-section{
margin-top: 35%;
}
.carousel{
margin-top: 58%;
}
.banner-mob{
height: 205px;
}
}
@media (min-width: 1200px){
.upstudy-about-section-04 {
margin-top: -100px;
}
.carousel{
margin-top: 27%;
}
.banner-mob{
height: 475px;
}
}
</style>
<!-- Slider Area Start -->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
</div>
<div class="carousel-inner">
<?php
if($total> 0){
$i=1;
foreach($result as $results){
?>
<div class="carousel-item <?php if($i ==1){ echo 'active'; } ?> ">
<img class="banner-mob" src="dashboard/<?=$results['photo']?>" width="100%" />
</div>
<?php $i++; } } ?>
<div class="carousel-item">
<img class="banner-mob" src="image/banner/banner1.jpeg" width="100%" />
</div>
<div class="carousel-item">
<img class="banner-mob" src="image/banner/banner2.jpeg" width="100%" />
</div>
<div class="carousel-item">
<img class="banner-mob" src="image/banner/banner3.jpeg" width="100%" />
</div>
<div class="carousel-item">
<img class="banner-mob" src="image/banner/banner4.jpeg" width="100%" />
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Slider Area End -->
<!-- Hero Start -->
<!--<div class="upstudy-hero-section-06 d-flex align-items-center section" style="background-image: url(assets/images/new-img/new-banner-iti-home.jpg);">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-8 col-md-10">
<div class="hero-content">
<h3 class="sub-title" data-aos="fade-up" data-aos-delay="700"></h3>
</div>
</div>
</div>
</div>
</div>-->
<!-- Hero End -->
<!-- Program Start -->
<div class="section upstudy-program-section" id="mobileone" >
<div class="container">
<!-- Program Wrap Start -->
<div class="program-wrap">
<div class="row g-0">
<div class="col-lg-6">
<!-- Program Item Start -->
<div class="program-item">
<div class="program-icon">
<img src="assets/images/prog-icon1.png" alt="">
</div>
<div class="program-content">
<a href="history.php">
<h3 class="title">ITI History</h3>
</a>
</div>
</div>
<!-- Program Item End -->
</div>
<div class="col-lg-6">
<!-- Program Item Start -->
<div class="program-item">
<div class="program-icon">
<img src="assets/images/prog-icon2.png" alt="">
</div>
<div class="program-content">
<h3 class="title">Alumni History</h3>
</div>
</div>
<!-- Program Item End -->
</div>
</div>
</div>
<!-- Program Wrap End -->
</div>
</div>
<!-- Program End -->
<div class="section upstudy-about-section-06 section-padding" style="padding-bottom: 0%;padding-top: 1%;">
<div class="container">
<div class="about-wrap">
<div class="row">
<div class="col-lg-6">
<!-- About Image Wrap Start -->
<div class="about-img-wrap">
<!--<img class="shape-1" src="assets/images/shape/about-shape3.png" alt="">-->
<div class="about-img about-img-big">
<img src="image/about/image.jpg" alt="">
</div>
<div class="about-img about-img-sm">
<img src="image/about/image1.jpg" alt="">
</div>
</div>
<!-- About Image Wrap End -->
</div>
<div class="col-lg-6">
<!-- About Content Start -->
<div class="about-content">
<h2 class="about-title">About<span> Us</span></h2>
<p class="text" style="text-align: justify;color: #494848;">
Salem Government was formed to remind the dream of many brothers/sisters who have trained in our Salem
Vocational Training Center and are living better and prosperous lives today. ITI It is an organization
called Alumni Association.
</p>
<div class="about-list">
<div class="row">
<div class="col-sm-6">
<div class="list-item">
<div class="icon">
<img src="assets/images/counter-14.png" alt="">
</div>
<h3 class="title">Course Participation</h3>
</div>
</div>
<div class="col-sm-6">
<div class="list-item">
<div class="icon">
<img src="assets/images/counter-7.png" alt="">
</div>
<h3 class="title">Easy To Learn</h3>
</div>
</div>
</div>
</div>
<div class="about-list">
<ul>
<li style="padding: 2%;">
<span class="about-icon" style="color: #2e3092;">
<i class="fas fa-check"></i>
</span>
<span class="about-text" style="color: #494848;">
A place to provide students with enough knowledge
</span>
</li>
<li style="padding: 2%;">
<span class="about-icon" style="color: #2e3092;">
<i class="fas fa-check"></i>
</span>
<span class="about-text" style="color: #494848;">
Where you learn and grow your technical skills.
</span>
</li>
<li style="padding: 2%;">
<span class="about-icon" style="color: #2e3092;">
<i class="fas fa-check"></i>
</span>
<span class="about-text" style="color: #494848;">
Connect with other students that share the same interests.
</span>
</li>
</ul>
</div>
<!--<a class="read-more" href="#">Know More <i class="fas fa-long-arrow-alt-right"></i></a>-->
</div>
<!-- About Content End -->
</div>
</div>
</div>
</div>
</div>
<!--<div class="section upstudy-counter-section upstudy-counter-section-03 section-padding-02">
<div class="shape-1"></div>
<div class="shape-2"></div>
<div class="shape-3"></div>
<div class="shape-4">
<img src="assets/images/shape/counter-shape3.png" alt="">
</div>
<div class="container">
<div class="counter-wrap">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="single-counter text-center">
<div class="counter-icon">
<img src="assets/images/counter-10.png" alt="">
</div>
<div class="counter-content">
<h3 class="title">
<span class="counter">24</span>k+
</h3>
<p>Total Students Enrolled</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="single-counter text-center">
<div class="counter-icon">
<img src="assets/images/counter-11.png" alt="">
</div>
<div class="counter-content">
<h3 class="title">
<span class="counter">3</span>M+
</h3>
<p>Total Video Lessons</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="single-counter text-center">
<div class="counter-icon">
<img src="assets/images/counter-12.png" alt="">
</div>
<div class="counter-content">
<h3 class="title">
<span class="counter">2.5</span>k+
</h3>
<p>Daily live Classes</p>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="single-counter text-center">
<div class="counter-icon">
<img src="assets/images/counter-13.png" alt="">
</div>
<div class="counter-content">
<h3 class="title">
<span class="counter">75</span>+
</h3>
<p>Total Exam Categories</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>-->
<!-- Brand Logo Start -->
<div class="section upstudy-brand-section-02">
<div class="container">
<!-- Brand Wrapper Start -->
<div class="brand-wrap text-center" style="padding-bottom: 60px;">
<div class="about-content" style="margin-top: -6%;padding-bottom: 3%;">
<h3 class="title"><a href="#">Sponsors</a></h3>
</div>
<!-- Brand Active Start -->
<div class="brand-slider-wrap brand-active">
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- Single Brand Start -->
<div class="swiper-slide single-brand">
<img src="image/sponsers/New Project (5).png" alt="Brand">
</div>
<!-- Single Brand End -->
<!-- Single Brand Start -->
<div class="swiper-slide single-brand">
<img src="image/sponsers/New Project (4).png" alt="Brand">
</div>
<!-- Single Brand End -->
<!-- Single Brand Start -->
<div class="swiper-slide single-brand">
<img src="image/sponsers/newhyundai.png" alt="Brand">
</div>
<!-- Single Brand End -->
<!-- Single Brand Start -->
<div class="swiper-slide single-brand">
<img src="image/sponsers/bmw.png" alt="Brand">
</div>
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="image/sponsers/sail.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="image/sponsers/titan.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<div class="swiper-slide single-brand">
<img src="assets/images/brand/brand-4.png" alt="Brand">
</div>
<!-- Single Brand End -->
</div>
</div>
</div>
<!-- Brand Active End -->
</div>
<!-- Brand Wrapper End -->
</div>
</div>
<!-- Brand Logo End -->
<!-- About Start -->
<div class="section upstudy-about-section-05 section-padding-02" style="padding-top: 50px;">
<div class="container">
<div class="about-wrap">
<div class="row">
<div class="col-lg-4 col-md-6">
<!-- About Image Item Start -->
<div class="about-img-item">
<div class="about-img">
<a href="#"><img src="image/aabt-1.jpg" alt=""></a>
</div>
<div class="about-content">
<h3 class="title"><a href="#">Trainer life Section</a></h3>
<p>If you’ve been researching exactly what skill you want to learn, or if you just need one more skill to round out your resume</p>
</div>
</div>
<!-- About Image Item End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- About Image Item Start -->
<div class="about-img-item">
<div class="about-img">
<a href="#"><img src="image/aabt-2.jpg" alt=""></a>
</div>
<div class="about-content">
<h3 class="title"><a href="#">Alumni life Section</a></h3>
<p>If you’ve been researching exactly what skill you want to learn, or if you just need one more skill to round out your resume</p>
</div>
</div>
<!-- About Image Item End -->
</div>
<div class="col-lg-4">
<!-- About Link Start -->
<div class="about-link-wrap">
<h3 class="title">Important Link</h3>
<div class="link-list">
<ul>
<!--<li><a href="#">Admission Notice <i class="fas fa-long-arrow-alt-right"></i></a></li>-->
<!--<li><a href="#">Summer Admission 2023 <i class="fas fa-long-arrow-alt-right"></i></a></li>-->
<li><a href="#">Upcoming Events <i class="fas fa-long-arrow-alt-right"></i></a></li>
<!--<li><a href="#">Download Curriculam <i class="fas fa-long-arrow-alt-right"></i></a></li>-->
<li><a href="#">Alumni Seminar <i class="fas fa-long-arrow-alt-right"></i></a></li>
<!--<li><a href="#">Exam Notice <i class="fas fa-long-arrow-alt-right"></i></a></li>-->
</ul>
</div>
</div>
<!-- About Link End -->
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Admission Start -->
<div class="section upstudy-admission-section section-padding-02" style="padding-top: 50px;">
<div class="container">
<div class="row g-0" style="border-top: 1px solid #ebebeb;">
<div class="col-xl-6">
<!-- Admission Left Start -->
<div class="admission-left">
<!-- Single Admission Start -->
<div class="single-admission">
<div class="row g-0">
<div class="col-md-6" style="padding: 5px;">
<div class="admission-content">
<i class="flaticon-copy-file"></i>
<h3 class="title"><a href="#">Scholarship Facilities</a></h3>
<p>If you’ve been researching exactly what skill you want to learn,</p>
<!--<a class="learn-more" href="#">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>-->
</div>
</div>
<div class="col-md-6" style="padding: 5px;">
<div class="admission-img">
<img src="image/admi1.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- Single Admission End -->
<!-- Single Admission Start -->
<div class="single-admission">
<div class="row g-0">
<div class="col-md-6" style="padding: 5px;">
<div class="admission-img">
<img src="image/admi2.jpg" alt="">
</div>
</div>
<div class="col-md-6" style="padding: 5px;">
<div class="admission-content color-2">
<i class="flaticon-copy-file"></i>
<h3 class="title"><a href="#">E- learning</a></h3>
<p>If you’ve been researching exactly what skill you want to learn,</p>
<!--<a class="learn-more" href="#">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>-->
</div>
</div>
</div>
</div>
<!-- Single Admission End -->
</div>
<!-- Admission Left End -->
</div>
<div class="col-xl-6">
<!-- Admission Right Start -->
<div class="admission-right">
<div class="admission-banner" style="background:url(image/aad1.jpg);margin-top: 2%;">
<h3 class="title">Access An Affordable Education & Pursue Your Passion.</h3>
<!--<a class="btn" href="#">Apply To Admission <i class="fas fa-long-arrow-alt-right"></i></a>-->
</div>
</div>
<!-- Admission Right End -->
</div>
</div>
</div>
</div>
<!-- Admission End -->
<!-- Blog Start -->
<!-- Blog End -->
<!-- Brand Logo Start -->
<!--<div class="section upstudy-brand-section-02">-->
<!--<div class="container">-->
<!-- Brand Wrapper Start -->
<!--<div class="brand-wrap text-center">-->
<!-- Brand Active Start -->
<!--<div class="brand-slider-wrap brand-active">-->
<!--<div class="swiper-container">-->
<!--<div class="swiper-wrapper">-->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-1.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-2.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-3.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-4.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-5.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-6.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!-- Single Brand Start -->
<!--<div class="swiper-slide single-brand">-->
<!-- <img src="assets/images/brand/brand-4.png" alt="Brand">-->
<!--</div>-->
<!-- Single Brand End -->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!-- Brand Active End -->
<!--</div>-->
<!-- Brand Wrapper End -->
<!--</div>-->
<!--</div>-->
<!-- Brand Logo End -->
<?php include 'footer.php' ?>
Zerion Mini Shell 1.0