ok
Direktori : /home2/selectio/www/salemgovtitialumni.in/ |
Current File : /home2/selectio/www/salemgovtitialumni.in/index.php |
<?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' ?>