invisio v2.0

<?php
require('header.php');

@include('../../config/main_function.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

$password = 'sd32f43q5we';
$originalMessage = "CXgvsdf542sdfg";
$encryptedMessage = encryptMessage($originalMessage, $password);

<div class="main-body animated fadeInRight">
  <div class="row">
    <div class="col-md-4 remove_div">
      <div class="sidebar-form-div">
        <div class="card text-left">
          <img class="card-img-top" src="holder.js/100px180/" alt="">
          <div class="card-body">
            <div class="">
              <ul class="nav nav-tabs" id="myTab3" role="tablist">
                <li class="nav-item" role="presentation">
                  <button class="nav-link active" id="home3-tab" data-toggle="tab" data-target="#home3" type="button" role="tab" aria-controls="home3" aria-selected="true">Home</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="profile3-tab" data-toggle="tab" data-target="#profile3" type="button" role="tab" aria-controls="profile3" aria-selected="false">Profile</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="contact3-tab" data-toggle="tab" data-target="#contact3" type="button" role="tab" aria-controls="contact3" aria-selected="false">Contact</button>
                </li>
              </ul>

</div>
            <div class="tab-content" id="myTabContent3">
              <div class="tab-pane fade show active" id="home3" role="tabpanel" aria-labelledby="home-tab">
                <div class="form-group mb-3 mt-3">
                  <label for="">สถานที่ปฏิบัติงาน</label>
                  <select class="form-control select2" name="" id="">
                    <option></option>
                    <option></option>
                    <option></option>
                  </select>
                </div>
                <div class="form-group mb-3 mt-3">
                  <label for="">ประเภทงาน</label>
                  <input type="text" class="form-control" name="" id="" aria-describedby="helpId" placeholder="">
                </div>
                <div class="form-check">
                  <label class="form-check-label">
                    <input type="checkbox" class="form-check-input" name="" id="" value="checkedValue" checked>
                    Display value
                  </label>
                </div>
                <div class="form-group mb-3 mt-3">
                  <label for="">ค้นหาตามคำที่ระบุ</label>
                  <input type="text" class="form-control" name="" id="" aria-describedby="helpId" placeholder="">
                </div>
                <div class="d-flex justify-content-center">
                  <button class="btn btn-gold w-50">ค้นหา</button>
                </div>
              </div>
              <div class="tab-pane fade" id="profile3" role="tabpanel" aria-labelledby="profile-tab">...</div>
              <div class="tab-pane fade" id="contact3" role="tabpanel" aria-labelledby="contact-tab">...</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-8">
      <div class="main-content">
        <div>
          <h3>
            งานทั้งหมด 100,000 งาน
          </h3>
          <hr>
        </div>
        <label for=""><b>ค้นหาจาก</b></label>
        <div class="mt-3">
          <a name="" id="" class="btn btn-gold btn-outline btn-sm mb-2" href="#" role="button">งาน 1</a>
          <a name="" id="" class="btn btn-gold btn-outline btn-sm mb-2" href="#" role="button">งาน 2</a>
          <a name="" id="" class="btn btn-gold btn-outline btn-sm mb-2" href="#" role="button">งาน 3</a>
          <a name="" id="" class="btn btn-gold btn-outline btn-sm mb-2" href="#" role="button">งาน 4</a>
          <a name="" id="" class="btn btn-gold btn-outline btn-sm mb-2" href="#" role="button">งาน 5</a>
          <a name="" id="" class="btn btn-gold btn-outline btn-sm mb-2" href="#" role="button">ดูเพิ่มเติม</a>
        </div>
        <div class="mt-3">
          <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
              <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
              <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
              <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="assets/image/slide_1.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
              </div>
              <div class="carousel-item">
                <img src="assets/image/slide_2.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
              </div>
              <div class="carousel-item">
                <img src="assets/image/slide_1.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
              </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Next</span>
            </button>
          </div>

</div>
      </div>
    </div>
  </div>

<div class="row mt-5">
    <p class="card-text"> TOP COMPANIES</p>
    <div class="col-md-6 col-xs-12  comp-div">
      <div class="row">
        <div class="col-9">
          <p>สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศไทย EFA Thailand สนต. </p>
          <span>เปิดรับสมาชิกใหม่ Click !!!</span>
        </div>
        <div class="col-2">
          <img src="assets/image/Logo.png" class="comp-img" alt="">
        </div>
      </div>
    </div>
    <div class="col-md-6 comp-div">
      <div class="row">
        <div class="col-9">
          <p>สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศไทย EFA Thailand สนต. </p>
          <span>เปิดรับสมาชิกใหม่ Click !!!</span>
        </div>
        <div class="col-2">
          <img src="assets/image/Logo.png" class="comp-img" alt="">
        </div>
      </div>
    </div>
    <div class="col-md-6 comp-div">
      <div class="row">
        <div class="col-9">
          <p>สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศไทย EFA Thailand สนต. </p>
          <span>เปิดรับสมาชิกใหม่ Click !!!</span>
        </div>
        <div class="col-2">
          <img src="assets/image/Logo.png" class="comp-img" alt="">
        </div>
      </div>
    </div>
    <div class="col-md-6 comp-div">
      <div class="row">
        <div class="col-9">
          <p>สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศไทย EFA Thailand สนต. </p>
          <span>เปิดรับสมาชิกใหม่ Click !!!</span>
        </div>
        <div class="col-2">
          <img src="assets/image/Logo.png" class="comp-img" alt="">
        </div>
      </div>
    </div>
  </div>

<div class=" mt-5">
    <p class="card-text"> SUPER HOT JOBS</p>
    <div id="hot-jobs" class="carousel slide" data-bs-ride="carousel">
      <div class="carousel-indicators">
        <button type="button" data-bs-target="#hot-jobs" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#hot-jobs" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#hot-jobs" data-bs-slide-to="2" aria-label="Slide 3"></button>
      </div>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <div class="row">
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
          </div>
        </div>
        <div class="carousel-item">
          <div class="row">
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-2 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
          </div>
        </div>
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#hot-jobs" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#hot-jobs" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
  </div>

<div class="row mt-5">
    <img src="assets/image/slide_2.png" class="d-block w-100" alt="..." style="border-radius: 5px;">
  </div>
  <div class=" mt-5">
    <p class="card-text">HOT COMPANIES</p>
    <div id="hot-copm" class="carousel slide" data-bs-ride="carousel">
      <div class="carousel-indicators">
        <button type="button" data-bs-target="#hot-copm" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#hot-copm" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#hot-copm" data-bs-slide-to="2" aria-label="Slide 3"></button>
      </div>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <div class="row">
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
          </div>
        </div>
        <div class="carousel-item">
          <div class="row">
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
            <div class="col-3 mb-2">
              <img src="assets/image/Logo.png" class="job-img" alt="">
            </div>
          </div>
        </div>
      </div>
      <button class="carousel-control-prev" type="button" data-bs-target="#hot-copm" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#hot-copm" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
  </div>

</div>
<?php require('footer.php') ?>
<script>
  $(document).ready(function() {
    GetJobList()
  });