ห้องเรียน (Classroom) ของนางสาวกชพร หมุนหลี :: โรงเรียนวัดท่าไทร (ดิตถานุเคราะห์) สังกัดสำนักงานเขตพื้นที่การศึกษาประถมศึกษาสุราษฎร์ธานี เขต 1

ผู้บริหารสถานศึกษา

นางวณิชชา เดี่ยววาณิชย์
ผู้อำนวยการโรงเรียนวัดท่าไทร
(ดิตถานุเคราะห์)

บุคคลากรที่เกิดเดือนนี้

01 ก.ย.

นางสาวนวภร ศรีทองฉิม

ครูผู้ช่วย

03 ก.ย.

นางสาวดวงฤดี ชีวะ

พี่เลี้ยงเด็กพิการ

11 ก.ย.

นางสาวอรพรรณ สุวรรณบุตร

ครูชำนาญการ

เข้าสู่ระบบ

หน้าหลัก

หน้าแรก

ประวัติโรงเรียน

วิสัยทัศน์

พันธกิจ / เป้าหมาย

เพลงโรงเรียน

หลักสูตรที่เปิดสอน

ทำเนียบผู้บริหาร

คณะกรรมการสถานศึกษา

คณะกรรมการนักเรียน

การประเมินคุณธรรมและความโปร่งใส (ITA) ประจำปี 2568

การประเมินคุณธรรมและความโปร่งใส (ITA) ประจำปี 2567

การประเมินคุณธรรมและความโปร่งใส (ITA) ประจำปี 2566

การประเมินคุณธรรมและความโปร่งใส (ITA) ประจำปี 2565

การประเมินคุณธรรมและความโปร่งใส (ITA) ประจำปี 2564

การประเมินคุณธรรมและความโปร่งใส (ITA) ประจำปี 2563

การนำมาตรฐานการศึกษาของชาติสู่การปฏิบัติ

กฎหมายด้านการศึกษา

นโยบายการศึกษา

เอกสารประกอบการปฏิบัติงาน

หลักสูตรสถานศึกษา

ขอรับไฟล์เอกสารจากทางโรงเรียน

แผนการดำเนินการ

แผนพัฒนาคุณภาพการศึกษาขั้นพื้นฐาน ระยะ 5 ปี ปีงบประมาณ พ.ศ.2566 - 2570

แผนยกระดับคุณภาพการศึกษา ปีการศึกษา 2565

แผนปฏิบัติการประจำปีการศึกษา 2569

แผนปฏิบัติการประจำปีการศึกษา 2568

แผนปฏิบัติการประจำปีการศึกษา 2567

แผนปฏิบัติการประจำปีการศึกษา 2566

แผนปฏิบัติการประจำปีการศึกษา 2565

แผนนิเทศภายในสถานศึกษา ปีการศึกษา 2564

แผนนิเทศภายใน ปีการศึกษา 2563

แผนการเสริมสร้างความปลอดภัยและแผนเผชิญเหตุ

แผนป้องกันและแก้ไขภัยคุกคาม ปีการศึกษา 2563

แผนเผชิญเหตุและการเฝ้าระวังโรคติดเชื้อไวรัสโคโรนา 2019 (ฉบับปรับปรุง)

คู่มือปฏิบัติการสำหรับสถานศึกษาในการป้องกันการแพร่ระบาดของโรคติดเชื้อไวรัสโคโรนา 2019 (COVID-19)(ฉบับปรับปรุง)

คู่มือปฏิบัติการสำหรับสถานศึกษาในการป้องกันการแพร่ระบาดของโรคติดเชื้อไวรัสโคโรนา 2019 (COVID-19)

รายงานโครงการตามแผนปฏิบัติการประจำปีการศึกษา 2568

รายงานโครงการตามแผนปฏิบัติการประจำปีการศึกษา 2566

รายงานโครงการตามแผนปฏิบัติการประจำปี 2565 รอบ 6 เดือน

รายงานงานการประเมินตนเอง

รายงานการประเมินตนเองของสถานศึกษา(SAR) ปีการศึกษา 2568

รายงานการประเมินตนของสถานศึกษา(SAR) ปีการศึกษา 2567 ระดับขั้นพื้นฐาน

รายงานการประเมินตนเองของสถานศึกษา(SAR) ปีการศึกษา 2566 ระดับขั้นพื้นฐาน

รายงานการประเมินตนเองของสถานศึกษา(SAR) ปีการศึกษา 2566 ระดับปฐมวัย

รายงานการประเมินตนเองของสถานศึกษา (SAR) ปีการศึกษา 2565

รายงานการประเมินตนเองของสถานศึกษา(SAR) ปีการศึกษา 2564

รายงานการประเมินตนเองของสถานศึกษา(SAR) ปีการศึกษา 2563

รายงานการประเมินตนเองของสถานศึกษา (SAR) ปีการศึกษา 2562

รายงานการประเมินตนเองของสถานศึกษา (SAR) ปีการศึกษา 2561

รายงานผลการนิเทศภายในสถานศึกษา ปีการศึกษา 2562

รายงานผลการนิเทศภายในสถานศึกษา ปีการศึกษา 2563

ฝ่ายบริหารและบุคลากร

คณะผู้บริหาร

กลุ่มบริหารงานวิชาการ

กลุ่มบริหารงานงบประมาณ

กลุ่มบริหารงานบุคคล

กลุ่มบริหารงานทั่วไป

กลุ่มสาระฯภาษาไทย

กลุ่มสาระฯคณิตศาสตร์

กลุ่มสาระฯวิทยาศาสตร์

กลุ่มสาระฯสังคมศึกษาฯ

กลุ่มสาระฯสุขศึกษาฯ

กลุ่มสาระฯศิลปะ

กลุ่มสาระฯการงานอาชีพฯ

กลุ่มสาระฯภาษาต่างประเทศ

ปฐมวัย

Social Media รร.วัดท่าไทร(ดิตถานุเคราะห์)

Fanpage

โรงเรียนวัดท่าไทร (ดิตถานุเคราะห์)

ห้องเรียน (Classroom)

นางสาวกชพร หมุนหลี
ครู

แนะนำตนเอง

ยินดีต้อนรับ สู่ห้องเรียนภาษาไทย เข้าใจง่ายสไตล์ครูโบว์

<div data-video="https://www.youtube.com/watch?v=pyB16q1UEM4&t=15s" data-autoplay="1" data-loop="1" id="youtube-audio" style="width:60px; margin:0 auto;"> </div> <script src="https://www.youtube.com/iframe_api"></script> <script src="js/yt.js"></script>  </div> </div> <script src="js/jquery-1.11.0.min.js"></script> <script src="js/lightbox.js"></script> <script src="js/jquery.lazyload.js?v=1.9.1"></script> <script type="text/javascript" charset="utf-8"> $(function() { $("img.lazy").lazyload({ effect : "fadeIn" }); }); </script> <style> a.hdc{ color:#FFF!important; } a:hover.hdc{ color:#e4ff00!important; } </style> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div style="padding:10px 10px;"> <div style="font-size:18px;margin:5px 0;">โรงเรียนวัดท่าไทร (ดิตถานุเคราะห์)</div> <div style="line-height:20px;"> <div style="float:left;width:500px;"> <div> 325 หมู่ที่ 2 ถนนสุราษฎร์ธานี - นครศรีธรรมราช ตำบลท่าทองใหม่ อำเภอกาญจนดิษฐ์</div> <div> จังหวัดสุราษฎร์ธานี 84290 Tel. 077-227081-2 Fax. 077-227081 </div> <div class="link-footer"> <span class="glyphicon glyphicon-envelope"> </span>  <a href="mailto:84010063@surat1.go.th">84010063@surat1.go.th</a> </div> </div> <div style="float:right;width:350px;"> <div class="link-footer" style="text-align:right;"><b>พัฒนาระบบโดย : </b><a href="http://www.milinshop.com" target="_blank">นายนันทวิทย์ ชูเชื้อ</a></div> <div class="link-footer" style="text-align:right;"><b>แจ้งปัญหาการใช้งาน : </b><a href="mailto:ton_323@hotmail.com?Subject=แจ้งปัญหาการใช้งานเว็บไซต์ สพป.สฎ.1" target="_top">ton_323@hotmail.com</a></div> <div>© 2019 Watthasai (Ditthanukroh) School, All Rights Reserved </div> </div> <div class="clear"></div> </div> </div>  <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,4423000,4,0,0,0,00010000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script> <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4423000&101" alt="" border="0"></a></noscript> </div>  <script src="vendors/jquery/dist/jquery.min.js"></script>  <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>  <script src="vendors/fastclick/lib/fastclick.js"></script>  <script src="vendors/nprogress/nprogress.js"></script>  <script src="vendors/Chart.js/dist/Chart.min.js"></script>  <script src="vendors/gauge.js/dist/gauge.min.js"></script>  <script src="vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>  <script src="vendors/iCheck/icheck.min.js"></script>  <script src="vendors/skycons/skycons.js"></script>  <script src="vendors/Flot/jquery.flot.js"></script> <script src="vendors/Flot/jquery.flot.pie.js"></script> <script src="vendors/Flot/jquery.flot.time.js"></script> <script src="vendors/Flot/jquery.flot.stack.js"></script> <script src="vendors/Flot/jquery.flot.resize.js"></script>  <script src="vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script> <script src="vendors/flot-spline/js/jquery.flot.spline.min.js"></script> <script src="vendors/flot.curvedlines/curvedLines.js"></script>  <script src="vendors/DateJS/build/date.js"></script>  <script src="vendors/jqvmap/dist/jquery.vmap.js"></script> <script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script> <script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>  <script src="vendors/moment/min/moment.min.js"></script> <script src="vendors/bootstrap-daterangepicker/daterangepicker.js"></script>  <script src="vendors/moment/min/moment.min.js"></script> <script src="vendors/bootstrap-daterangepicker/daterangepicker.js"></script>  <script src="vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>  <script src="vendors/ion.rangeSlider/js/ion.rangeSlider.min.js"></script>  <script src="vendors/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>  <script src="vendors/jquery.inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>  <script src="vendors/jquery-knob/dist/jquery.knob.min.js"></script>  <script src="vendors/cropper/dist/cropper.min.js"></script>  <script src="vendors/iCheck/icheck.min.js"></script>  <script src="build/js/custom.min.js"></script> <script src="vendors/datatables.net/js/jquery.dataTables.min.js"></script> <script src="vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> <script src="vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script> <script src="vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script> <script src="vendors/datatables.net-buttons/js/buttons.flash.min.js"></script> <script src="vendors/datatables.net-buttons/js/buttons.html5.min.js"></script> <script src="vendors/datatables.net-buttons/js/buttons.print.min.js"></script> <script src="vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script> <script src="vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script> <script src="vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script> <script src="vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script> <script src="vendors/datatables.net-scroller/js/dataTables.scroller.min.js"></script> <script src="vendors/jszip/dist/jszip.min.js"></script> <script src="vendors/pdfmake/build/pdfmake.min.js"></script> <script src="vendors/pdfmake/build/vfs_fonts.js"></script> <style type="text/css"> body{ /*font-family: 'THSarabunNew', 'THFahkwang', sans-serif!important;*/ font-size:14px !important; color:#292929 !important; background-image: url('img/bg/20210712113344.jpg') !important; background-repeat: no-repeat !important; background-position: top center !important; } a{ color:#031559 !important; } a:hover{ color:#008ca8 !important; } .nav a{ color:#031559 !important; } .nav a:hover{ color:#008ca8 !important; } .sidebar_head{ background-color: #00c21d !important; color: #ffffff !important; } .bdmenu{ border:1px solid #9eadff !important; } .h2, .htitle{ color:#00c21d !important; /*font-family: 'Athiti', sans-serif!important;*/ } .h2 a{ color:#00c21d !important; } .h2 a:hover{ color:#008ca8 !important; } .htitle a{ color:#00c21d !important; /*font-family: 'Athiti', sans-serif!important;*/ } .htitle a:hover{ color:#008ca8 !important; /*font-family: 'Athiti', sans-serif!important;*/ } #footer{ background-color: #059418 !important; color:#ffffff !important; } #footer a{ color:#ffffff !important; } .mytable{ /*font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;*/ width: 100%; border-collapse: collapse; } .mytable th{ text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #0aa60f;/*#F60*/ color: rgb(255, 255, 255); } .mytable th, .mytable td{ font-size: 14px; border: 1px solid #007529; padding: 3px; } .bgtotal{ background-color: #60de54;/*#F60*/ } .bgtotalall{ background-color: #7aff8e;/*#F60*/ } .mytable2{ /*font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;*/ border-collapse: collapse; background-color: #fff; } .mytable2 th{ text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: rgb(167, 201, 66); color: rgb(255, 255, 255); } .mytable2 th, .mytable2 td{ font-size: 1em; border: 1px solid #ccc; padding: 3px; } #activity-calendar{ margin: 10px auto; width:960px; border-radius: 5px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.14); background-color: #FFFFFF; padding: 10px; } div#activity-calendar{ /* opacity: 0.9; filter: alpha(opacity=90);*/ /* For IE8 and earlier */ } #rcorners1 { border-radius: 18px; background-color: #00c21d !important; color: #ffffff !important; padding: 5px 20px; /*width: 200px;*/ /*height: 90px; */ text-align: center; font-size: 20px; font-weight:bold; border: 3px solid #FFF; } .container { position: relative; width: 50%; } .image { display: block; width: 100%; height: auto; } img.image { border: 1px solid #ddd; border-radius: 4px; padding: 5px; width: 200px; } img.image:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #00c21d; overflow: hidden; width: 0; height: 100%; transition: .5s ease; } .container:hover .overlay { width: 100%; } .text { white-space: nowrap; color: white; font-size: 12px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } /* calendar */ table.calendar { border-left:1px solid #9eadff; } tr.calendar-row { height:100px;vertical-align: top; } td.calendar-day { min-height:120px; font-size:11px; position:relative; } * html div.calendar-day { height:120px; } td.calendar-day:hover { background:#eceff5; } td.calendar-day2 { background:#ffc7ba; min-height:120px; font-size:11px; position:relative; } * html div.calendar-day2 { height:120px; } td.calendar-day2:hover { background:#ef795d; } td.calendar-day3 { color:#fafafa; min-height:120px; font-size:11px; position:relative; } * html div.calendar-day3 { height:120px; } td.calendar-day3:hover { background:#d7d7d7; } td.calendar-day-np { background:#ecde9b; min-height:120px; } * html div.calendar-day-np { height:120px; } td.calendar-day2-np { background:#ecde9b; min-height:120px; } * html div.calendar-day2-np { height:120px; } td.calendar-day3-np { background:#ecde9b; min-height:120px; } * html div.calendar-day3-np { height:120px; } td.calendar-day-head { background:#00c21d; font-weight:bold; text-align:center; width:80px; padding:5px; border-bottom:1px solid #9eadff; border-top:1px solid #9eadff; border-right:1px solid #9eadff; color: #FFF; } div.day-number { background:#4bc600; padding:2px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:16px; text-align:center; } div.day-number2 { background:#de2a00; padding:2px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:16px; text-align:center; } div.list-day-number { padding:0; color:#000; font-weight:normal; margin:-5px -5px 0 -2px; width:90px; text-align:left; font-size: -2px; } /* shared */ td.calendar-day, td.calendar-day-np { width:90px; padding:5px; border-bottom:1px solid #9eadff; border-right:1px solid #9eadff; } td.calendar-day2, td.calendar-day2-np { width:90px; padding:5px; border-bottom:1px solid #9eadff; border-right:1px solid #9eadff; } td.calendar-day3, td.calendar-day3-np { width:90px; padding:5px; border-bottom:1px solid #9eadff; border-right:1px solid #9eadff; } .datacontentbox table, .datacontentbox img{ max-width: 658px!important; } table.MsoNormalTable{ max-width: 658px!important; width: 100%!important; table-layout: fixed!important; display: block!important; } .datacontentbox table{ max-width: 658px!important; width: 100%!important; table-layout: fixed!important; display: block!important; } .bx-wrapper{ margin-bottom: 20px!important; } </style>  </body> </html> <script src="pdfobject/pdfobject.js"></script> <script>PDFObject.embed("http://tsk.ac.th/img/ita/c_intro_1643075312/1626096307202107120825071.pdf", "#example1");</script> <style> /* Container needed to position the overlay. Adjust the width as needed */ .container2 { position: relative; width: 100%; /* max-width: 400px; */ } /* Make the image to responsive */ .image { width: 100%; height: auto; } /* The overlay effect (full height and width) - lays on top of the container and over the image */ .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background-color: red; } /* When you mouse over the container, fade in the overlay icon*/ .container2:hover .overlay { opacity: 1; } /* The icon inside the overlay is positioned in the middle vertically and horizontally */ .icon { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } /* When you move the mouse over the icon, change color */ .fa-faicon:hover { color: #eee; } </style>   <script src="vendors/jquery/dist/jquery.min.js"></script>  <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>  <script src="vendors/fastclick/lib/fastclick.js"></script>  <script src="vendors/nprogress/nprogress.js"></script>  <script src="vendors/Chart.js/dist/Chart.min.js"></script>  <script src="vendors/gauge.js/dist/gauge.min.js"></script>  <script src="vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>  <script src="vendors/iCheck/icheck.min.js"></script>  <script src="vendors/skycons/skycons.js"></script>  <script src="vendors/Flot/jquery.flot.js"></script> <script src="vendors/Flot/jquery.flot.pie.js"></script> <script src="vendors/Flot/jquery.flot.time.js"></script> <script src="vendors/Flot/jquery.flot.stack.js"></script> <script src="vendors/Flot/jquery.flot.resize.js"></script>  <script src="vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script> <script src="vendors/flot-spline/js/jquery.flot.spline.min.js"></script> <script src="vendors/flot.curvedlines/curvedLines.js"></script>  <script src="vendors/DateJS/build/date.js"></script>  <script src="vendors/jqvmap/dist/jquery.vmap.js"></script> <script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script> <script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>  <script src="vendors/moment/min/moment.min.js"></script> <script src="vendors/bootstrap-daterangepicker/daterangepicker.js"></script>  <script src="vendors/moment/min/moment.min.js"></script> <script src="vendors/bootstrap-daterangepicker/daterangepicker.js"></script>  <script src="vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>  <script src="vendors/ion.rangeSlider/js/ion.rangeSlider.min.js"></script>  <script src="vendors/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>  <script src="vendors/jquery.inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>  <script src="vendors/jquery-knob/dist/jquery.knob.min.js"></script>  <script src="vendors/cropper/dist/cropper.min.js"></script>  <script src="vendors/iCheck/icheck.min.js"></script>  <script src="build/js/custom.min.js"></script> <script src="vendors/datatables.net/js/jquery.dataTables.min.js"></script> <script src="vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> <script src="vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script> <script src="vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script> <script src="vendors/datatables.net-buttons/js/buttons.flash.min.js"></script> <script src="vendors/datatables.net-buttons/js/buttons.html5.min.js"></script> <script src="vendors/datatables.net-buttons/js/buttons.print.min.js"></script> <script src="vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script> <script src="vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script> <script src="vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script> <script src="vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script> <script src="vendors/datatables.net-scroller/js/dataTables.scroller.min.js"></script> <script src="vendors/jszip/dist/jszip.min.js"></script> <script src="vendors/pdfmake/build/pdfmake.min.js"></script> <script src="vendors/pdfmake/build/vfs_fonts.js"></script>  <link href="vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">  <link href="vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet"> <script> $('#datetodo').datetimepicker({ format: 'YYYY-MM-DD' }); $('#dateend').datetimepicker({ format: 'YYYY-MM-DD' }); </script> <style> .marqueetitle{ font-size:30px;color:#4863A0;margin:10px 5px;font-family: 'Chonburi'!important; } </style> <script type="text/javascript" src="tooltipster/jquery-1.10.0.min.js"></script> <script type="text/javascript" src="tooltipster/dist/js/tooltipster.bundle.min.js"></script> <script type="text/javascript"> $(document).ready(function() { for(i = 1;i<100;i++){ $('#origin-' + i).tooltipster({ // we detach the element from the page and give it to Tooltipster to serve as content content: $('#tooltip_content-' + i).detach(), // if you use a single element as content for several tooltips, set this option to true contentCloning: false, animation: 'grow', delay: 200, theme: 'tooltipster-punk', trigger: 'click' }); } }); </script> <script type="text/javascript"> $(document).ready(function(){ $('#lightgallery').lightGallery(); }); </script> <script src="../dist/css/picturefill.min.js"></script> <script src="../dist/js/lightgallery-all.min.js"></script> <script src="../lib/jquery.mousewheel.min.js"></script> <script type='text/javascript' src='dist/unite/js/jquery-11.0.min.js'></script> <script type='text/javascript' src='dist/unite/js/unitegallery.min.js'></script> <link rel='stylesheet' href='dist/unite/css/unite-gallery.css' type='text/css' /> <script type='text/javascript' src='dist/unite/themes/tiles/ug-theme-tiles.js'></script> <link rel="stylesheet" href="dist/jquery.bxslider.css">  <script src="dist/jquery.bxslider.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#gallery1").unitegallery(); }); $(document).ready(function(){ $('.slider').bxSlider({ auto: true, autoControls: true, stopAutoOnClick: true, pager: true }); }); </script> <style> .border-box{ /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */ /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */ /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */ /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */ box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; /* box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */ } </style>