File: /home/suanchonac/domains/suanchon.ac.th/public_html/skc/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ภาพมุมสูงงานชุมนุมลูกเสือสวนกุหลาบสัมพันธ์ ครั้งที่ 28</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cardo:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center me-auto me-lg-0">
<!-- Uncomment the line below if you also wish to use an image logo -->
<!-- <img src="assets/img/logo.png" alt=""> -->
<i class="bi bi-camera"></i>
<h1>ภาพมุมสูง</h1>
</a>
<div class="header-social-links">
<a href="https://www.facebook.com/skj26th" target="_blank" class="facebook"><i class="bi bi-facebook"></i></a>
</div>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero d-flex flex-column justify-content-center align-items-center" data-aos="fade" data-aos-delay="1500">
<img src="assets/img/gallery/map.jpg" width="80%" alt="Hero Imgs" data-aos="zoom-out" data-aos-delay="100">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 text-center">
</br>
<h2>คลิกดูภาพมุมสูง<span>ตามหมายเลขในแผนที่</span></h2>
</div>
</div>
</div>
</section><!-- End Hero Section -->
<main id="main" data-aos="fade" data-aos-delay="1500">
<!-- ======= Gallery Section ======= -->
<section id="gallery" class="gallery">
<div class="container-fluid">
<div class="row gy-4 justify-content-center">
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-1.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-1.jpg" title="SK" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>1 สวนกุหลาบวิทยาลัย</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-2.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-2.jpg" title="SKN" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>2 สวนกุหลาบวิทยาลัย นนทบุรี</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-3.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-3.jpg" title="SKS" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>3 สวนกุหลาบวิทยาลัย สมุทรปราการ</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-4.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-4.jpg" title="SKP" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>4 สวนกุหลาบวิทยาลัย ปทุมธานี</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-5.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-5.jpg" title="SKR" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>5 สวนกุหลาบวิทยาลัย รังสิต</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-6.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-6.jpg" title="SKPB" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>6 สวนกุหลาบวิทยาลัย เพชรบูรณ์</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-7.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-7.jpg" title="SKC" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>7 สวนกุหลาบวิทยาลัย ชลบุรี</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-8.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-8.jpg" title="SKB" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>8 สวนกุหลาบวิทยาลัย สระบุรี</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-9.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-9.jpg" title="SKJ" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>9 สวนกุหลาบวิทยาลัย (จิรประวัติ) นครสวรรค์</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-10.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-10.jpg" title="SKT" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>10 สวนกุหลาบวิทยาลัย ธนบุรี</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-11.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-11.jpg" title="SKNS" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>11 สวนกุหลาบวิทยาลัย นครศรีธรรมราช</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-12.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-12.jpg" title="A ฐานเดินทางไกล" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>A ฐานเดินทางไกล</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-13.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-13.jpg" title="B ฐานทักษะลูกเสือ" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"> </i></a>
<h3>B ฐานทักษะลูกเสือ</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-14.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-14.jpg" title="C หมู่บ้านโลกาภิวัตน์" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>C ฐานหมู่บ้านโลกาภิวัตน์</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-15.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-15.jpg" title="D ฐานผจญภัย" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>D ฐานผจญภัย</h3>
</div>
</div>
</div><!-- End Gallery Item -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="gallery-item h-100">
<img src="assets/img/gallery/gallery-16.jpg" class="img-fluid" alt="">
<div class="gallery-links d-flex align-items-center justify-content-center">
<a href="assets/img/gallery/gallery-16.jpg" title="E ฐานเมืองวิทยาศาสตร์" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
<h3>E ฐานเมืองวิทยาศาสตร์</h3>
</div>
</div>
</div><!-- End Gallery Item -->
</div>
</div>
</section><!-- End Gallery Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>Suankularb Wittayalai Chonburi School</span></strong>. All Rights Reserved
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader">
<div class="line"></div>
</div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>