File: /www/wwwroot/ahmsolaiman.com/wp-content/themes/ahm/header.php
<?php
/**
* Title: Header
* Slug: ahm/header
* Categories: header
* Description: Header with Site Title and Navigation.
*
* @link https://ahm.com/themes/ahm/header
* @package ahm
* @subpackage ahm
* @since ahm 1.0
*/
?>
<!DOCTYPE html>
<html <?php 'language_attributes'(); ?>>
<head>
<meta charset="<?php 'bloginfo'('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<?php 'wp_head'(); ?>
</head>
<?php global $homeId, $homeUrl, $postPerPage;
$homeId = 'get_option'('page_on_front');
$homeUrl = 'home_url'();
$postPerPage = 'get_option'('posts_per_page');
?>
<body <?php 'body_class'(); ?> style="overflow:hidden">
<!-----------------------------------------------
Website Preloader
------------------------------------------------->
<div class="preloader" id="preloader">
<div class="spinner">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-----------------------------------------------
Mouse Cursor
------------------------------------------------->
<div class="mouse-cursor mouse-outer d-none d-sm-block"></div>
<div class="mouse-cursor mouse-inner d-none d-sm-block"></div>
<!-----------------------------------------------
Side Menu
------------------------------------------------->
<section id="mySidenav" class="sidebar">
<div class="scroll">
<div
class="side-topbar d-flex justify-content-between align-items-center">
<div class="side-bar-logo">
<a href="<?php echo $homeUrl; ?>">
<img
src="<?php echo 'get_post_meta'($homeId, 'wpcf-site-logo', true); ?>"
alt="this is logo picture" />
</a>
</div>
<div class="closebtn">
<span id="close-nav">×</span>
</div>
</div>
<div class="top-menu-side">
<ul>
<?php if ('has_nav_menu'('main_menu')): 'wp_nav_menu'(array(
'theme_location' => 'main_menu',
'container' => '',
'container_class' => '',
'items_wrap' => '%3$s',
));
endif; ?>
</ul>
</div>
<div class="side-contact">
<h3 class="s-c-heading">Contact Info</h3>
<div class="s-c-list">
<ul>
<li class="d-inline-flex align-items-center">
<a href="javascript:void(0)"><span><i class="fa-solid fa-map-location"></i></span><?php echo 'get_post_meta'($homeId, 'wpcf-office-location', true); ?></a>
</li>
<li>
<a href="mailto:<?php echo 'get_post_meta'($homeId, 'wpcf-office-e-mail', true); ?>"><span><i class="fa-solid fa-envelope"></i></span><?php echo 'get_post_meta'($homeId, 'wpcf-office-e-mail', true); ?></a>
</li>
<li>
<a href="javascript:void(0)"><span><i class="fa-regular fa-clock"></i></span><?php echo 'get_post_meta'($homeId, 'wpcf-office-time', true); ?></a>
</li>
<li>
<a href="javascript:void(0)"><span><i class="fa-solid fa-phone-volume"></i></span><?php echo 'get_post_meta'($homeId, 'wpcf-office-phone', true); ?></a>
</li>
</ul>
</div>
<div class="s-c-btn">
<a href="<?php echo site_url('/index.php/contact'); ?>">
Appointment
<span class="rot-70"><i class="fa-solid fa-arrow-up"></i></span>
</a>
</div>
<div class="side-social">
<ul>
<li>
<a href="<?php echo 'get_post_meta'($homeId, 'wpcf-facebook-url', true); ?>" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
</li>
<li>
<a href="<?php echo 'get_post_meta'($homeId, 'wpcf-twitter-url', true); ?>" target="_blank"><i class="fa-brands fa-twitter"></i></a>
</li>
<li>
<a href="<?php echo 'get_post_meta'($homeId, 'wpcf-instagram-url', true); ?>" target="_blank"><i class="fa-brands fa-instagram"></i></a>
</li>
<li>
<a href="<?php echo 'get_post_meta'($homeId, 'wpcf-youtube-url', true); ?>" target="_blank"><i class="fa-brands fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-----------------------------------------------
Main Header
------------------------------------------------->
<header class="header-part" id="mainMenu">
<div
class="container-fluid d-flex justify-content-between py-2 align-items-center" style="max-width: 1440px;">
<div class="header-logo">
<a href="<?php echo $homeUrl; ?>">
<img
src="<?php echo 'get_post_meta'($homeId, 'wpcf-site-logo', true); ?>"
alt="this is logo picture" />
</a>
</div>
<div class="d-flex gap-4 align-items-center order-lg-3 cv-side">
<div class="cv-btn">
<a href="<?php echo site_url('/index.php/contact'); ?>">Appointment</a>
<span class="rot-60"><i class="fa-solid fa-arrow-up"></i></span>
</div>
<div class="main-sidebar">
<div class="side-menu">
<span id="open-nav" class="side-icon">☰</span>
</div>
</div>
</div>
<div class="header-menu order-lg-2">
<ul>
<?php if ('has_nav_menu'('main_menu')): 'wp_nav_menu'(array(
'theme_location' => 'main_menu',
'container' => '',
'container_class' => '',
'items_wrap' => '%3$s',
));
endif; ?>
</ul>
</div>
</div>
</header>