| Server IP : 27.254.66.5 / Your IP : 216.73.217.39 Web Server : Apache/2 System : Linux cs82.hostneverdie.com 3.10.0-1160.45.1.el7.x86_64 #1 SMP Wed Oct 13 17:20:51 UTC 2021 x86_64 User : technic2 ( 1951) PHP Version : 7.4.30 Disable Function : apache_child_terminate, apache_setenv, define_syslog_variables, escapeshellarg, escapeshellcmd,exec, fp, fput, highlight_file, ini_alter, ini_restore, inject_code, passthru,phpAds_remoteInfo, phpAds_XmlRpc,phpAds_xmlrpcDecode, phpAds_xmlrpcEncode, popen, posix_getpwuid, posix_kill, posix_mkfifo, posix_setpgid, posix_setsid,posix_setuid, posix_setuid, posix_uname,proc_open,proc_close, proc_get_status, proc_nice, proc_terminate, shell_exec, syslog, system, xmlrpc_entity_decode, show_source,sleep,pcntl_exec,virtual,suexec,dbmopen,dl,symlink,disk_free_space,diskfreespace,leak MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/technic2/domains/technicrayong.ac.th/public_html/rytc/newgen/ |
Upload File : |
<style>
#container-popup-1,
#container-popup-2,
#container-popup-3,
#container-popup-4 {
width: 100%;
height: 100%;
position: absolute;
visibility:hidden;
display:none;
background-color: rgba(22,22,22,0.5);
}
#container-popup-1 a,
#container-popup-2 a,
#container-popup-3 a,
#container-popup-4 a {
color:black;
}
#container-popup-1:target,
#container-popup-2:target,
#container-popup-3:target,
#container-popup-4:target {
visibility: visible;
display: block;
}
.reveal-modal {
background:#e1e1e1;
margin: 0 auto;
width:50%;
position:relative;
z-index:41;
top: 10%;
padding:-10px;
border-radius:20px;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
box-shadow:0 0 10px rgba(0,0,0,0.4);
}
</style>
<div id="container-popup-1">
<a href="#deputy">
<div id="deputy-1" class="reveal-modal text-center">
<p>
<img src="assets/images/director2.png" alt=""><br><hr>
<h4>"การศึกษาเปิดโอกาสให้มนุษย์ได้ใช้<br>ศักยภาพทางกายและทางใจอย่างเต็มที่<br>ทั้งกับชีวิตส่วนตัวและชีวิตในสังคม"<br><label style="color:red;">LIFE IS LEARNING</label></h4>
<br>
</p>
</div>
</a>
</div>
<!--
<div id="container-popup-2">
<a href="#deputy">
<div id="deputy-2" class="reveal-modal text-center">
<p>
<img src="assets/images/director3.png" alt=""><br><hr>
<h4>
<label style="color:red;">"การศึกษา"</label>
<br>คือ การพัฒนาคน<br>
ในทุก ๆ ด้าน<br>
เพื่อให้เติบโตเป็นมนุษย์ที่สมบูรณ์
</h4>
<br>
</p>
</div>
</a>
</div>
-->
<div id="container-popup-3">
<a href="#deputy">
<div id="deputy-3" class="reveal-modal text-center">
<p>
<img src="assets/images/director4.png" alt=""><br><hr>
<h4>
The secret of success in life is to<br> be ready for your opportunity<br> when it comes.
<br></h4>
<h5><br>
ความลับของความสำเร็จ คือ
<br>
<label style="color:red;">เตรียมตัวให้พร้อม</label> อยู่เสมอ <br>
สำหรับ <label style="color:blue;">“โอกาส”</label> ที่จะมาถึง <br>
</h5><br>
</p>
</div>
</a>
</div>
<div id="container-popup-4">
<a href="#deputy">
<div id="deputy-4" class="reveal-modal text-center">
<p>
<img src="assets/images/director5.png" alt=""><br><hr>
<h4>
<label style="color:red;">การศึกษา</label>ไม่ใช่การเรียนของคน
<br>
ในช่วงอายุหนึ่งเท่านั้น
<br>
แต่การศึกษาคือการพัฒนาคุณภาพ
<br>
ของคนทั้งมวล
</h4><br>
</p>
</div>
</a>
</div>
<section class="services">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="owl-service-item owl-carousel">
<a href="#container-popup-1" data-reveal-id="deputy-1">
<div class="item item2">
<!--<img src="assets/images/director2.png" height="320"alt="">-->
</div>
</a>
<!--
<a href="#container-popup-2" data-reveal-id="deputy-2">
<div class="item item3"> </div>
</a>
-->
<a href="#container-popup-3" data-reveal-id="deputy-3">
<div class="item item4"></div>
</a>
<a href="#container-popup-4" data-reveal-id="deputy-4">
<div class="item item5"> </div>
</a>
</div>
</div>
</div>
</div>
</section>