File: /home/dkhp464/domains/dakhoahaiphong464.com/public_html/wp-content/themes/DaKhoaHongPhat/header.php
<?php
//include "api-clinic/clinic.php";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<?php wp_head(); ?>
<?php if(lighthouse()): ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/roboto" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital@0;1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<?php endif;?>
<link rel="stylesheet" href="<?= get_template_directory_uri() ?>/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="<?= get_template_directory_uri() ?>/assets/owlcarousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="<?= get_template_directory_uri() ?>/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="<?= get_template_directory_uri() ?>/assets/css/main.min.css">
<?php if(lighthouse()): ?>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-19R2VT6L1C"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-19R2VT6L1C');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TWRM7MQ2');</script>
<!-- End Google Tag Manager -->
<?php endif;?>
<title>Document</title>
</head>
<body>
<?php if(lighthouse()): ?>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWRM7MQ2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<?php endif;?>
<?php if(lighthouse()): ?>
<section class="menu-offcanvas">
<div class="main-menu-mb d-block">
<div class="logo-menu-mb d-flex justify-content-between align-items-center">
<a href="<?= site_url() ?>">
<img class="img-fluid" src="<?= get_template_directory_uri() ?>\image/logo.png" width="180" height="auto" alt="logo">
</a>
<div class="toggle-menu-mb ">
<button class="btn " type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample"
aria-controls="offcanvasExample">
<img src="<?= get_template_directory_uri() ?>\image/btn-mb.png" class="img-fluid" alt="">
</button>
</div>
</div>
</div>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<a href="<?= site_url() ?>">
<img class="img-fluid" src="<?= get_template_directory_uri() ?>\image/logo.png" width="180" alt="">
</a>
<div class="cover-btn-offcanvas">
<button type="button" class="btn-close text-reset float-end" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<nav>
<?php
if (has_nav_menu('primary_menu')) {
$menu = wp_nav_menu([
'theme_location' => 'primary_menu',
'menu_class' => 'menu-mb',
'menu_id' => 'primary-menu',
'container' => FALSE,
'echo' => FALSE,
]);
echo $menu;
}
?>
</nav>
</div>
</div>
<section class="contact-topheader-mb d-lg-none">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-12">
<form action="" class="d_contact_new d-flex">
<input id="" type="tel" class="form-control input-number-contact" pattern="[0-9]*"
maxlength="12" placeholder="Nhập sđt của bạn" name="phone" required>
<div class="d-none">
<input type="text" class="form-control" name="url"
value="<?= (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? " https"
: "http" ) . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]" ?>">
</div>
<div class="button-container-send">
<button class="button-send" type="submit">GỬI
</button>
</div>
</form>
</div>
</div>
</div>
</section>
</section>
<?php endif;?>
<!-- ===================================================== -->
<header>
<?php if(lighthouse()): ?>
<div class="copy-right-top d-none d-md-block">
<div class="container">
<div class="row justify-content-center align-items-center text-center align-content-center">
<div class="col-6">
<div class="address-header d-flex">
<div class="img-topheader ">
<img src="<?= get_template_directory_uri() ?>\image/topheader-icon-1.png" class="img-fluid" alt="">
</div>
<?=ADDRESS?>
</div>
</div>
<div class="col-6">
<div class="address-header d-flex">
<div class="img-topheader">
<img src="<?= get_template_directory_uri() ?>\image/topheader-icon-2.png" class="img-fluid" alt="">
</div>
Giờ mở cửa: <?=OPEN_TIME?> (Tất cả ngày trong tuần)
</div>
</div>
</div>
</div>
</div>
<?php endif;?>
<?php if(lighthouse()): ?>
<section class="contact-topheader d-none d-lg-block">
<div class="container">
<div class="bg-contact-topheader">
<div class="row justify-content-center align-items-center text-center align-content-center ">
<div class="col-xl-4 col-lg-4 ">
<a href="<?= site_url() ?>" class="logo-topheader">
<img src="<?= get_template_directory_uri() ?>\image/logo.png" width="240" height="72" class="img-fluid" alt="">
</a>
</div>
<div class="col-xl-4 col-lg-4 line-contact">
<form action="" class="d_contact_new d-flex">
<input id="" type="tel" class="form-control input-number-contact" pattern="[0-9]*"
maxlength="12" placeholder="Nhập sđt của bạn" name="phone" required>
<div class="d-none">
<input type="text" class="form-control" name="url"
value="<?= (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? " https"
: "http" ) . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]" ?>">
</div>
<div class="button-container-send">
<button class="button-send" type="submit">GỬI
</button>
</div>
</form>
<script>
function onDOMContentLoaded() {
const inputElements = document.querySelectorAll('.input-number-contact');
const placeholderText = "Nhập sđt của bạn";
function typeText(inputElement) {
let currentPos = 0;
function updatePlaceholder() {
inputElement.placeholder = placeholderText.slice(0, currentPos);
currentPos++;
if (currentPos <= placeholderText.length) {
setTimeout(updatePlaceholder, 100);
} else {
currentPos = 0;
setTimeout(updatePlaceholder, 3000);
}
}
updatePlaceholder();
}
inputElements.forEach((inputElement) => {
typeText(inputElement);
});
}
document.addEventListener("DOMContentLoaded", onDOMContentLoaded);
</script>
</div>
<div class="col-xl-4 col-lg-4 ">
<div
class="phone-contact d-flex justify-content-center align-items-center text-center align-content-center">
<div class="img-phone-contact">
<img src="<?= get_template_directory_uri() ?>\image/icon-phone.png" class="img-fluid" alt="">
</div>
<?=PHONE?>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif;?>
<!-- ====================================================== -->
<?php if(lighthouse()): ?>
<section class="main-menu">
<div class="container ">
<div class="row justify-content-center align-items-center">
<div class="col-xl-12 col-lg-12 col-md-12">
<nav class="navbar-main ">
<?php
if (has_nav_menu('primary_menu')) {
$menu = wp_nav_menu([
'theme_location' => 'primary_menu',
'menu_class' => 'menu',
'menu_id' => 'primary-menu',
'container' => FALSE,
'echo' => FALSE,
]);
echo $menu;
}
?>
</nav>
</div>
</div>
</div>
</section>
<?php endif;?>
<?php if(lighthouse()): ?>
<div class="banner-web ">
<div class="slide-banner owl-carousel owl-theme">
<div class="item">
<img class="img-fluid d-none d-md-block" src="<?= get_template_directory_uri() ?>\image/banner-pc-1.jpg" alt="banner">
<img class="img-fluid d-md-none" src="<?= get_template_directory_uri() ?>\image/banner-web-mb.jpg" alt="banner">
</div>
<div class="item">
<img class="img-fluid d-none d-md-block" src="<?= get_template_directory_uri() ?>\image/banner-pc-2.jpg" alt="banner">
<img class="img-fluid d-md-none" src="<?= get_template_directory_uri() ?>\image/banner-web-mb-2.jpg" alt="banner">
</div>
<div class="item">
<img class="img-fluid d-none d-md-block" src="<?= get_template_directory_uri() ?>\image/banner-pc-3.jpg" alt="banner">
<img class="img-fluid d-md-none" src="<?= get_template_directory_uri() ?>\image/banner-web-mb-3.jpg" alt="banner">
</div>
<div class="item">
<img class="img-fluid d-none d-md-block" src="<?= get_template_directory_uri() ?>\image/dakhoahaiphong464.com-pc.jpg" alt="banner">
<img class="img-fluid d-md-none" src="<?= get_template_directory_uri() ?>\image/dakhoahaiphong464.com-mb.jpg" alt="banner">
</div>
</div>
</div>
<?php endif;?>
</header>