342 lines
16 KiB
PHP
342 lines
16 KiB
PHP
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
|
|
<head>
|
|
<!-- title -->
|
|
<title>GREATER CHIANG MAI</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
|
|
<meta name="author" content="GREATER CHIANG MAI">
|
|
<!-- description -->
|
|
<meta name="description" content="GREATER CHIANG MAI">
|
|
<!-- keywords -->
|
|
<meta name="keywords" content="GREATER CHIANG MAI">
|
|
<!-- favicon -->
|
|
<link rel="shortcut icon" href="{{ url('images/favicon.png') }}">
|
|
<link rel="apple-touch-icon" href="{{ url('images/apple-touch-icon-57x57.png') }}">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="{{ url('images/apple-touch-icon-72x72.png') }}">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="{{ url('images/apple-touch-icon-114x114.png') }}">
|
|
<!-- style sheets and font icons -->
|
|
<link rel="stylesheet" type="text/css" href="{{ url('css/bootsnav.css') }}">
|
|
<link rel="stylesheet" type="text/css" href="{{ url('css/font-icons.min.css') }}">
|
|
<link rel="stylesheet" type="text/css" href="{{ url('css/theme-vendors.min.css') }}">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
|
|
<link rel="stylesheet" type="text/css" href="{{ url('css/style.css') }}" />
|
|
<link rel="stylesheet" type="text/css" href="{{ url('css/responsive.css') }}" />
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
<style>
|
|
.navbar-nav li a {
|
|
font-size: 13px !important;
|
|
}
|
|
|
|
.act-link {
|
|
color: #E23134 !important;
|
|
}
|
|
|
|
.navbar {
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: rgb(24, 24, 24);
|
|
min-width: 160px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.dropdown-content a {
|
|
color: #f1f1f1;
|
|
padding: 12px 16px;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
|
|
.show {
|
|
display: block;
|
|
}
|
|
|
|
.customer-footer-bg {
|
|
background-color: #FF0000;
|
|
color: #fff;
|
|
}
|
|
|
|
.customer-footer-bg a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.customer-footer-bg-bar {
|
|
background-color: #D30000;
|
|
color: #fff;
|
|
}
|
|
|
|
.customer-footer-bg-bar a {
|
|
color: #fff;
|
|
}
|
|
|
|
.border-color-medium-dark-gray {
|
|
border-color: #fff !important;
|
|
}
|
|
|
|
.custom-navbar-bg {
|
|
background-color: #FF0000 !important;
|
|
}
|
|
|
|
.custom-navbar-bg a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.custom-navbar-bg a.act-link,
|
|
.custom-navbar-bg a:hover,
|
|
.custom-navbar-bg a:active,
|
|
.custom-navbar-bg a:focus {
|
|
color: #E6FF7D !important;
|
|
}
|
|
|
|
|
|
.custom-navbar-bg .header-searchbar {
|
|
border-left: 1px solid #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- start header -->
|
|
<header>
|
|
<!-- start navigation -->
|
|
<nav
|
|
class="navbar custom-navbar-bg navbar-default bootsnav navbar-fixed-top header-light dark-link navbar-expand-lg">
|
|
<div class="container-lg nav-header-container">
|
|
<!-- start logo -->
|
|
<div class="col-auto ps-0">
|
|
<a href="{{ url('') }}" title="GREATER CHIANG MAI" class="logo"><img
|
|
src="{{ url('images/logo_thegreaterchiangmai_white2.png') }}"
|
|
data-at2x="{{ url('images/logo_thegreaterchiangmai_white2.png') }}"
|
|
alt="GREATER CHIANG MAI"></a>
|
|
</div>
|
|
<!-- end logo -->
|
|
<div class="col accordion-menu pe-0 pe-md-3">
|
|
<button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse"
|
|
data-bs-target="#navbar-collapse-toggle-1">
|
|
<span class="sr-only">toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
|
|
<ul id="accordion" class="nav navbar-nav no-margin alt-font text-normal"
|
|
data-in="animate__fadeIn" data-out="animate__fadeOut">
|
|
<!-- start menu item -->
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ Request::is('/*') ? 'act-link' : '' }}"
|
|
href="{{ url('') }}">{{ trans('global.menu_home') }}</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="dropdown-btn nav-link {{ Request::is('category*') ? 'act-link' : '' }}"
|
|
onclick="toggleDropdown()">{{ trans('global.menu_category') }}</a>
|
|
<ul class="dropdown-content" id="dropdown-menu">
|
|
<li><a href="{{ url('category/chiangmai') }}">CHIANGMAI AND NOWHERE ELSE</a></li>
|
|
<li><a href="{{ url('category/where-else') }}">WHERE ELSE</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ Request::is('about*') ? 'act-link' : '' }}"
|
|
href="{{ url('about') }}">{{ trans('global.menu_about') }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ Request::is('contact*') ? 'act-link' : '' }}"
|
|
href="{{ url('contact') }}">{{ trans('global.menu_contact') }}</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto pe-0">
|
|
<div class="header-searchbar d-flex">
|
|
@if (session()->get('locale') == 'th')
|
|
<li class="nav-item">
|
|
<a class="nav-link act-link" aria-current="page" href="javascript:void(0)">TH</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-black" aria-current="page"
|
|
href="{{ url('change-lang/en') }}">EN</a>
|
|
</li>
|
|
@else
|
|
<li class="nav-item">
|
|
<a class="nav-link text-black" aria-current="page"
|
|
href="{{ url('change-lang/th') }}">TH</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link act-link" aria-current="page" href="javascript:void(0)">EN</a>
|
|
</li>
|
|
@endif
|
|
<li class="nav-item">
|
|
<a style="color:#fff!important;" href="#search-header"
|
|
class="nav-link act-link header-search-form">
|
|
<i class="fas fa-search search-button"></i>
|
|
</a>
|
|
<form id="search-header" method="post" name="search-header"
|
|
class="search-form-result mfp-hide">
|
|
<div class="search-form position-relative">
|
|
<input type="text" name="search" class="search-input"
|
|
placeholder="{{ trans('global.enter_keyword') }}" autocomplete="off"
|
|
onkeydown="handleEnter(event)"
|
|
style="border-top: none; border-right: none; border-bottom: 2px solid rgba(255, 255, 255, 0.5); border-left: none; border-image: initial;">
|
|
</div>
|
|
</form>
|
|
</li>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- end header -->
|
|
|
|
@yield('main')
|
|
|
|
<!-- start footer -->
|
|
<footer class="footer-standard-dark bg-extra-dark-gray customer-footer-bg">
|
|
<div class="footer-widget-area padding-five-tb sm-padding-30px-tb">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div
|
|
class="col-lg-3 col-sm-6 widget border-right border-color-medium-dark-gray md-no-border-right md-margin-30px-bottom text-center text-sm-start">
|
|
<!-- start logo -->
|
|
<a href="{{ url('') }}" class="margin-20px-bottom d-inline-block"><img
|
|
class="footer-logo" src="{{ url('images/logo_thegreaterchiangmai_white2.png') }}"
|
|
data-at2x="{{ url('images/logo_thegreaterchiangmai_white2.png') }}"
|
|
alt=""></a>
|
|
<!-- end logo -->
|
|
<p class="text-small d-inline-block w-95 lg-w-100 xs-w-95">Lorem Ipsum is simply dummy text of
|
|
the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and
|
|
typesetting industry.</p>
|
|
<!-- start social media -->
|
|
<div class="social-icon-style-8 d-inline-block align-middle">
|
|
<ul class="small-icon no-margin-bottom">
|
|
<li><a class="facebook text-white-2" href="https://www.facebook.com/"
|
|
target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
|
|
<li><a class="twitter text-white-2" href="https://twitter.com/" target="_blank"><i
|
|
class="fab fa-twitter"></i></a></li>
|
|
<li><a class="google text-white-2" href="https://plus.google.com" target="_blank"><i
|
|
class="fab fa-google-plus-g"></i></a></li>
|
|
<li><a class="instagram text-white-2" href="https://instagram.com/"
|
|
target="_blank"><i class="fab fa-instagram no-margin-right"
|
|
aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- end social media -->
|
|
</div>
|
|
<!-- start additional links -->
|
|
<div
|
|
class="col-lg-3 col-sm-6 widget border-right border-color-medium-dark-gray padding-45px-left md-padding-15px-left md-no-border-right md-margin-30px-bottom text-center text-sm-start">
|
|
<div
|
|
class="widget-title alt-font text-small text-uppercase margin-10px-bottom font-weight-600">
|
|
Additional Links</div>
|
|
<ul class="list-unstyled">
|
|
<li><a class="text-small" href="{{ url('') }}">{{ trans('global.menu_home') }}</a>
|
|
</li>
|
|
<li><a class="text-small"
|
|
href="{{ url('category') }}">{{ trans('global.menu_category') }}</a></li>
|
|
<li><a class="text-small"
|
|
href="{{ url('about') }}">{{ trans('global.menu_about') }}</a></li>
|
|
<li><a class="text-small"
|
|
href="{{ url('contact') }}">{{ trans('global.menu_contact') }}</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- end additional links -->
|
|
<!-- start contact information -->
|
|
<div
|
|
class="col-lg-3 col-sm-6 widget border-right border-color-medium-dark-gray padding-45px-left md-padding-15px-left md-no-border-right xs-margin-30px-bottom text-center text-sm-start">
|
|
<div
|
|
class="widget-title alt-font text-small text-uppercase margin-10px-bottom font-weight-600">
|
|
Contact Info</div>
|
|
<p class="text-small d-block margin-15px-bottom w-80 sm-w-100">GREATER CHIANG MAI <br>
|
|
Chiang Mai , Thailand</p>
|
|
<div class="text-small">Email: <a
|
|
href="mailto:sales@domain.com">greaterchiangmai@gmail.com</a></div>
|
|
<div class="text-small">Line : @greaterchiangmai</div>
|
|
<!-- <a href="contact-us-modern.html" class="text-small text-uppercase text-decoration-underline">View Direction</a> -->
|
|
</div>
|
|
<!-- end contact information -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-dark-footer padding-50px-tb text-center sm-padding-30px-tb customer-footer-bg-bar">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- start copyright -->
|
|
<div class="col-md-6 text-md-start text-small text-center">© 2024 GREATER CHIANG MAI</div>
|
|
<div class="col-md-6 text-md-end text-small text-center">
|
|
<a target="_blank" href="{{ url('privacy-policy') }}" class="text-dark-gray">Privacy
|
|
Policy</a>
|
|
</div>
|
|
<!-- end copyright -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end footer -->
|
|
<!-- start scroll to top -->
|
|
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
|
|
<!-- end scroll to top -->
|
|
<!-- javascript -->
|
|
<script type="text/javascript" src="{{ url('js/jquery.min.js') }}"></script>
|
|
<script type="text/javascript" src="{{ url('js/bootsnav.js') }}"></script>
|
|
<script type="text/javascript" src="{{ url('js/jquery.nav.js') }}"></script>
|
|
<script type="text/javascript" src="{{ url('js/hamburger-menu.js') }}"></script>
|
|
<script type="text/javascript" src="{{ url('js/theme-vendors.min.js') }}"></script>
|
|
<!-- setting -->
|
|
<script type="text/javascript" src="{{ url('js/main.js') }}"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
|
|
<script>
|
|
function toggleDropdown() {
|
|
document.getElementById("dropdown-menu").classList.toggle("show");
|
|
}
|
|
|
|
// Close the dropdown if the user clicks outside of it
|
|
window.onclick = function(event) {
|
|
if (!event.target.matches('.dropdown-btn')) {
|
|
var dropdowns = document.getElementsByClassName("dropdown-content");
|
|
for (let i = 0; i < dropdowns.length; i++) {
|
|
let openDropdown = dropdowns[i];
|
|
if (openDropdown.classList.contains('show')) {
|
|
openDropdown.classList.remove('show');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function handleEnter(event) {
|
|
if (event.key === "Enter") {
|
|
event.preventDefault(); // Prevent form submission
|
|
triggerSearch(); // Call the search function
|
|
}
|
|
}
|
|
|
|
function triggerSearch() {
|
|
const searchInput = document.querySelector('.search-input').value.trim();
|
|
|
|
if (searchInput) {
|
|
const baseUrl = "{{ url('article') }}";
|
|
window.location.href = `${baseUrl}?search=${encodeURIComponent(searchInput)}`;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
@yield('js')
|
|
</body>
|
|
|
|
</html>
|