Mini Shell
<!doctype html>
<html lang="en">
<?php include 'head.php'; ?>
<body>
<header class="header_inner contact_page">
<?php include 'header.php'; ?>
<div class="intro_wrapper">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-8 col-lg-8">
<div class="intro_text">
<h1>ติดต่อเรา</h1>
<div class="pages_links">
<a href="index.php" title="">หน้าหลัก</a>
<a href="contact.php" title="" class="active">ติดต่อเรา</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header> <!-- End Header -->
<section class="contact_info_wrapper">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<div class="contact_info">
<h3 class="title">โรงเรียนเทศบาลวัดชัยชุมพล หลักสูตร SMTP</h3>
<p>โครงการห้องเรียนพิเศษหลักสูตรวิทยาศาสตร์ คณิตศาสตร์และเทคโนโลยี
Science Mathematics and Technology Program (SMTP)
.</p>
<div class="event_location_info">
<ul class="list-unstyled">
<li>
<h4 class="info_title">ที่อยู่ : </h4>
<ul class="list-unstyled">
<li>โรงเรียนเทศบาลวัดชัยชุมพล กองการศึกษา</li>
<li>เทศบาลเมืองทุ่งสง จังหวัดนครศรีธรรมราช</li>
<li>เลขที่ 193 ถ.ทุ่งสง-สุราษฎร์ ต.ปากแพรก</li>
<li>อ.ทุ่งสง จ.นครศรีธรรมราช 80110</li>
</ul>
</li>
<li>
<h4 class="info_title">โทรศัพท์ :</h4>
<ul class="list-unstyled">
<li>075-411-368</li>
</ul>
</li>
<li>
<h4 class="info_title">อีเมล์ :</h4>
<ul class="list-unstyled">
<li>[email protected]</li>
</ul>
</li>
</ul>
<img src="images/banner/map_shape.png" alt="" class="contact__info_shpae">
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<div class="contact_form_wrapper">
<h3 class="title">ส่งความคิดเห็น</h3>
<div class="leave_comment">
<div class="contact_form">
<form action="#">
<div class="row">
<div class="col-12 col-sm-12 col-md-6 form-group">
<input type="text" class="form-control" id="name" placeholder="ชื่อ">
</div>
<div class="col-12 col-sm-12 col-md-6 form-group">
<input type="email" class="form-control" id="email" placeholder="อีเมล์">
</div>
<div class="col-12 col-sm-12 col-md-12 form-group">
<input type="text" class="form-control" id="subject" placeholder="ชื่อเรื่อง">
</div>
<div class="col-12 col-sm-12 col-md-12 form-group">
<textarea class="form-control" id="comment" placeholder="รายละเอียด..."></textarea>
</div>
<div class="col-12 col-sm-12 col-md-12 submit-btn">
<button type="submit" class="text-center">ส่งข้อความ</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section> <!-- Contact Info Wrappper-->
<section class="contact_info_wrapper">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<!-- Google map --><iframe allowfullscreen="" frameborder="0" height="100%" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1974.692612943944!2d99.67870065801792!3d8.163887432709034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30524509ea15de4f%3A0xcff207096fddcf67!2z4LmC4Lij4LiH4LmA4Lij4Li14Lii4LiZ4LmA4LiX4Lio4Lia4Liy4Lil4Lin4Lix4LiU4LiK4Lix4Lii4LiK4Li44Lih4Lie4Lil!5e0!3m2!1sth!2sth!4v1545901074706" style="border:0" width="100%"></iframe>
</div>
</div>
</div>
</section> <
<!-- Footer -->
<?php include 'footer.php'; ?>
</body>
</html>
Zerion Mini Shell 1.0