File: /home/suanchonac/domains/suanchon.ac.th/public_html/oh/profile/profile.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" />
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/templatemo-style.css" />
<title>ประวัติครูโอ๋</title>
<!-- 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">
</head>
<body>
<!-- Welcome Section -->
<section id="tmWelcome" class="parallax-window" data-parallax="scroll" data-image-src="img/mini-profile-bg-01.jpg">
<div class="container-fluid tm-brand-container-outer">
<div class="row">
<div class="col-6">
<!-- Logo Area -->
<!-- Black transparent bg -->
<br><br><br><br><br><br><br><br><br>
<div class="ml-auto mr-0 tm-bg-black-transparent text-white tm-brand-container-inner">
<div class="tm-brand-container text-center">
<h1 class="tm-brand-name">Mini Profile</h1>
<p class="tm-brand-description mb-0">ประวัติครูทศพร สร้างนานอก</p>
</div>
</div>
</div>
</div>
</div>
<div class="tm-bg-white-transparent tm-welcome-container">
<div class="container-fluid">
<div class="row h-100">
<!-- Welcome Text -->
<!-- White transparent bg -->
<div class="col-md-7 tm-welcome-left-col">
<div class="tm-welcome-left">
<h2 class="tm-welcome-title">ข้อมูลการปฏิบัติงาน</h2>
<p class="pb-0">
ครูผู้สอนกลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี<br>
โรงเรียนสวนกุหลาบวิทยาลัย ชลบุรี อำเภอศรีราชา จังหวัดชลบุรี<br>
สำนักงานเขตพื้นที่การศึกษามัธยมศึกษาชลบุรี ระยอง
</p>
</div>
</div>
<!-- Brown bg -->
<div class="col-md-5">
<div class="tm-welcome-right">
<i class="fas fa-4x fa-address-card p-3 tm-welcome-icon"></i>
<p class="mb-0"><h2>ข้อมูลทั่วไป</h2>
ชื่อ นายทศพร สร้างนานอก<br>
ตำแหน่ง ครู<br>
กรุ๊ปเลือด เอบี
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Welcome section -->
<!-- Portfolio section -->
<section id="tmPortfolio">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="tm-portfolio-item">
<div class="tm-portfolio-name text-white tm-bg-green">
ปริญญาโท
</div>
<div class="tm-portfolio-description">
<h3 class="tm-text-green">
สมอง จิตใจและการเรียนรู้
<span class="tm-title-small">(วท.ม.)</span>
</h3>
<p class="mb-0">
พ.ศ. 2559 – 2561 ปริญญาโท วิทยาศาสตรมหาบัณฑิต (สมอง จิตใจและการเรียนรู้)<br>
ภาควิชาวิจัยและจิตวิทยาประยุกต์ คณะศึกษาศาสตร์ มหาวิทยาลัยบูรพา จังหวัดชลบุรี<br>
</p>
</div>
</div>
<div class="tm-portfolio-item">
<div class="tm-portfolio-name text-white tm-bg-orange">
บัณฑิตศึกษา
</div>
<div class="tm-portfolio-description">
<h3 class="tm-text-orange">
วิชาชีพครู
</h3>
<p class="mb-0">
พ.ศ. 2555 - 2556 ประกาศนียบัตรบัณฑิตวิชาชีพครู (วิชาชีพครู)<br>
คณะครุศาสตร์ มหาวิทยาลัยราชภัฏราชนครินทร์<br>
</p>
</div>
</div>
<div class="tm-portfolio-item">
<div class="tm-portfolio-name text-white tm-bg-blue">
ปริญญาตรี
</div>
<div class="tm-portfolio-description">
<h3 class="tm-text-blue">
วิทยาการคอมพิวเตอร์
<span class="tm-title-small">(วท.บ.)</span>
</h3>
<p class="mb-0">
พ.ศ. 2550 – 2554 ปริญญาตรี วิทยาศาสตรบัณฑิต (วิทยาการคอมพิวเตอร์)<br>
คณะวิทยาการสารสนเทศ มหาวิทยาลัยบูรพา จังหวัดชลบุรี<br>
</p>
</div>
</div>
<div class="tm-portfolio-item">
<div class="tm-portfolio-name text-white tm-bg-dark-gray">
มัธยมศึกษา
</div>
<div class="tm-portfolio-description">
<h3 class="tm-text-dark-gray">
วิทยาศาสตร์ - คณิตศาสตร์
</h3>
<p class="mb-0">
พ.ศ. 2544 – 2550 ระดับมัธยมศึกษา <br>
โรงเรียนเมืองพลพิทยาคม จังหวัดขอนแก่น
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End portfolio section -->
<!-- Contact section -->
<div id="tmContact" class="parallax-window" data-parallax="scroll" data-image-src="img/mini-profile-bg-02.jpg">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="tm-contact-items-container">
<div class="tm-contact-item">
<i class="fas fa-5x fa-users tm-contact-item-icon"></i>
<p class="mb-0">
10 ปี แห่งการเป็นผู้ให้ความรู้ ชี้นำ สั่งสอนลูกศิษย์ให้เติบโตไปเป็นผู้ใหญ่ที่ดีมีคุณภาพ ทั้งในแง่ของความรู้ และคุณธรรม จริยธรรมอันดี
</p>
</div>
<div class="tm-contact-item">
<i class="fas fa-5x fa-book tm-contact-item-icon"></i>
<p class="mb-0">
เป็นครูที่มีความรอบรู้วิชาการที่ตนเองได้ศึกษามา และสามารถถ่ายทอดความรอบรู้ให้กับนักเรียนด้วยวิธีการที่หลากหลาย และสามารถทำให้นักเรียนมีการเรียนรู้ได้อย่างเต็มศักยภาพ สามารถทำงานร่วมกับครู ชุมชนและสังคมได้เป้นอย่างดี
</p>
</div>
<div class="tm-contact-item">
<i class="fas fa-5x fa-balance-scale tm-contact-item-icon"></i>
<p class="mb-0">
ดำรงชีวิตอย่างมีวินัย มีคุณธรรม จริยธรรม และจรรยาบรรณวิชาชีพ ปฏิบัติตามกฎระเบียบ กติกาของสังคม มีอุดมการณ์เพื่อส่วนรวม ตลอดจนดำรงชีวิตอย่างเหมาะสมกับฐานะ และมีความรักศรัทธา และยึดมั่นในอุดมการณ์แห่งวิชาชีพ
</p>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/parallax.min.js"></script>
<script>
function detectMsBrowser() {
using_ms_browser =
navigator.appName == "Microsoft Internet Explorer" ||
(navigator.appName == "Netscape" &&
navigator.appVersion.indexOf("Edge") > -1) ||
(navigator.appName == "Netscape" &&
navigator.appVersion.indexOf("Trident") > -1);
if (using_ms_browser == true) {
alert(
"Please use Chrome or Firefox for the best browsing experience!"
);
}
}
function setBrandMarginTop() {
var bottomContainerHeight = $(".tm-welcome-container").height();
$(".tm-brand-container-outer").css({
"margin-top": -bottomContainerHeight + "px"
});
}
$(function() {
setBrandMarginTop();
detectMsBrowser();
// Handle window resize event
$(window).resize(function() {
setBrandMarginTop();
});
});
</script>
</body>
</html>