<style>
  .rytc-profile-page {
    background: #f6f8fc;
    font-family: inherit;
  }

  .rytc-hero {
    position: relative;
    overflow: hidden;
    border-radius: 0 0 36px 36px;
    background: linear-gradient(135deg, rgba(147, 22, 28, 0.95), rgba(33, 37, 41, 0.92));
    color: #fff;
    padding: 70px 0 46px;
    margin-bottom: 40px;
  }

  .rytc-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), transparent 34%);
    pointer-events: none;
  }

  .rytc-hero .container { position: relative; z-index: 2; }
  .rytc-hero h1 { font-weight: 800; letter-spacing: -0.5px; }
  .rytc-hero p { color: rgba(255, 255, 255, 0.86); }

  .rytc-card {
    border: 0;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.09);
    overflow: hidden;
  }

  .rytc-banner {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
  }

  .section-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    padding: 28px;
    height: 100%;
    transition: 0.25s ease;
  }

  .section-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  }

  .section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #1f2937;
    font-weight: 800;
  }

  .section-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(147, 22, 28, 0.1);
    color: #93161c;
    flex: 0 0 auto;
  }

  .info-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .info-list li {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.12);
  }

  .info-list li:last-child { border-bottom: 0; }
  .info-list i { color: #93161c; margin-top: 4px; }

  .history-text p {
    text-indent: 2rem;
    line-height: 1.9;
    color: #4b5563;
    margin-bottom: 1rem;
  }

  .timeline {
    position: relative;
    padding-left: 0;
  }

  .timeline-item {
    display: flex;
    gap: 18px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  }

  .timeline-item:last-child { border-bottom: 0; }

  .timeline-year {
    min-width: 92px;
    height: fit-content;
    border-radius: 999px;
    background: #93161c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 8px 12px;
    box-shadow: 0 8px 18px rgba(147, 22, 28, 0.24);
  }

  .timeline-content {
    color: #4b5563;
    line-height: 1.8;
  }

  .highlight-box {
    background: linear-gradient(135deg, #fff, #fff7f7);
    border-left: 5px solid #93161c;
  }

  .mission-list {
    counter-reset: mission;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }

  .mission-list li {
    counter-increment: mission;
    display: flex;
    gap: 14px;
    padding: 12px 0;
    line-height: 1.7;
    color: #4b5563;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.12);
  }

  .mission-list li:last-child { border-bottom: 0; }

  .mission-list li::before {
    content: counter(mission);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #93161c;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex: 0 0 auto;
  }

  .badge-soft {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(147, 22, 28, 0.08);
    color: #93161c;
    font-weight: 700;
  }

  .back-home-btn {
    border-radius: 999px;
    padding: 12px 28px;
    font-weight: 700;
    box-shadow: 0 12px 26px rgba(147, 22, 28, 0.24);
  }

  @media (max-width: 767.98px) {
    .rytc-hero { padding: 48px 0 34px; border-radius: 0 0 24px 24px; }
    .rytc-banner { height: 220px; }
    .section-card { padding: 22px; }
    .timeline-item { flex-direction: column; gap: 10px; }
    .timeline-year { width: fit-content; }
  }
</style>

<section class="rytc-profile-page" id="top">
  <div class="rytc-hero">
    <div class="container">
      <div class="row align-items-center g-4">
        <div class="col-lg-8">
          <span class="badge-soft bg-white text-danger mb-3"><i class="fa fa-university"></i> Rayong Technical College</span>
          <h1 class="display-5 mb-3">ประวัติวิทยาลัยเทคนิคระยอง</h1>
          <p class="lead mb-0">ข้อมูลประวัติความเป็นมา การจัดการศึกษา วิสัยทัศน์ พันธกิจ และอัตลักษณ์ของวิทยาลัย</p>
        </div>
        <div class="col-lg-4 text-lg-end">
          <div class="d-inline-flex align-items-center gap-3 bg-white bg-opacity-10 rounded-4 p-3">
            <i class="fa fa-map-marker fa-2x"></i>
            <div class="text-start">
              <div class="fw-bold">จังหวัดระยอง</div>
              <small class="text-white-50">พื้นที่ 76 ไร่ 2 งาน 17 ตารางวา</small>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <section class="meetings-page" id="meetings">
    <div class="container">
      <div class="card rytc-card mb-4">
        <img src="assets/images/profile_banner.png" class="rytc-banner" alt="ประวัติวิทยาลัยเทคนิคระยอง">
        <div class="card-body p-4 p-lg-5">
          <div class="row g-4 mb-4">
            <div class="col-lg-4">
              <div class="section-card highlight-box">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-map-marker"></i></span>สถานที่ตั้ง</h5>
                <ul class="info-list">
                  <li><i class="fa fa-location-arrow"></i><span>086/13 ถนนตากสินมหาราช ตำบลท่าประดู่ อำเภอเมือง จังหวัดระยอง 21000</span></li>
                  <li><i class="fa fa-phone"></i><span>038-611-160, 038-611-192</span></li>
                  <li><i class="fa fa-fax"></i><span>โทรสาร 038-870-717</span></li>
                  <li><i class="fa fa-map"></i><span>พื้นที่ 76 ไร่ 2 งาน 17 ตารางวา</span></li>
                </ul>
              </div>
            </div>
            <div class="col-lg-8">
              <div class="section-card history-text">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-book"></i></span>ประวัติความเป็นมา</h5>
                <p>เมื่อวันที่ 3 ตุลาคม 2481 กรมอาชีวศึกษาร่วมกับจังหวัดระยองได้จัดตั้ง “โรงเรียนช่างไม้ระยอง” ขึ้นโดยอาศัยศาลาการเปรียญของวัดเก๋ง ซึ่งเป็นวัดร้าง ปัจจุบันเป็นสถานที่ตั้งของโรงพยาบาลระยอง เป็นสถานที่เรียนชั่วคราว ต่อมาได้รับบริจาคที่ดินจำนวน 5 ไร่ จาก นายเหลียง เปี่ยมพงศ์สานต์ และจัดตั้งเป็นสถานศึกษาอันเป็นตำบลที่ตั้งของวิทยาลัยเทคนิคระยองในปัจจุบัน</p>
                <p>ในปี พ.ศ. 2501 ได้ซื้อที่ดินเพิ่มขึ้นอีก 5 ไร่ ได้รับอนุมัติให้เปลี่ยนชื่อเป็น “โรงเรียนการช่างไม้ระยอง” เมื่อ พ.ศ. 2509 กระทรวงศึกษาธิการประกาศรวม “โรงเรียนการช่างไม้ระยอง” และ “โรงเรียนการช่างสตรีระยอง” เป็นโรงเรียนเดียวกัน ให้ชื่อว่า “โรงเรียนการช่างระยอง” และได้รับอนุมัติให้ชื่อเป็น “โรงเรียนเทคนิคระยอง” เมื่อวันที่ 1 พฤษภาคม 2520 ต่อมาได้รับการยกฐานะจากโรงเรียนเป็นวิทยาลัยโดยให้ชื่อเป็น “วิทยาลัยเทคนิคระยอง” ตั้งแต่วันที่ 1 พฤษภาคม 2523 จนถึงปัจจุบัน</p>
              </div>
            </div>
          </div>

          <div class="container">
            <div class="row mb-4">
              <div class="col-lg-12">
                <div class="section-card highlight-box mb-4">
                  <h5 class="section-title"><span class="section-icon"><i class="fa fa-map"></i></span>แผนที่วิทยาลัยเทคนิคระยอง</h5>
                  <p class="mb-0">วิทยาลัยเทคนิคระยอง ตั้งอยู่ใกล้สถานที่ราชการ คือ โรงเรียนประจำจังหวัด ที่ว่าการอำเภอเมือง สำนักงานเขตพื้นที่การศึกษา สำนักงานที่ดินจังหวัด ชุมชนสัมฤทธิ์ ชุมชนมุสลิมปากคลอง ชุมชนทางไผ่ มีอาชีพค้าขายขนาดเล็ก รับจ้าง และทำสวนมะม่วง พุทรา ประมง แพปลา สภาพเศรษฐกิจปานกลาง ชุมชนมีความสัมพันธ์กับวิทยาลัยค่อนข้างดี และมีส่วนร่วมในการบริหารจัดการสถานศึกษา</p>
                </div>
              </div>
            </div>
            <div class="row">
                <div class="col-lg-12 maps-wrapper">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6546.805442780569!2d101.26691212297332!3d12.664140702624639!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3102fc182fea834b%3A0x4ed7d262b47bd579!2z4Lin4Li04LiX4Lii4Liy4Lil4Lix4Lii4LmA4LiX4LiE4LiZ4Li04LiE4Lij4Liw4Lii4Lit4LiH!5e0!3m2!1sth!2sth!4v1616496290365!5m2!1sth!2sth" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
            </div>
            </div>
          </div>



          <div class="section-card mb-4">
            <h5 class="section-title"><span class="section-icon"><i class="fa fa-graduation-cap"></i></span>การจัดการศึกษา</h5>
            <div class="timeline">
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2481</div><div class="timeline-content">เปิดการสอนระดับอาชีวศึกษาชั้นต้น หลักสูตร 3 ปี รับผู้จบประโยคประถมศึกษา (ป.4) เข้าเรียนแผนกช่างไม้ และมีนักเรียนรุ่นแรก 34 คน</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2485</div><div class="timeline-content">เปิดสอนแผนกช่างตัดผม หลักสูตร 2 ปี แล้วยุบไป เพราะไม่มีนักเรียนสมัครเข้าเรียน</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2492</div><div class="timeline-content">เปิดสอนแผนกช่างตัดผมครั้งที่ 2 และขยายห้องเรียนแผนกช่างไม้ ปีที่ 1 เพิ่มเป็น 3 ห้องเรียน</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2493</div><div class="timeline-content">ยุบแผนกช่างตัดผมเป็นครั้งที่ 2</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2496</div><div class="timeline-content">ขยายการศึกษาถึงระดับมัธยมศึกษาตอนปลาย รับผู้จบชั้นมัธยมอาชีวศึกษาตอนต้นและรับผู้จบชั้นมัธยมปีที่ 3 สายสามัญ หลักสูตร 3 ปี แผนกช่างไม้ปลูกสร้าง</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2500</div><div class="timeline-content">เปิดสอนระดับมัธยมอาชีวศึกษาตอนปลาย แผนกช่างยนต์</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2503</div><div class="timeline-content">เปิดสอนระดับอาชีวะชั้นสูง แผนกช่างไม้ปลูกสร้าง และยุบแผนกช่างยนต์</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2506</div><div class="timeline-content">เปิดสอนแผนกช่างยนต์ครั้งที่ 2 เปิดสอนระดับมัธยมศึกษาตอนปลาย (ม.4-6) สายอาชีพ แผนกช่างก่อสร้าง</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2513</div><div class="timeline-content">เปิดสอนระดับมัธยมศึกษาตอนปลาย แผนกช่างเชื่อมโลหะแผ่น</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2519</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) แผนกช่างกลโรงงาน</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2520</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) แผนกช่างไฟฟ้า</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2522</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) แผนกพณิชยการ</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2524</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพเทคนิค (ปวท.) สาขาเทคนิคอุตสาหกรรมปิโตรเคมี แผนกเทคนิคปฏิบัติการ เป็นหลักสูตร 2 ปี รับผู้จบมัธยมศึกษาตอนปลาย (มศ.5) สายวิทยาศาสตร์</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2527</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาการบัญชี สาขาเทคโนโลยีคหกรรมศาสตร์ และสาขาเทคนิคยานยนต์</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2532</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพเทคนิค (ปวท.) สาขาเทคนิคเคมีอุตสาหกรรม และเปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) สาขาช่างอิเล็กทรอนิกส์</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2533</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาการตลาด และสาขาวิชาเครื่องมือวัดและควบคุมในอุตสาหกรรม</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2534</div><div class="timeline-content">เปิดสอนระดับช่างชำนาญงานระบบทวิภาคี (Dual-System) ตามโครงการช่างฝึกหัดไทย-เยอรมัน สาขาวิชาธุรกิจโรงแรม</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2535</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาช่างอิเล็กทรอนิกส์ สาขางานอิเล็กทรอนิกส์อุตสาหกรรม และระบบทวิภาคีตามโครงการฝึกหัดไทย-เยอรมัน สาขาวิชาธุรกิจโรงแรม</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2537</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) 7 สาขา ได้แก่ ช่างเทคนิคการผลิต ช่างเทคนิคโลหะการ ช่างไฟฟ้ากำลัง ช่างก่อสร้าง คหกรรมธุรกิจ อาหารและโภชนาการ และผ้าและเครื่องแต่งกาย</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2545</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) สาขาวิชาคหกรรมศาสตร์ และสาขาวิชาการท่องเที่ยว</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2546</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาเทคโนโลยีสารสนเทศและการสื่อสาร</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2552</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาการจัดการโลจิสติกส์ การเลขานุการ คอมพิวเตอร์ธุรกิจ และการท่องเที่ยว</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2553</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาเทคโนโลยีอุตสาหกรรมยาง</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2554</div><div class="timeline-content">ยุบสาขาวิชาเทคโนโลยีผ้าและเครื่องแต่งกาย ระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.)</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2556</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) สาขาวิชาการเลขานุการ และสาขาวิชาคอมพิวเตอร์ธุรกิจ</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2558</div><div class="timeline-content">เปิดสอนระดับปริญญาตรี เทคโนโลยีบัณฑิต (ทล.บ.) สาขาวิชาเทคโนโลยียานยนต์ เทคโนโลยีไฟฟ้า และการบัญชี</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2559</div><div class="timeline-content">ยุบสาขาวิชาการบัญชี ระดับปริญญาตรี เทคโนโลยีบัณฑิต (ทล.บ.)</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2561</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพชั้นสูง (ปวส.) สาขาวิชาการจัดการสำนักงาน</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2562</div><div class="timeline-content">เปิดสอน ปวส. สาขาวิชาเมคคาทรอนิกส์และหุ่นยนต์ เปิดสอนปริญญาตรี ทล.บ. สาขาวิชาปิโตรเคมี เทคโนโลยีพลังงาน และเทคโนโลยีเครื่องกล พร้อมยุบสาขาวิชาเทคโนโลยียานยนต์ ระดับปริญญาตรี</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2563</div><div class="timeline-content">เปิดสอน ปวช. สาขาเทคโนโลยีสารสนเทศและการสื่อสาร เปิดสอนปริญญาตรี ทล.บ. สาขาเทคโนโลยีสารสนเทศ ยุบสาขาวิชาคหกรรมศาสตร์ สาขางานธุรกิจดอกไม้และงานประดิษฐ์ และปรับหลักสูตรคอมพิวเตอร์ธุรกิจ ปวส. เป็นเทคโนโลยีธุรกิจดิจิทัล</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2565</div><div class="timeline-content">ยุบสาขาวิชาการบริหารงานคหกรรมศาสตร์ สาขางานการจัดการงานดอกไม้และงานประดิษฐ์ ระดับ ปวส. และเปิดสอน ปวช. สาขาวิชาการจัดการสำนักงาน</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2566</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) สาขาวิชาเมคคาทรอนิกส์</div></div>
              <div class="timeline-item"><div class="timeline-year">พ.ศ.2567</div><div class="timeline-content">เปิดสอนระดับประกาศนียบัตรวิชาชีพ (ปวช.) สาขาวิชาสถาปัตยกรรม และปรับหลักสูตรจากสาขาวิชาคอมพิวเตอร์ธุรกิจ เป็นสาขาวิชาเทคโนโลยีธุรกิจดิจิทัล ระดับ ปวช.</div></div>
            </div>
          </div>

          <div class="row g-4 mb-4">
            <div class="col-lg-8">
              <div class="section-card history-text">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-users"></i></span>สภาพชุมชน</h5>
                <p>สภาพเศรษฐกิจของจังหวัดระยอง เป็นแหล่งท่องเที่ยวเพราะมีความงามของธรรมชาติ เป็นแหล่งผลิตอาหารทะเล เป็นแหล่งปลูกผลไม้เมืองร้อนที่มีคุณภาพ และเป็นที่ตั้งของโครงการพัฒนาพื้นที่ชายฝั่งทะเลตะวันออก ซึ่งเป็นเขตเศรษฐกิจแห่งใหม่ของประเทศ</p>
                <p>วิทยาลัยเทคนิคระยอง ตั้งอยู่ใกล้สถานที่ราชการ คือ โรงเรียนประจำจังหวัด ที่ว่าการอำเภอเมือง สำนักงานเขตพื้นที่การศึกษา สำนักงานที่ดินจังหวัด ชุมชนสัมฤทธิ์ ชุมชนมุสลิมปากคลอง ชุมชนทางไผ่ มีอาชีพค้าขายขนาดเล็ก รับจ้าง และทำสวนมะม่วง พุทรา ประมง แพปลา สภาพเศรษฐกิจปานกลาง ชุมชนมีความสัมพันธ์กับวิทยาลัยค่อนข้างดี และมีส่วนร่วมในการบริหารจัดการสถานศึกษา</p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="section-card highlight-box mb-4">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-lightbulb-o"></i></span>ปรัชญาวิทยาลัย</h5>
                <p class="fs-5 fw-bold text-danger mb-0">สามัคคี เรียนดี วินัยเด่น เน้นคุณธรรม</p>
              </div>
              <div class="section-card highlight-box">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-star"></i></span>อัตลักษณ์</h5>
                <p class="fs-5 fw-bold text-danger mb-0">เก่งคิด เก่งทำ กิจกรรมเด่น เน้นบริการ</p>
              </div>
            </div>
          </div>

          <div class="row g-4 mb-4">
            <div class="col-lg-5">
              <div class="section-card highlight-box">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-eye"></i></span>วิสัยทัศน์ (Vision)</h5>
                <p class="fs-5 lh-lg fw-semibold mb-0">มุ่งผลิตและพัฒนากำลังคนอาชีวศึกษา ให้มีสมรรถนะสูงสู่สากล ด้วยนวัตกรรมและเทคโนโลยี เพื่อการพัฒนาประเทศ</p>
              </div>
            </div>
            <div class="col-lg-7">
              <div class="section-card">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-bullseye"></i></span>พันธกิจ (Mission)</h5>
                <ol class="mission-list">
                  <li>พัฒนาบริหารการจัดการอาชีวศึกษาให้มีมาตรฐานโดยการกระจายอำนาจด้วยเทคโนโลยีสารสนเทศให้สอดคล้องกับนโยบาย Thailand 4.0</li>
                  <li>พัฒนาผู้เรียน และกำลังคน ด้านวิชาชีพในท้องถิ่นให้มีความรู้ และทักษะทางวิชาชีพในทักษะที่จำเป็นในศตวรรษที่ 21 อย่างหลากหลายและต่อเนื่อง</li>
                  <li>ส่งเสริมและสนับสนุนการวิจัยและพัฒนานวัตกรรมด้านวิชาชีพ เพื่อสร้างความเข้มแข็งของสถานศึกษาและชุมชนให้สอดคล้องกับภูมิปัญญาของท้องถิ่นรองรับระเบียงเศรษฐกิจภาคตะวันออก</li>
                  <li>ส่งเสริม สนับสนุน การจัดกิจกรรมอย่างหลากหลายเพื่อให้ผู้เรียนเป็นคนดีมีคุณธรรมและจริยธรรม</li>
                  <li>สร้างเครือข่ายความร่วมมือให้ทุกภาคส่วนมีส่วนร่วมในการพัฒนาการจัดการอาชีวศึกษา</li>
                  <li>ส่งเสริม/พัฒนา ครูและบุคลากรทางการศึกษาเพื่อความเป็นเลิศ มั่นคง และก้าวหน้าในวิชาชีพ</li>
                </ol>
              </div>
            </div>
          </div>

          <div class="row g-4">
            <div class="col-md-6">
              <div class="section-card h-100">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-certificate"></i></span>เอกลักษณ์</h5>
                <p class="fs-5 fw-semibold mb-0">มุ่งมั่นพัฒนากำลังคนด้านวิชาชีพ และบริการสังคม</p>
              </div>
            </div>
            <div class="col-md-6">
              <div class="section-card h-100">
                <h5 class="section-title"><span class="section-icon"><i class="fa fa-share-alt"></i></span>Share</h5>
                <div class="d-flex flex-wrap gap-2">
                  <a href="#" class="btn btn-outline-primary rounded-pill"><i class="fa fa-facebook"></i> Facebook</a>
                  <a href="#" class="btn btn-outline-info rounded-pill"><i class="fa fa-twitter"></i> Twitter</a>
                  <a href="#" class="btn btn-outline-secondary rounded-pill"><i class="fa fa-linkedin"></i> Linkedin</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-12">
              <div class="main-button-red">
                <a href="index.php">Back To Homepage</a>
              </div>
            </div>
    </div>
  </section>
</section>