| Current File : /home/quantums/alhidayamaintenance.com/wp-content/themes/eyecraftersny-child/header.php |
<?php
/**
* The header.
*
* This is the template that displays all of the <head> section and everything up until main.
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package WordPress
* @subpackage Twenty_Twenty_One
* @since Twenty Twenty-One 1.0
*/
?>
<!doctype html>
<html <?php language_attributes(); ?> <?php twentytwentyone_the_html_classes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:normal|Open+Sans:700|Open+Sans:300&subset=latin" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/font-awesome.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/owl.carousel.min.css" type="text/css" media="all">
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/owl.theme.default.min.css" type="text/css" media="all">
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/responsive.css" type="text/css" media="all">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open();
$custom_logo_id = get_theme_mod( 'custom_logo' );
$image = wp_get_attachment_image_src( $custom_logo_id , 'full' );
?>
<div class="main-container">
<header id="site-header" class="main-header regular_header" role="banner" itemscope itemtype="http://schema.org/WPHeader">
<div id="regular-header">
<div class="container">
<div class="headerPhone hide-xs">
</div>
</div>
</div>
<div class="clear" id="catcher"></div>
<div id="header" class="sticky-navigation">
<div class="container">
<div class="logo-wrap desk">
<h1 id="logo" class="image-logo" itemprop="headline">
<a href="<?php echo home_url(); ?>">
<?php if($image){ ?>
<img src="<?php echo $image[0]; ?>" alt="Envision Eyecare">
<?php } ?>
</a>
</h1>
<!-- END #logo -->
</div>
<div class="right-side">
<div class="clearfix">
<div class="col3">
<div class="pull-left">
<i class="fa fa-phone"></i> <a href="tel:(718) 858-5770">+971 58 588 7314 </a>
<i class="fa fa-map-marker"></i><a href="https://goo.gl/maps/J1ufNs9VsD96K952A" target="_blank"> Our Location </a>
</div>
</div>
<!-- <div class="col3">
<a href="/appointments/"> <span>Schedule An Appointment</span> </a>
</div> -->
<div class="col3 headsocial">
<a href="#" class="header-facebook" target="_blank"><span class="fa fa-facebook"></span></a>
<a href="https:#" class="header-facebook" target="_blank"><span class="fa fa-instagram"></span></a>
<a href="https://goo.gl/maps/62PWrY31qERpcpGt8" class="header-google" target="_blank"><span class="fa fa-map-marker"></span></a>
<!-- <a href="https://www.yelp.com/biz/leonard-fuzaylov-od-envision-eyecare-flushing-2" class="header-yelp" target="_blank"><span class="fa fa-yelp"></span></a> -->
</div>
</div>
<div id="secondary-navigation" class="secondary-navigation" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
<!-- <a href="#" id="pull" class="toggle-mobile-menu">Menu</a> -->
<nav class="navigation clearfix mobile-menu-wrapper">
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'items_wrap' => '<ul id="menu-main-menu" class="menu clearfix">%3$s</ul>'
) );
?>
</nav>
<nav id="cssmenu">
<div class="logo-wrap">
<h1 id="logo" class="image-logo" itemprop="headline">
<a href="<?php echo home_url(); ?>">
<?php if($image){ ?>
<img src="<?php echo $image[0]; ?>" alt="Envision Eyecare">
<?php } ?>
</a>
</h1>
</div>
<div class="mobotm">
<p>Menu</p>
<div class="togglebtn"><span class="fas fa-bars"></span></div>
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'items_wrap' => '<div class="logo"><a href="https://eyecraftersny.com/">Menu </a></div><div class="button"></div><ul class="menu clearfix">%3$s</ul>'
) );
?>
</div>
</nav>
</div>
</div>
</div>
<!--.container-->
</div>
</header>