File: /var/www/americahealthline.com/wp-content/themes/americahealthhaven/header.php
<!DOCTYPE html>
<html lang="<?php language_attributes() ?>">
<head>
<meta charset="<?php echo bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content=" ">
<meta name="author" content="elemis">
<title><?php wp_title('|', true, 'right'); bloginfo('name') ?></title>
<!-- css plugin -->
<link rel="stylesheet" href="<?php echo bloginfo('template_directory'); ?>/css/style.css">
<!-- font awsome icon plugin -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- botstrap css plugin -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<!-- slick slider css plugin -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
<!-- favicon -->
<!--<link rel="shortcut icon" href="<?php echo bloginfo('template_directory'); ?>/favicon/favicon.ico">-->
<style>
a#contactLink {
color: #343a40;
}
#contactPopup {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 60%;
background-color: white;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
border-radius: 10px;
max-height: 80vh;
overflow-y: auto;
}
h3 {
font-size: 20px;
line-height: 1.3;
color: var(--color-text-primary);
font-family: "Poppins", sans-serif;
font-weight: 600;
}
input {
width: 100%;
padding: 6px 0px;
margin-bottom: 10px;
padding-left: 25px;
border-radius: 5px;
border: 1px solid var(--color-text-secondary);
}
textarea {
width: 100%;
padding-left: 25px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid var(--color-text-secondary);
}
form button {
background-color: #007BFF;
color: white;
padding: 10px;
border: none;
cursor: pointer;
border-radius: 5px;
}
form input, form textarea {
margin: 10px 0;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
background-color: transparent;
border: none;
color: #333;
cursor: pointer;
}
#map {
height: 300px;
width: 100%;
margin-top: 20px;
}
.gm-err-container {
height: 100%;
width: 100%;
display: table;
background-color: #e8eaed;
position: relative;
left: 0;
top: 0;
}
.gm-err-content
{
border-radius: 1px;
padding-top: 0;
padding-left: 10%;
padding-right: 10%;
position: static;
vertical-align: middle;
display: table-cell;
}
</style>
<!-- CSS ========================= -->
<?php wp_head();?>
</head>
<body>
<!-- Header -->
<header>
<div class="container-fluid">
<!-- ─── NAVBAR START ─── -->
<nav class="navbar" id="navbar">
<!-- Brand / Logo -->
<div class="brand"><a href="<?php echo home_url(); ?>">
<img src="<?php echo get_field('header_logo','option'); ?>" alt="">
</a></div>
<!-- Hamburger (shown only on ≤768px) -->
<div class="hamburger" id="hamburger">
<div></div>
<div></div>
<div></div>
</div>
<!-- Navigation Links -->
<?php wp_nav_menu(
array('theme_location' => 'header-menu', 'container' => 'false', 'menu_class' => 'nav-links'));
?>
<a href="#" id="contactLink" class="contact-popup-link">Contact</a>
<div class="lang-tran-div">
<?php echo do_shortcode('[gtranslate]'); ?>
</div>
<!-- Search (desktop) -->
<!-- Action buttons (Mail / Sign In) -->
<!--<div class="action-buttons" id="actionButtons">-->
<!-- <a href="#">Sign In</a>-->
<!--</div>-->
</nav>
<!-- ─── NAVBAR END ─── -->
</div>
</header>
<!-- #header end -->