Current Path : /var/www/vhosts/thaisoho.com/httpdocs/
Upload File :
Current File : /var/www/vhosts/thaisoho.com/httpdocs/_header.php

<?php
  include 'Admin/Tool/Connect.php';
 ?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TOUCH SOLUTION</title>
    <link rel="stylesheet" href="assets/css/style.css?v=<?=time()?>">
    <link rel="stylesheet" href="assets/css/slick.css?v=<?=time()?>">
    <link rel="stylesheet" href="fonts/all.css">
    <link href="https://fonts.googleapis.com/css2?family=Sarabun&display=swap" rel="stylesheet">
    <link href="assets/font/DBHelvethaica.ttf" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="assets/css/docs.theme.min.css"> -->
    <link rel="stylesheet" href="assets/owlcarousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/owlcarousel/assets/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>

  </head>
  <?php
    $activePage = basename($_SERVER['PHP_SELF'], ".php");
   ?>
   <style>
   body{
     padding-top: 0px;
   }
   .header-line::before{
     background-color: black;
   }
   .header-line::after{
     background-color: black;
   }
   </style>
  <body>
  <div class="container p-0 position-relative " style="<?=$activePage == 'index' ? 'margin-bottom: 41px;' : ' ';?>" >
  <header class="nav-header">
  <ul class="nav nav-top justify-content-end  " <?=$activePage == 'product_details' ? 'style="background-color: black;"' : '';?> >
    <li class="nav-item">
      <a class="nav-link active-scroll <?=$activePage == 'index' ? 'active-link' : ' ';?>" href="index.php">HOME</a>
    </li>
  <li class="nav-item">
    <a class="nav-link active-scroll <?=$_GET['type'] == 'hilight_project' ? 'active-link' : ''?> <?=$activePage == 'hilight' ? 'active-link' : ' ';?>"  href="<?=$activePage != 'index' ? 'index.php?type=hilight_project#hilight_project' : '#hilight_project';?>">HILIGHT PROJECT</a>
  </li>
  <li class="nav-item">
    <a class="nav-link <?=$activePage == 'product' ? 'active-link' : '';?>" href="product.php">PRODUCT</a>
  </li>
  <li class="nav-item">
    <a class="nav-link <?=$activePage == 'download' ? 'active-link' : '';?>" href="download.php">DOWNLOAD</a>
  </li>
  <li class="nav-item">
    <a class="nav-link active-scroll <?=$_GET['type'] == 'client' ? 'active-link' : ''?>" href="<?=$activePage != 'index' ? 'index.php?type=client#client' : '#client';?>">CLIENT</a>
  </li>
  <li class="nav-item">
    <a class="nav-link active-scroll <?=$_GET['type'] == 'about' ? 'active-link' : ''?>" href="<?=$activePage != 'index' ? 'index.php?type=about#about' : '#about';?>" >ABOUT</a>
  </li>
  <li class="nav-item">
    <a class="nav-link active-scroll <?=$_GET['type'] == 'contact' ? 'active-link' : ''?>" href="<?=$activePage != 'index' ? 'index.php?type=contact#contact' : '#contact';?>" >CONTACT</a>
  </li>
</ul>
<div class="toggle-ul-x ">
<i class="fal fa-bars text-white toggle-ul"></i>
</div>
<ul class="navbars-sm r-200" style="list-style: none;">
<li class="nav-item">
    <a class="nav-link" href="#"><i style="font-size: 30px;" class="fal fa-times text-white toggle-ul-times"></i></a>
</li>
<li class="nav-item">
  <a class="nav-link active-scroll <?=$activePage == 'index' ? 'active-link' : '';?>" href="#">REFERENCE SITE</a>
</li>
<li class="nav-item">
  <a class="nav-link <?=$activePage == 'product' ? 'active-link' : '';?>" href="product.php">PRODUCT</a>
</li>
<li class="nav-item">
  <a class="nav-link active-scroll" href="<?=$activePage != 'index' ? 'index.php#contact' : '#client';?>">CLIENT</a>
</li>
<li class="nav-item">
  <a class="nav-link active-scroll" href="<?=$activePage != 'index' ? 'index.php#contact' : '#about';?>">ABOUT</a>
</li>
<li class="nav-item">
  <a class="nav-link active-scroll" href="<?=$activePage != 'index' ? 'index.php#contact' : '#contact';?>">CONTACT</a>
</li>
</ul>
</header>
</div>