| 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/department/ |
Upload File : |
<section class="heading-page header-text" id="top" style="width: 100%; height: auto;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h6><br></h6>
<h2><br></h2>
</div>
</div>
</div>
</section>
<style>
/* Scope CSS เฉพาะหน้านี้ เพื่อไม่ให้กระทบ template ส่วนอื่น */
#meetings .executive-card {
height: 100%;
border: 0;
border-radius: 20px;
overflow: hidden;
background: #fff;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#meetings .executive-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
#meetings .executive-photo-wrap {
width: 100%;
aspect-ratio: 4 / 3;
background: #f5f5f5;
overflow: hidden;
}
#meetings .executive-photo {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#meetings .executive-name {
font-size: 1.05rem;
font-weight: 700;
color: #1f2937;
margin-bottom: 6px;
}
#meetings .executive-position {
font-size: 0.95rem;
color: #6b7280;
min-height: 46px;
margin-bottom: 14px;
}
#meetings .executive-contact a {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-decoration: none;
background: #f3f4f6;
color: #374151;
margin: 0 4px;
transition: background 0.25s ease, color 0.25s ease;
}
#meetings .executive-contact a:hover {
background: #a12c2f;
color: #fff;
}
.contact-line {
display: inline-flex;
align-items: center;
gap: 6px;
color: #06c755;
text-decoration: none;
font-weight: 500;
}
.contact-line img {
width: 20px;
height: 20px;
object-fit: contain;
}
.line-icon {
width: 18px;
height: 18px;
object-fit: contain;
margin-right: 6px;
vertical-align: middle;
}
</style>
<section class="meetings-page" id="meetings">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-12">
<div class="row grid justify-content-center">
<!-- ***** Executive Area Start ***** -->
<div class="col-lg-12 all">
<div class="row g-4 justify-content-center">
<!-- ผู้บริหาร 1 -->
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="card executive-card text-center">
<div class="executive-photo-wrap">
<img src="../assets/images/director/director-1.png" class="executive-photo" alt="ชื่อ-นามสกุล ผู้บริหาร 1">
</div>
<div class="card-body">
<h5 class="executive-name">นายกิตติพงค์ อุตตะมะเวทิน</h5>
<p class="executive-position">ผู้อำนวยการวิทยาลัยเทคนิคระยอง</p>
<div class="executive-contact" aria-label="ช่องทางการติดต่อ">
<a href="mailto:pharattakun@gmail.com" aria-label="อีเมล"><i class="fa fa-envelope"></i></a>pharattakun@gmail.com<br>
<a href="#" target="_blank" class="executive-contact-link">
<img src="../assets/images/line-icon-32.png" alt="LINE" class="line-icon">
</a>KitPong
</div>
</div>
</div>
</div>
</div>
<div class="row g-4 justify-content-center mt-4">
<!-- ผู้บริหาร 2 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card executive-card text-center">
<div class="executive-photo-wrap">
<img src="../assets/images/director/director-2.png" class="executive-photo" alt="ชื่อ-นามสกุล ผู้บริหาร 2">
</div>
<div class="card-body">
<h5 class="executive-name">นายอานุภาพ วาสะสิริ</h5>
<p class="executive-position">รองผู้อำนวยการฝ่ายวิชาการ</p>
<div class="executive-contact" aria-label="ช่องทางการติดต่อ">
<a href="mailto:jomyot1@gmail.com" aria-label="อีเมล"><i class="fa fa-envelope"></i></a>jomyot1@gmail.com<br>
<a href="#" target="_blank" class="executive-contact-link">
<img src="../assets/images/line-icon-32.png" alt="LINE" class="line-icon">
</a>0917653149
</div>
</div>
</div>
</div>
<!-- ผู้บริหาร 3 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card executive-card text-center">
<div class="executive-photo-wrap">
<img src="../assets/images/director/director-4.png" class="executive-photo" alt="ชื่อ-นามสกุล ผู้บริหาร 3">
</div>
<div class="card-body">
<h5 class="executive-name">นางณัฐธารีย์ สิริกุลปัญญาพร</h5>
<p class="executive-position">รองผู้อำนวยการฝ่ายบริหารฝ่ายยุทธศาสตร์<br>และแผนงาน</p>
<div class="executive-contact" aria-label="ช่องทางการติดต่อ">
<a href="mailto:Nattharee9988@gmail.com" aria-label="อีเมล"><i class="fa fa-envelope"></i></a>nattharee9988@gmail.com<br>
<a href="#" target="_blank" class="executive-contact-link">
<img src="../assets/images/line-icon-32.png" alt="LINE" class="line-icon">
</a>nattharee9988
</div>
</div>
</div>
</div>
<!-- ผู้บริหาร 4 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card executive-card text-center">
<div class="executive-photo-wrap">
<img src="../assets/images/director/director-3.png" class="executive-photo" alt="ชื่อ-นามสกุล ผู้บริหาร 4">
</div>
<div class="card-body">
<h5 class="executive-name">นายชาคริต รุ่งรัตน์</h5>
<p class="executive-position">รองผู้อำนวยการ ฝ่ายบริหารทรัพยากร<br>และฝ่ายกิจการ นักเรียน นักศึกษา</p>
<div class="executive-contact" aria-label="ช่องทางการติดต่อ">
<a href="mailto:chakrit.rtc@gmail.com" aria-label="อีเมล"><i class="fa fa-envelope"></i></a>chakrit.rtc@gmail.com<br>
<a href="#" target="_blank" class="executive-contact-link">
<img src="../assets/images/line-icon-32.png" alt="LINE" class="line-icon">
</a>chakrit
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ***** Executive Area End ***** -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>