Mini Shell
<!doctype html>
<html lang="en">
<?php include 'head.php'; ?>
<body>
<header class="header_inner">
<?php include 'header.php'; ?>
<!--==================
Slider
===================-->
<div class="rev_slider_wrapper">
<div id="rev_slider_1" class="rev_slider">
<ul>
<li data-index="rs-1706" data-transition="fade" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<div class="slider-overlay"></div>
<!-- SLIDE'S MAIN BACKGROUND IMAGE -->
<img src="images/banner/1.jpg" alt="Sky" class="rev-slidebg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption font-lora sfb tp-resizeme letter-space-5 h-p"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-200','-280','-250','-200']"
data-fontsize="['20','40','40','28']"
data-lineheight="['70','80','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":400,"to":"o:1;","delay":100,"split":"chars","splitdelay":0.05,"ease":"Power3.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
style="z-index: 7; color:#fff; font-family:'Rubik', sans-serif; max-width: auto; max-height: auto; white-space: nowrap; font-weight:500;">โรงเรียนเทศบาลวัดชัยชุมพล
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-1"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-120','-140','-140','-120']"
data-fontsize="['65','120','100','70']"
data-lineheight="['70','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 900; white-space: nowrap;text-transform:left;">ยินดีต้อนรับ
</div>
<!-- LAYER NR.3 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-1"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-40','0','-10','-40']"
data-fontsize="['65','120','100','70']"
data-lineheight="['70','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 900; white-space: nowrap;text-transform:left;">หลักสูตร smtp
</div>
</li>
<li data-index="rs-1708" data-transition="fade" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<div class="slider-overlay"></div>
<img src="images/banner/2.jpg" alt="Sky" class="rev-slidebg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption font-lora sfb tp-resizeme letter-space-5 h-p"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-200','-280','-250','-200']"
data-fontsize="['20','40','40','28']"
data-lineheight="['70','80','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","speed":400,"to":"o:1;","delay":100,"split":"chars","splitdelay":0.05,"ease":"Power3.easeInOut"},{"delay":"wait","speed":100,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
style="z-index: 7; color:#fff; font-family:'Rubik', sans-serif; max-width: auto; max-height: auto; white-space: nowrap; font-weight:500;">
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-11"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-120','-140','-140','-120']"
data-fontsize="['65','120','100','70']"
data-lineheight="['70','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 700; white-space: nowrap;text-transform:left;">
</div>
<!-- LAYER NR.3 -->
<div class="tp-caption NotGeneric-Title tp-resizeme"
id="slide-3045-layer-12"
data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-40','0','-10','-40']"
data-fontsize="['65','120','100','70']"
data-lineheight="['70','120','70','70']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-type="text"
data-responsive_offset="on"
data-frames='[{"from":"x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[10,10,10,10]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; font-family:'Roboto', sans-serif; font-weight: 700; white-space: nowrap;text-transform:left;">
</div>
</li>
</ul><!-- END SLIDES LIST -->
</div><!-- END SLIDER CONTAINER -->
</div><!-- END SLIDER CONTAINER WRAPPER -->
</header> <!-- End header section-->
<section class="cources_highlight">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="latest_blog_carousel">
<div class="single_item single_item_first">
<div class="blog-img">
<a href="#"><img src="images/features/11.jpg" alt="" class="img-fluid"></a>
</div>
<div class="blog_title">
<span>1</span>
<h3><a href="#" title="">วิสัยทัศน์</a></h3>
<p>พัฒนาผู้เรียนให้มีความเป็นเลิศทางวิทยาศาสตร์ คณิตศาสตร์ และเทคโนโลยี
มีคุณภาพ สู่มาตรฐานสากล</p>
</div>
</div>
<div class="single_item single_item_center">
<div class="blog-img">
<a href="#" title=""><img src="images/features/12.jpg" alt="" class="img-fluid"></a>
</div>
<div class="blog_title">
<span>2</span>
<h3><a href="#" title="">พันธกิจ</a></h3>
<p>๑. จัดหลักสูตรเพื่อพัฒนาผู้เรียนสู่ความเป็นเลิศทางวิทยาศาสตร์ คณิตศาสตร์และเทคโนโลยี และพัฒนาคุณภาพสู่มาตรฐานสากล
<br>๒. จัดกิจกรรมเสริมหลักสูตรเพื่อพัฒนาศักยภาพผู้เรียน
<br>๓. ส่งเสริมการเข้าร่วมกิจกรรมทางวิชาการกับหน่วยงานทุกระดับ
<br>๔. จัดกิจกรรมเสริมสร้างด้านคุณธรรม จริยธรรม สร้างจิตสำนึกที่ดี ให้ผู้เรียนเป็นคนดี ดำรงชีวิตอยู่ในสังคมได้อย่างมีความสุข
<br>๕. ส่งเสริมการสร้างภาคีเครือข่ายร่วมพัฒนาการศึกษา
</p>
</div>
</div>
<div class="single_item single_item_last">
<div class="blog-img">
<a href="#" title=""><img src="images/features/13.jpg" alt="" class="img-fluid"></a>
</div>
<div class="blog_title">
<span>3</span>
<h3><a href="#" title="">เป้าประสงค์</a></h3>
<p>๑. นักเรียนมีผลสัมฤทธิ์ทางการเรียนเป็นไปตามที่สถานศึกษากำหนด
<br>๒. นักเรียนมีคุณลักษณะที่พึงประสงค์ตามหลักสูตร
<br>๓. นักเรียนมีความเป็นเลิศทางด้านวิทยาศาสตร์ คณิตศาสตร์และเทคโนโลยี จัดการเรียนรู้ได้อย่างเป็นระบบและมีประสิทธิภาพ
<br>๔. นักเรียนได้เข้าร่วมกิจกรรมทางวิชาการ เผยแพร่ผลงานกับหน่วยงานทุกระดับ
<br>๕. นักเรียนมีคุณธรรม จริยธรรมและจิตสำนึกที่ดี
<br>๖. ส่งเสริมการสร้างภาคีเครือข่ายร่วมพัฒนาทางการศึกษา
<br>๗. ครูมีศักยภาพสู่มาตรฐานสากล
<br>๘. พัฒนาระบบการบริหารจัดการสถานศึกษาด้วยระบบคุณภาพ
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Popular Courses Highlight -->
<section class="about_top_wrapper">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-5">
<div class="title">
<h2>ประกาศรับสมัครนักเรียน ปีการศึกษา2564</h2>
<p>โรงเรียนเทศบาลวัดชัยชุมพล หลักสูตร SMTP. </p>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-7 ml-auto p-0">
<div class="banner_learn">
<img src="images/banner/111.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="items_shape"></div>
<div class="story_about">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-md-7 col-lg-7">
<div class="story_banner">
<img src="images/banner/boss2.jpg" alt="" class="img-fluid">
</div>
</div>
<div class="col-12 col-sm-6 col-md-5 col-lg-5">
<div class="about_story_title">
<h3>นายการุญ ปัญจะสุวรรณ์</h3>
<p>ผู้อำนวยการสถานศึกษา</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End about_top_wrapper -->
<?php
include 'admin/function_date.php';
$newstype_id1 = 001;
$sql_type1 = "SELECT * FROM news INNER JOIN newstype ON news.newstype_id = newstype.newstype_id WHERE news.newstype_id = $newstype_id1 and news.news_status = '0' ORDER BY news_id DESC LIMIT 3";
$result_type1 = mysqli_query($link, $sql_type1);
?>
<!-- ข่าวเด่น -->
<section class="popular_courses">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="sub_title">
<h2>ข่าวเด่น</h2>
</div><!-- ends: .section-header -->
</div>
<?php
while ($row_type1 = mysqli_fetch_array($result_type1)) {
?>
<?php
$date1 = $row_type1['new_date'];
$show_date1 = displaydate($date1);
?>
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
<div class="single-courses">
<div class="courses_banner_wrapper">
<div class="courses_banner"><a href="news_details.php?news_id=<?php echo $row_type1['news_id']; ?>"><img src="admin/images/<?php echo $row_type1['news_images']; ?>" alt="" class="img-fluid"></a></div>
</div>
<div class="courses_info_wrapper">
<div class="courses_title">
<h3><a href="news_details.php?news_id=<?php echo $row_type1['news_id']; ?>"><?php echo $row_type1['news_topic']; ?></a></h3>
<div class="teachers_name"><?php echo $row_type1['topic_detail']; ?>...... <a href="news_details.php?news_id=<?php echo $row_type1['news_id']; ?>" title=""></a></div>
</div>
<div class="courses_info">
<ul class="list-unstyled">
<li><i class="fas fa-calendar-alt"></i><?php echo $show_date1; ?></li>
<li><i class="fas fa-user"></i><?php echo $row_type1['counter']; ?> ครั้ง</li>
</ul>
<a href="news_details.php?news_id=<?php echo $row_type1['news_id']; ?>" class="cart_btn">อ่านต่อ</a>
</div>
</div>
</div><!-- Ends: .single courses -->
</div><!-- Ends: . -->
<?php } ?>
</div>
</div>
</section><!-- ./ End Courses Area section -->
<?php
$newstype_id2 = 002;
$sql_type2 = "SELECT * FROM news INNER JOIN newstype ON news.newstype_id = newstype.newstype_id WHERE news.newstype_id = $newstype_id2 and news.news_status = '0' order by news_id desc limit 0,1";
$result_type2 = mysqli_query($link, $sql_type2);
$row_type2 = mysqli_fetch_array($result_type2);
?>
<!-- ข่าวประชาสัมพัน -->
<section class="events-area">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="event_title_wrapper">
<div class="sub_title">
<h2>ข่าวประชาสัมพันธ์</h2>
<p>ข่าวประชาสัมพันธ์ หลักสูตร (SMTP) </p>
</div><!-- ends: .section-header -->
<div class="envent_all_view">
<a href="#" title="">ข่าวทั้งหมด</a>
</div>
</div>
</div>
</div>
<?php
$date2 = $row_type2['new_date'];
$show_date2 = displaydate($date2);
?>
<div class="row">
<div class="col-sm-12 events_full_box">
<div class="events_single">
<div class="event_banner">
<a href="news_details.php?news_id=<?php echo $row_type2['news_id']; ?>"><img src="admin/images/<?php echo $row_type2['news_images']; ?>" alt="" class="img-fluid"></a>
</div>
<div class="event_info">
<h3><a href="news_details.php?news_id=<?php echo $row_type2['news_id']; ?>" title=""><?php echo $row_type2['news_topic']; ?></a></h3>
<div class="events_time">
<span class="time"><i class="fas fa-calendar-alt"></i><?php echo $show_date2; ?></span>
</div>
<p><?php echo $row_type2['topic_detail']; ?> ...</p>
<div class="event_dete">
<span class="date"><?php echo $row_type2['counter']; ?></span>
<span>ครั้ง</span>
</div>
</div>
</div>
</div>
<?php
$newstype_id2_2 = 002;
$sql_type2_2 = "SELECT * FROM news INNER JOIN newstype ON news.newstype_id = newstype.newstype_id WHERE news.newstype_id = $newstype_id2_2 and news.news_status = '0' order by news_id desc limit 1,1";
$result_type2_2 = mysqli_query($link, $sql_type2_2);
$row_type2_2 = mysqli_fetch_array($result_type2_2);
$date2_2 = $row_type2_2['new_date'];
$show_date2_2 = displaydate($date2_2);
?>
<div class="col-sm-12 events_full_box">
<div class="events_single events_single_left">
<div class="event_info">
<h3><a href="news_details.php?news_id=<?php echo $row_type2_2['news_id']; ?>" title=""><?php echo $row_type2_2['news_topic']; ?></a></h3>
<div class="events_time">
<span class="time"><i class="fas fa-calendar-alt"></i><?php echo $show_date2_2; ?></span>
</div>
<p><?php echo $row_type2_2['topic_detail']; ?> ...</p>
</div>
<div class="event_banner">
<a href="news_details.php?news_id=<?php echo $row_type2_2['news_id']; ?>"><img src="admin/images/<?php echo $row_type2_2['news_images']; ?>" alt="" class="img-fluid"></a>
</div>
<div class="event_dete">
<span class="date"><?php echo $row_type2_2['counter']; ?></span>
<span>ครั้ง</span>
</div>
</div>
</div>
<?php
$newstype_id2_3 = 002;
$sql_type2_3 = "SELECT * FROM news INNER JOIN newstype ON news.newstype_id = newstype.newstype_id WHERE news.newstype_id = $newstype_id2_3 and news.news_status = '0' order by news_id desc limit 2,1";
$result_type2_3 = mysqli_query($link, $sql_type2_3);
$row_type2_3 = mysqli_fetch_array($result_type2_3);
$date2_3 = $row_type2_3['new_date'];
$show_date2_3 = displaydate($date2_3);
?>
<div class="col-sm-12 events_full_box">
<div class="events_single">
<div class="event_banner">
<a href="news_details.php?news_id=<?php echo $row_type2_3['news_id']; ?>"><img src="admin/images/<?php echo $row_type2_3['news_images']; ?>" alt="" class="img-fluid"></a>
</div>
<div class="event_info">
<h3><a href="news_details.php?news_id=<?php echo $row_type2_3['news_id']; ?>" title=""><?php echo $row_type2_3['news_topic']; ?></a></h3>
<div class="events_time">
<span class="time"><i class="fas fa-calendar-alt"></i><?php echo $show_date2_3; ?></span>
</div>
<p><?php echo $row_type2_3['topic_detail']; ?> ...</p>
<div class="event_dete">
<span class="date"><?php echo $row_type2_3['counter']; ?></span>
<span>ครั้ง</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- ./ End Events Area section -->
<?php
$newstype_id3 = 003;
$sql_type3 = "SELECT * FROM news INNER JOIN newstype ON news.newstype_id = newstype.newstype_id WHERE news.newstype_id = $newstype_id3 and news.news_status = '0' ORDER BY news_id DESC LIMIT 3";
$result_type3 = mysqli_query($link, $sql_type3);
?>
<!-- ข่าวกิจกรรม -->
<section class="blog">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="sub_title">
<h2>ข่าวกิจกรรม</h2>
<p>ข่าวกิจกรรม หลักสูตร (SMTP)</p>
</div><!-- ends: .section-header -->
</div>
<?php
while ($row_type3 = mysqli_fetch_array($result_type3)) {
?>
<?php
$date3 = $row_type3['new_date'];
$show_date3 = displaydate($date3);
?>
<div class="col-12 col-sm-6 col-md-4 col-lg-4">
<div class="single_item single_item_first">
<div class="blog-img">
<a href="news_details.php?news_id=<?php echo $row_type3['news_id']; ?>" title=""><img src="admin/images/<?php echo $row_type3['news_images']; ?>" alt="" class="img-fluid"></a>
</div>
<div class="blog_title">
<span><?php echo $row_type3['topic_detail']; ?>...</span>
<h3><a href="news_details.php?news_id=<?php echo $row_type3['news_id']; ?>" title=""><?php echo $row_type3['news_topic']; ?></a></h3>
<div class="post_bloger">
<span><?php echo $show_date3; ?> </span> <span class="bloger_name"> <?php echo $row_type3['counter']; ?> ครั้ง</span>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</section><!-- End Blog -->
<!-- โบวชัว -->
<section class="courses_features">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="banner_learn">
<img src="images/banner/bow.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section><!-- End About Us Your Thingking -->
<?php include 'footer.php'; ?>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v3.2';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>
Zerion Mini Shell 1.0