File: /home/suanchonac/public_html/km-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>KM SKC</title>
<meta content="" name="descriptison">
<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 href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Prompt&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Scaffold - v2.0.0
* Template URL: https://bootstrapmade.com/scaffold-bootstrap-metro-style-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex">
<div class="logo mr-auto">
<h1 class="text-light"><a href="index.html"><span><font color="f446b1">KM</font> <font color="36b6e7">SKC</font></span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li class="drop-down"><a href="#about">เกี่ยวกับเรา</a></li>
<!--- <ul>
<li><a href="#about">1.......</a></li>
<li><a href="#team">2.......</a></li>
<li><a href="#testimonials">3....</a></li>
<li class="drop-down"><a href="#">Deep Drop Down</a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
</ul>
</li> -->
<li><a href="#services">คลังความรู้</a></li>
<li><a href="#portfolio">คลังถอดบทเรียน</a></li>
<li><a href="#pricing">บทความวิชาการ</a></li>
<li><a href="#inno">นวัตกรรมฯ</a></li>
<li><a href="#publish">เผยแพร่ผลงาน</a></li>
<li><a href="#activity">กิจกรรมวิชาการ</a></li>
<li><a href="#contact">ติดต่อเรา</a></li>
</ul>
</nav><!-- .nav-menu -->
<!-- social
<div class="header-social-links">
<a href="#" class="twitter"><i class="icofont-twitter"></i></a>
<a href="#" class="facebook"><i class="icofont-facebook"></i></a>
<a href="#" class="instagram"><i class="icofont-instagram"></i></a>
<a href="#" class="linkedin"><i class="icofont-linkedin"></i></i></a>
</div>
-->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="container">
<div class="row">
<div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center" data-aos="fade-up">
<div>
<h1>การจัดการความรู้</h1>
<h2>(Knowledge Management)</h2>
<h2>โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</h2>
<a href="doc/kmk.pdf" class="btn-get-started scrollto" target="_blank">แผนการจัดการความรู้</a>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left">
<img src="assets/img/hero-img.png" class="img-fluid" alt="">
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="row">
<div class="col-lg-6" data-aos="zoom-in">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 d-flex flex-column justify-contents-center" data-aos="fade-left">
<div class="content pt-4 pt-lg-0">
<h3>เกี่ยวกับเรา</h3>
<p class="font-italic">
การจัดการความรู้ (Knowledge Management) หรือที่เรียกย่อๆ ว่า KM คือ เครื่องมือเพื่อใช้ในการบรรลุเป้าหมายอย่างน้อย 3 ประการไปพร้อมๆ กัน ได้แก่ บรรลุเป้าหมายของงาน บรรลุเป้าหมายการพัฒนาคน และบรรลุเป้าหมายการพัฒนาองค์กรไปสู่การเป็นองค์กรแห่งการเรียนรู้
</p>
<ul>
<li><i class="icofont-check-circled"></i> ความรู้ที่สะสมเอาไว้ในตัวเป็นสิ่งสำคัญ เป็นเสมือนประทีปสำหรับนำทางเราไปในการปฏิบัติตนในชีวิต</li>
<li><i class="icofont-check-circled"></i> การเรียนรู้ร่วมกันเป็นกระบวนการทางปัญญาที่นำไปสู่ปัญญาร่วม (collective wisdom) ของผู้ที่เกี่ยวข้องทั้งหมด</li>
<li><i class="icofont-check-circled"></i> คลังเก็บความรู้สามารถช่วยส่งเสริมวัฒนธรรมในการทำงานขององค์กรได้</li>
</ul>
<p>
หลักสำคัญของการจัดการความรู้ คือ กระบวนการจัดการความสัมพันธ์ระหว่างคน ในการดำเนินการจัดการความรู้มีบุคคลหรือคนสำคัญในหลากหลายบทบาทหลากหลายรูปแบบ ที่ต่างคนต่างทำหน้าที่ในบทบาทของตนเองให้ดีที่สุดแต่ต้องมีการทำงานร่วมกัน มีการแลกเปลี่ยนเรียนรู้เพื่อพัฒนาการทำงานที่ดีและเหมาะสมที่สุด เพื่อให้องค์กรสามารถขับเคลื่อนไปได้อย่างสวยงามกลายเป็นองค์กรแห่งการเรียนรู้และสังคมแห่งการเรียนรู้ในที่สุด
</p>
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container">
<div class="row">
<div class="col-lg-6 mt-2 mb-tg-0 order-2 order-lg-1">
<ul class="nav nav-tabs flex-column">
<li class="nav-item" data-aos="fade-up">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>การจัดการเรียนการสอนในสถานการณ์ COVID-19</h4>
<p>โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี จัดการเรียนการสอนออนไลน์ 100% </p>
</a>
</li>
<li class="nav-item mt-2" data-aos="fade-up" data-aos-delay="100">
<a class="nav-link" data-toggle="tab" href="#tab-2">
<h4>รักษากิจวัตรเวลาการเรียนแบบเดิม</h4>
<p>พยายามให้คุณครูและนักเรียนใช้ตารางเวลาเรียนแบบเดิม แค่เปลี่ยนมาเป็นการเรียนแบบออนไลน์</p>
</a>
</li>
<li class="nav-item mt-2" data-aos="fade-up" data-aos-delay="200">
<a class="nav-link" data-toggle="tab" href="#tab-3">
<h4>การบ้านเปลี่ยนเป็นแบบสั้น ๆ ไม่ต้องซับซ้อน</h4>
<p>วิธีการสั่งการบ้านต้องสื่อสารเข้าใจง่าย กระชับแบบ bite-size ขนาดสั้นลงจากเดิม</p>
</a>
</li>
<li class="nav-item mt-2" data-aos="fade-up" data-aos-delay="300">
<a class="nav-link" data-toggle="tab" href="#tab-4">
<h4>พยายามอย่าให้นักเรียนอยู่หน้าจอทั้งวัน</h4>
<p>แนะนำให้นักเรียนได้ทำกิจกรรมอื่น ๆ ที่หลากหลายและไม่ใช่กิจกรรมบนคอมพิวเตอร์</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-6 order-1 order-lg-2" data-aos="zoom-in">
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<figure>
<img src="assets/img/features-1.png" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-2">
<figure>
<img src="assets/img/features-2.png" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-3">
<figure>
<img src="assets/img/features-3.png" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-4">
<figure>
<img src="assets/img/features-4.png" alt="" class="img-fluid">
</figure>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Features Section -->
<!-- ======= คลังความรู้ Section ======= -->
<section id="services" class="services section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>คลังความรู้</h2>
<p>คลังความรู้ออนไลน์ ที่รวบรวมสื่อการสอนของคุณครูที่อยู่ในรูปแบบออนไลน์ เพื่อให้นักเรียนได้เข้าไปศึกษา เรียนรู้ด้วยตนเอง ได้ทุกที่ทุกเวลา</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in">
<div class="icon-box icon-box-pink">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4 class="title">เว็บคลังความรู้คุณครู</h4>
<p class="description"><a href="http://oh.suanchon.ac.th/" target="_blank">ครูทศพร สร้างนานอก</a></p>
<p class="description"><a href="https://sites.google.com/view/kru-thanakorn/" target="_blank">ครูธนกร จันทกลิ่น</a></p>
<p class="description"><a href="https://www.facebook.com/%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B9%84%E0%B8%97%E0%B8%A2%E0%B8%84%E0%B8%A3%E0%B8%B9%E0%B9%82%E0%B8%AD%E0%B9%8A%E0%B8%95-106630390991879/" target="_blank">ครูสิทธิชัย ตะเคียนเกลี้ยง</a></p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">คลังความรู้กลุ่มสาระฯ</a></h4>
<p class="description"><a href="https://www.facebook.com/%E0%B8%81%E0%B8%A5%E0%B8%B8%E0%B9%88%E0%B8%A1%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A8%E0%B8%B2%E0%B8%AA%E0%B8%95%E0%B8%A3%E0%B9%8C%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5-%E0%B8%A3%E0%B8%A3-%E0%B8%AA%E0%B8%A7%E0%B8%99%E0%B8%81%E0%B8%B8%E0%B8%AB%E0%B8%A5%E0%B8%B2%E0%B8%9A%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A5%E0%B8%B1%E0%B8%A2-%E0%B8%8A%E0%B8%A5%E0%B8%9A%E0%B8%B8%E0%B8%A3%E0%B8%B5-524298761411311/" target="_blank">วิทยาศาสตร์และเทคโนโลยี</a></p>
<p class="description"><a href="https://www.facebook.com/MathDep.SKC/" target="_blank">คณิตศาสตร์</a></p>
<p class="description"><a href="https://www.facebook.com/ThaiSKC.SuankularbChon/" target="_blank">ภาษาไทย</a></p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box icon-box-green">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">คลังความรู้กลุ่มสาระฯ</a></h4>
<p class="description"><a href="https://www.facebook.com/%E0%B8%81%E0%B8%A5%E0%B8%B8%E0%B9%88%E0%B8%A1%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%A0%E0%B8%B2%E0%B8%A9%E0%B8%B2%E0%B8%95%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8-%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AA%E0%B8%A7%E0%B8%99%E0%B8%81%E0%B8%B8%E0%B8%AB%E0%B8%A5%E0%B8%B2%E0%B8%9A%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A5%E0%B8%B1%E0%B8%A2-%E0%B8%8A%E0%B8%A5%E0%B8%9A%E0%B8%B8%E0%B8%A3%E0%B8%B5-230318817856771/" target="_blank">ภาษาต่างประเทศ</a></p>
<p class="description"><a href="https://www.facebook.com/Social.Suanchon/" target="_blank">สังคมศึกษาฯ</a></p>
<p class="description"><a href="https://www.facebook.com/SKCCareerTech/" target="_blank">การงานอาชีพ</a></p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box icon-box-blue">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">คลังความรู้กลุ่มสาระฯ</a></h4>
<p class="description"><a href="https://www.facebook.com/Artdepartmentskc/" target="_blank">ศิลปะ</a></p>
<p class="description"><a href="https://www.facebook.com/%E0%B8%81%E0%B8%A5%E0%B8%B8%E0%B9%88%E0%B8%A1%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89%E0%B8%AA%E0%B8%B8%E0%B8%82%E0%B8%A8%E0%B8%B6%E0%B8%81%E0%B8%A9%E0%B8%B2%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%9E%E0%B8%A5%E0%B8%A8%E0%B8%B6%E0%B8%81%E0%B8%A9%E0%B8%B2-%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AA%E0%B8%A7%E0%B8%99%E0%B8%81%E0%B8%B8%E0%B8%AB%E0%B8%A5%E0%B8%B2%E0%B8%9A%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%A5%E0%B8%B1%E0%B8%A2-%E0%B8%8A%E0%B8%A5%E0%B8%9A%E0%B8%B8%E0%B8%A3%E0%B8%B5-245726666140129/" target="_blank">สุขศึกษาและพลศึกษา</a></p>
<p class="description"><a href="https://www.facebook.com/GuidanceSKC/" target="_blank">งานแนะแนว</a></p>
</div>
</div>
</div>
</div>
</section><!-- End คลังความรู้ Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>คลังถอดบทเรียน</h2>
<p>การถอดบทเรียน (Lesson Learned) เป็นทั้งแนวคิดและเครื่องมือเพื่อสร้างการเรียนรู้ ซึ่งเป็นวิธีการหนึ่งของการจัดการเรียนรู้ โดยเป็นกระบวนการดึงเอาความรู้จากการทำงานออกมาใช้เป็นทุนในการทำงานเพื่อยกระดับให้ดียิ่งขึ้น การถอดบทเรียน จึงเป็นการสกัดความรู้ที่มีอยู่ในตัวคน (Tacit Knowledge) ออกมาเป็นบทเรียน/ความรู้ที่ชัดแจ้ง (Explicit Knowledge) </p>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">ทั้งหมด</li>
<li data-filter=".filter-vdo">VDO</li>
<li data-filter=".filter-PLC">PLC</li>
<li data-filter=".filter-web">Web</li>
</ul>
</div>
</div>
<div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item filter-vdo">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/hybrid.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Hybrid Classroom</h4>
<p>VDO</p>
</div>
<div class="portfolio-links">
<a href="assets/img/portfolio/hybrid.jpg" data-gall="portfolioGallery" class="venobox" title="App 1"><i class="bx bx-plus"></i></a>
<a href="https://youtu.be/dBtgfTc7TnE" title="More Details" target="_blank"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-vdo">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>SUAN สร้างสรรค์</h4>
<p>VDO</p>
</div>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-1.jpg" data-gall="portfolioGallery" class="venobox" title="App 1"><i class="bx bx-plus"></i></a>
<a href="https://youtu.be/hf2z3mXFCxc" title="More Details" target="_blank"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-PLC">
<div class="portfolio-wrap">
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>PLC</h4>
<p>PLC</p>
</div>
<div class="portfolio-links">
<a href="assets/img/portfolio/portfolio-2.jpg" data-gall="portfolioGallery" class="venobox" title="PLC"><i class="bx bx-plus"></i></a>
<a href="http://oh.suanchon.ac.th/doc/Oh-PLC1-2562.pdf" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Cta Section ======= -->
<section id="cta" class="cta">
<div class="container">
<div class="row" data-aos="zoom-in">
<div class="col-lg-9 text-center text-lg-left">
<h3>Knowledge Management</h3>
<p>การจัดการความรู้ (Knowledge management - KM) คือ การรวบรวม สร้าง จัดระเบียบ แลกเปลี่ยน และประยุกต์ใช้ความรู้ในองค์กร โดยพัฒนาระบบจากข้อมูลไปสู่สารสนเทศ เพื่อให้เกิดความรู้และปัญญาในที่สุด </p>
</div>
<div class="col-lg-3 cta-btn-container text-center">
<a class="cta-btn align-middle" href="#">Knowledge Management</a>
</div>
</div>
</div>
</section><!-- End Cta Section -->
<!-- ======= Testimonials Section ======= -->
<!--
<section id="testimonials" class="testimonials">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Testimonials</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="owl-carousel testimonials-carousel" data-aos="fade-up" data-aos-delay="100">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo & Founder</h4>
</div>
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>ผู้บริหาร</h2>
<p>คณะผู้บริหาร โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</p>
</div>
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="member" data-aos="zoom-in">
<div class="pic"><img src="assets/img/team/team-1.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>ดร.ชาตรี เจริญสุข</h4>
<span>ผู้อำนวยการสถานศึกษา</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="member" data-aos="zoom-in" data-aos-delay="100">
<div class="pic"><img src="assets/img/team/team-2.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>ดร.สมพิศ เผ่าจินดา</h4>
<span>รองผู้อำนวยการ</span>
<span>กลุ่มบริหารงานวิชาการ</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="member" data-aos="zoom-in" data-aos-delay="200">
<div class="pic"><img src="assets/img/team/team-5.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4> นายธีรภัทร์ ดงยางวัน</h4>
<span>รองผู้อำนวยการ</span>
<span>กลุ่มบริหารงานกิจการนักเรียน</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="member" data-aos="zoom-in" data-aos-delay="200">
<div class="pic"><img src="assets/img/team/team-3.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>นางสาวยุพาภร สุขสาม</h4>
<span>รองผู้อำนวยการ</span>
<span>กลุ่มบริหารงานบุคคลฯ</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="member" data-aos="zoom-in" data-aos-delay="200">
<div class="pic"><img src="assets/img/team/team-4.jpg" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>นางสาวจินตนา บัวขาว</h4>
<span>รองผู้อำนวยการ</span>
<span>กลุ่มบริหารงานส่งเสริมการจัดการศึกษา</span>
<div class="social">
<a href=""><i class="icofont-twitter"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Clients Section ======= -->
<section id="clients" class="clients">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>มาตรการโรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</h2>
<!-- <p>โรงเรียนสวนกุหลาบวิทยาลับ ชลบุรี ได้มีมาตรการต่างๆ เพื่อใช้สำหรับการจัดการเรียนการสอนในช่วงของการแพร่ระบาดของโรคติดเชื้อไวรัสโคโรนา 2019 </p> -->
</div>
<div class="row no-gutters clients-wrap clearfix wow fadeInUp">
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" align="center">
<a href="doc/covid.pdf" target="_blank"><img src="assets/img/clients/client-1.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="100" align="center">
<a href="doc/ln64.jpg" target="_blank"><img src="assets/img/clients/client-2.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="150" align="center">
<a href="doc/meeting_parent.pdf" target="_blank"><img src="assets/img/clients/client-3.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="200" align="center">
<img src="assets/img/clients/client-4.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="250" align="center">
<a href="https://workspace.google.com/" target="_blank"><img src="assets/img/clients/client-5.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="300" align="center">
<a href="https://www.canva.com/" target="_blank"><img src="assets/img/clients/client-6.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="350" align="center">
<a href="http://www.suanchon.ac.th/net/" target="_blank"><img src="assets/img/clients/client-7.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6" data-aos="zoom-in" data-aos-delay="400">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="350" align="center">
<a href="https://suanchon.misschool.net/login" target="_blank"><img src="assets/img/clients/client-8.png" class="img-fluid" alt=""></a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-xs-6" data-aos="zoom-in" data-aos-delay="400">
<div class="client-logo" data-aos="zoom-in" data-aos-delay="350" align="center">
<a href="https://drive.google.com/drive/folders/1iJr94xbKvG8sYnU_vE8e-aBCZVjas8HB?usp=sharing" target="_blank"><img src="assets/img/clients/client-9.png" class="img-fluid" alt=""></a>
</div>
</div>
</div>
</div>
</section><!-- End Clients Section -->
<!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>บทความวิชาการ</h2>
<p>เผยแพร่บทความวิชาการ ที่เป็นประโยชน์ต่อการศึกษา และการจัดการเรียนรู้</p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="box" data-aos="zoom-in">
<h3>A Development of Attention Game in Primary School Students</h3>
<h4><sup>Thosaphorn Srangnanok</sup></h4>
<ul>
<li>Faculty of Education, Burapha University, Chonburi </li>
<li>Brain, Mind and Learning</li>
<li>Master of Science (M.Sc.)</li>
<li>วารสารพยาบาลทหารบก TCI กลุ่ม 1</li>
<li>THAIJO</li>
</ul>
<div class="btn-wrap">
<a href="https://he01.tci-thaijo.org/index.php/JRTAN/article/view/241597" target="_blank" class="btn-buy">อ่านบทความ</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-4 mt-md-0">
<div class="box featured" data-aos="zoom-in" data-aos-delay="100">
<h3>เซลล์ประสาทกับการเรียนรู้ <br>(Neuron and Learning)</h3>
<h4><sup>ทศพร สร้างนานอก</sup></h4>
<ul>
<li>Faculty of Education, Burapha University, Chonburi </li>
<li>Brain, Mind and Learning</li>
<li>Master of Science (M.Sc.)</li>
<li>กลุ่มบทความวิชาการ</li>
<li>Science</li>
</ul>
<div class="btn-wrap">
<a href="doc/Neuron-and-Learning.pdf" target="_blank" class="btn-buy">อ่านบทความ</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="box" data-aos="zoom-in">
<h3>A Development of Attention Game in Primary School Students</h3>
<h4><sup>Thosaphorn Srangnanok</sup></h4>
<ul>
<li>Faculty of Education, Burapha University, Chonburi </li>
<li>Brain, Mind and Learning</li>
<li>Master of Science (M.Sc.)</li>
<li>วารสารพยาบาลทหารบก TCI กลุ่ม 1</li>
<li>THAIJO</li>
</ul>
<div class="btn-wrap">
<a href="https://he01.tci-thaijo.org/index.php/JRTAN/article/view/241597" class="btn-buy">อ่านบทความ</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-4 mt-lg-0">
<div class="box" data-aos="zoom-in" data-aos-delay="300">
<span class="advanced">Advanced</span>
<h3>A Development of Attention Game in Primary School Students</h3>
<h4><sup>Thosaphorn Srangnanok</sup></h4>
<ul>
<li>Faculty of Education, Burapha University, Chonburi </li>
<li>Brain, Mind and Learning</li>
<li>Master of Science (M.Sc.)</li>
<li>วารสารพยาบาลทหารบก TCI กลุ่ม 1</li>
<li>THAIJO</li>
</ul>
<div class="btn-wrap">
<a href="https://he01.tci-thaijo.org/index.php/JRTAN/article/view/241597" class="btn-buy">อ่านบทความ</a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Pricing Section -->
<!-- ======= F.A.Q Section ======= -->
<!--
<section id="faq" class="faq">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Frequently Asked Questions</h2>
</div>
<ul class="faq-list">
<li data-aos="fade-up">
<a data-toggle="collapse" class="" href="#faq1">Non consectetur a erat nam at lectus urna duis? <i class="icofont-simple-up"></i></a>
<div id="faq1" class="collapse show" data-parent=".faq-list">
<p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="100">
<a data-toggle="collapse" href="#faq2" class="collapsed">Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque? <i class="icofont-simple-up"></i></a>
<div id="faq2" class="collapse" data-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<a data-toggle="collapse" href="#faq3" class="collapsed">Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi? <i class="icofont-simple-up"></i></a>
<div id="faq3" class="collapse" data-parent=".faq-list">
<p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<a data-toggle="collapse" href="#faq4" class="collapsed">Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla? <i class="icofont-simple-up"></i></a>
<div id="faq4" class="collapse" data-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="400">
<a data-toggle="collapse" href="#faq5" class="collapsed">Tempus quam pellentesque nec nam aliquam sem et tortor consequat? <i class="icofont-simple-up"></i></a>
<div id="faq5" class="collapse" data-parent=".faq-list">
<p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="500">
<a data-toggle="collapse" href="#faq6" class="collapsed">Tortor vitae purus faucibus ornare. Varius vel pharetra vel turpis nunc eget lorem dolor? <i class="icofont-simple-up"></i></a>
<div id="faq6" class="collapse" data-parent=".faq-list">
<p>
Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.
</p>
</div>
</li>
</ul>
</div>
</section><!-- End Frequently Asked Questions Section -->
<!-- ======= นวัตกรรม Section ======= -->
<section id="inno" class="services section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>นวัตกรรมการเรียนการสอน</h2>
<p>นวัตกรรมการเรียนการสอน (Instructional Innovation) เป็นสิ่งที่คุณครูโรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี นำมาใช้ในการจัดการเรียน การสอน เพื่อให้เกิดประสิทธิภาพยิ่งขึ้น</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in">
<div class="icon-box icon-box-pink">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">แผนการจัดการเรียนการสอน</a></h4>
<p class="description"> </p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">สื่อที่นำมาใช้ในการเรียนการสอน</a></h4>
<p class="description"> </p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box icon-box-green">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4 class="title"><a href="">สไลด์เนื้อหาการจัดการเรียนการสอน</a></h4>
<p class="description"> </p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box icon-box-blue">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">ใบความรู้และคู่มือการใช้</a></h4>
<p class="description"> </p>
</div>
</div>
</div>
</div>
</section><!-- End นวัตกรรม Section -->
<!-- ======= เผยแพร่ผลงาน Section ======= -->
<section id="publish" class="services section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>เผยแพร่ผลงาน</h2>
<p>เผยแพร่งานวิจัย และผลงานที่โดดเด่นของครู และสถานศึกษา</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="doc/reskc.pdf" target="_blank">SUANCHON Model</a></h4>
<p class="description">การพัฒนารูปแบบยกระดับผลสัมฤทธิ์ทางการเรียนด้วย SUANCHON Model โดยใช้การจัดการเรียนรู้เชิงรุกเป็นฐานของโรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="doc/nut.pdf" target="_blank">OBEC AWARDS (63)</a></h4>
<p class="description">ครูผู้สอนยอดเยี่ยมผู้มีผลงานดีเด่นที่ประสบผลสำเร็จด้านการบริหารจัดการชั้นเรียนยอดเยี่ยม <br>ครูธนกร จันทกลิ่น</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="doc/OBECruan.pdf" target="_blank">OBEC AWARDS (63)</a></h4>
<p class="description">ครูผู้สอนยอดเยี่ยมผู้มีผลงานดีเด่นที่ประสบผลสำเร็จ ด้านนวัตกรรมและเทคโนโลยีเพื่อการศึกษายอดเยี่ยม <br>ครูบุปผา ทับศรี</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="doc/sai.pdf" target="_blank">OBEC AWARDS (62)</a></h4>
<p class="description">ครูผู้สอนยอดเยี่ยมผู้มีผลงานดีเด่นที่ประสบผลสำเร็จ ด้านนวัตกรรมและเทคโนโลยีเพื่อการศึกษายอดเยี่ยม <br>ครูนันท์นภัส ไสยเกตุ</p>
</div>
</div>
</div>
</br>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="doc/reskc.pdf" target="_blank">รายงานวิจัยในชั้นเรียน</a></h4>
<p class="description">นางสาวกชนุช นางาม</p>
<p class="description"><a href="doc/godchanuch_61-1.pdf" target="_blank">ภาคเรียนที่ 1 ปีการศึกษา 2561 </a></p>
<p class="description"><a href="doc/godchanuch_62-1.pdf" target="_blank">ภาคเรียนที่ 1 ปีการศึกษา 2562 </a></p>
<p class="description"><a href="doc/godchanuch_63-1.pdf" target="_blank">ภาคเรียนที่ 1 ปีการศึกษา 2563 </a></p>
<p class="description"><a href="doc/godchanuch_64-1.pdf" target="_blank">ภาคเรียนที่ 1 ปีการศึกษา 2564 </a></p>
</div>
</div>
</div>
</section><!-- End เผยแพร่ผลงาน Section -->
<!-- ======= กิจกรรมวิชาการ Section ======= -->
<section id="activity" class="services section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>กิจกรรมวิชาการ</h2>
<p>การดำเนินการกิจกรรมวิชาการในช่วงสถานการณ์การแพร่ระบาดของเชื้อไวรัส COVID-19</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="doc/publish_teachingonline.pdf" target="_blank">รายงานการจัดการเรียนการสอนออนไลน์</a></h4>
<p class="description">รายงานการจัดการเรียนการสอนออนไลน์ ในช่วงสถานการณ์การแพร่ระบาดของเชื้อไวรัส COVID-19</p>
</div>
</div>
<!--
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box icon-box-cyan">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">Sed ut perspiciatis</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box icon-box-green">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4 class="title"><a href="">Magni Dolores</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box icon-box-blue">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">Nemo Enim</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum</p>
</div>
</div>
</div>
-->
</div>
</section><!-- End activity Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>ติดต่อเรา</h2>
</div>
<div class="row">
<div class="col-lg-5 d-flex align-items-stretch" data-aos="fade-right">
<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Location:</h4>
<p>โรงเรียนสวนกุหลาบวิทยาลัย เลขที่ 8 หมู่ 3 ตำบลบ่อวิน อำเภอศรีราชา จังหวัดชลบุรี 20130</p>
</div>
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>info@suanchon.ac.th</p>
</div>
<div class="phone">
<i class="icofont-phone"></i>
<h4>Call:</h4>
<p>038-119649</p>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15549.072605466738!2d101.0822557!3d13.0185884!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x461e2285873cc41b!2z4LmC4Lij4LiH4LmA4Lij4Li14Lii4LiZ4Liq4Lin4LiZ4LiB4Li44Lir4Lil4Liy4Lia4Lin4Li04LiX4Lii4Liy4Lil4Lix4LiiIOC4iuC4peC4muC4uOC4o-C4tQ!5e0!3m2!1sth!2sth!4v1624447695254!5m2!1sth!2sth" frameborder="0" style="border:0; width: 100%; height: 290px;" allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch" data-aos="fade-left">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="form-row">
<div class="form-group col-md-6">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="form-group col-md-6">
<label for="name">Your Email</label>
<input type="email" class="form-control" name="email" id="email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<label for="name">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea class="form-control" name="message" rows="10" data-rule="required" data-msg="Please write something for us"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-info">
<h3>โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</h3>
<p>
ตำบลบ่อวิน อำเภอศรีราชา <br>
จังหวัดชลบุรี <br><br>
<strong>Phone:</strong> 038-119649<br>
<strong>Email:</strong> info@suanchon.ac.th<br>
</p>
<div class="social-links mt-3">
<a href="https://www.facebook.com/suanchon" target="_blank" class="facebook"><i class="bx bxl-facebook"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Sitemap</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#about">เกี่ยวกับเรา</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">คลังความรู้</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">คลังถอดบทเรียน</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">บทความวิชาการ</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">นวัตกรรมฯ</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4></br></h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">นวัตกรรมฯ</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">เผยแพร่งานวิชาการ</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">กิจกรรมวิชาการ</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">ติดต่อเรา</a></li>
</ul>
</div>
<!--
<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Our Newsletter</h4>
<p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
-->
</div>
</div>
</div>
<div class="container">
<div class="copyright">
โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี จัดทำโดย ครูทศพร สร้างนานอก ครูพิชยุตม์ สมุทรเขต<br>
© Copyright <strong><span>Scaffold</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/scaffold-bootstrap-metro-style-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="bx bxs-up-arrow-alt"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>