File: /home/suanchonac/domains/suanchon.ac.th/private_html/art/art.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>บุคลากรโรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/templatemo-style.css">
</head>
<body id="top" data-spy="scroll" data-target=".navbar-collapse" data-offset="50">
<!-- PRE LOADER -->
<section class="preloader">
<div class="spinner">
<span class="spinner-rotate"></span>
</div>
</section>
<!-- MENU -->
<section class="navbar custom-navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<!-- lOGO TEXT HERE -->
<a href="#" class="navbar-brand">บุคลากร</a>
</div>
<!-- MENU LINKS -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-nav-first">
<li><a href="#top" class="smoothScroll">ศิลปะ</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-phone"></i> 038119649</a></li>
</ul>
</div>
</div>
</section>
<!-- TEAM -->
<section id="team">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<h2>กลุ่มสาระการเรียนรู้ศิลปะ<small>Arts Department</small></h2>
</div>
</div>
<div align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<div align="center"><img src="images/art001.jpg" width="270" class="img-responsive" alt=""></div>
</td>
</tr>
<tr>
<td><div align="center"><h5>ครูประภากร กิตติยายาม</h5></div></td>
</tr>
<tr>
<td><div align="center"><h5>คศ.2 (ศิลปะ)</h5> </div></td>
</tr>
<tr>
<td><div align="center"><h5>หัวหน้ากลุ่มสาระการเรียนรู้ศิลปะ</h5> </div></td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table></div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art002.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูชานนท์ พูลทวี</h5>
<h5>คศ.1 (ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-envelope-o"></a></li>
<li><a href="#" class="fa fa-linkedin"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art003 .jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูหทัยชนก กุศลศิลป์</h5>
<h5>คศ.2 (ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook-square" attr="facebook icon"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art004.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูกุสุมา สุนทรวิภาค</h5>
<h5>คศ.1 (ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art005.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูสหรัฐ หลวงเมือง</h5>
<h5>คศ.1 (ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art006.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูกษิดิศ เหมกุล</h5>
<h5>คศ.1 (ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art007.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูจิราภรณ์ มั่นใจจริง</h5>
<h5>คศ.1 (ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art008.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูจิรภัทร ยอดดี</h5>
<h5>(ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art009.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูนภนต์ จันทร์สงวน</h5>
<h5>(ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-envelope-o"></a></li>
<li><a href="#" class="fa fa-linkedin"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art011.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูภูเบท์ คุ้มภัย</h5>
<h5>(ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="team-thumb">
<div class="team-image">
<img src="images/art010.jpg" class="img-responsive" alt="">
</div>
<div class="team-info">
<h5>ครูประธาน พิรุณรัมย์</h5>
<h5>(ศิลปะ)</h5>
</div>
<ul class="social-icon">
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-google"></a></li>
<li><a href="#" class="fa fa-behance"></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="footer-info">
<div class="section-title">
<h2>Headquarter</h2>
</div>
<address>
<p>Suankularb Wittayalai Chonburi School</p>
</address>
<ul class="social-icon">
<li><a href="#" class="fa fa-facebook-square" attr="facebook icon"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
</ul>
<div class="copyright-text">
<p>Copyright © 2022 ICT.SKC</p>
<p>Design: THOSAPHORN SRANGNANOK</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="footer-info">
<div class="section-title">
<h2>Contact Info</h2>
</div>
<address>
<p>038119649</p>
<p><a href="mailto:youremail.com">admin@suanchon.ac.th</a></p>
</address>
<div class="footer_menu">
<h2>Quick Links</h2>
<ul>
<li><a href="http://www.suanchon.ac.th">Suankularb Wittayalai Chonburi School</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="footer-info newsletter-form">
<div class="section-title">
<h2>Newsletter Signup</h2>
</div>
<div>
<div class="form-group">
<form action="#" method="get">
<input type="email" class="form-control" placeholder="Enter your email" name="email" id="email" required="">
<input type="submit" class="form-control" name="submit" id="form-submit" value="Send me">
</form>
<span><sup>*</sup> Please note - we do not spam your email.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>
</body>
</html>