php
session_start();
include(includesdb.php);

!doctype html
html
head
  meta charset=utf-8
  titleGallery - KVPCtitle
  link href=httpscdn.jsdelivr.netnpmbootstrap@5.3.2distcssbootstrap.min.css rel=stylesheet
  link rel=stylesheet href=httpscdnjs.cloudflare.comajaxlibsfont-awesome6.4.0cssall.min.css
  style
    .gallery-img {
      transition transform 0.3s, box-shadow 0.3s;
    }
    .gallery-imghover {
      transform scale(1.05);
      box-shadow 0 4px 15px rgba(0,0,0,0.3);
    }
  style
head
body

php include(includesheader.php);  !-- ✅ Navbar --

div class=container mt-4
  h2 class=text-center mb-4📸 College Galleryh2

  !-- ✅ Carousel Slideshow --
  div id=galleryCarousel class=carousel slide mb-5 shadow rounded data-bs-ride=carousel
    div class=carousel-inner
      div class=carousel-item active
        img src=assetsgallery1.jpg class=d-block w-100 rounded alt=Gallery 1
      div
      div class=carousel-item
        img src=assetsgallery2.jpg class=d-block w-100 rounded alt=Gallery 2
      div
      div class=carousel-item
        img src=assetsgallery3.jpg class=d-block w-100 rounded alt=Gallery 3
      div
    div
    button class=carousel-control-prev type=button data-bs-target=#galleryCarousel data-bs-slide=prev
      span class=carousel-control-prev-iconspan
    button
    button class=carousel-control-next type=button data-bs-target=#galleryCarousel data-bs-slide=next
      span class=carousel-control-next-iconspan
    button
  div

  !-- ✅ Static Grid Gallery --
  div class=row g-4
    div class=col-md-4 col-sm-6
      img src=assetsgallery4.jpg class=img-fluid rounded gallery-img alt=Gallery 4
    div
    div class=col-md-4 col-sm-6
      img src=assetsgallery5.jpg class=img-fluid rounded gallery-img alt=Gallery 5
    div
    div class=col-md-4 col-sm-6
      img src=assetsgallery6.jpg class=img-fluid rounded gallery-img alt=Gallery 6
    div
    div class=col-md-4 col-sm-6
      img src=assetsgallery7.jpg class=img-fluid rounded gallery-img alt=Gallery 7
    div
    div class=col-md-4 col-sm-6
      img src=assetsgallery8.jpg class=img-fluid rounded gallery-img alt=Gallery 8
    div
    div class=col-md-4 col-sm-6
      img src=assetsgallery9.jpg class=img-fluid rounded gallery-img alt=Gallery 9
    div
  div
div

php include(includesfooter.php);  !-- ✅ Footer --

script src=httpscdn.jsdelivr.netnpmbootstrap@5.3.2distjsbootstrap.bundle.min.jsscript
body
html