File: /var/www/html/wavecolordrop.com/wp-content/themes/color_drop/header.php
<!doctype html>
<html class="no-js" <?php language_attributes(); ?>>
<head>
<meta <?php echo bloginfo('charset'); ?>>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- <title>
<?php //echo bloginfo('title')
?>
<?php //bloginfo( 'name' );
?>
<?php //wp_title();
?> <?php //if(is_front_page())
//{
// echo '|'; bloginfo( 'description' );
// }
?>
</title> -->
<!-- <meta name="description" content=""> -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="<?php echo get_template_directory_uri(); ?>/assets/img/logo/wave-color-drop-logo.png">
<!-- For Clarity tracking -->
<script type="text/javascript">
(function(c, l, a, r, i, t, y) {
c[a] = c[a] || function() {
(c[a].q = c[a].q || []).push(arguments)
};
t = l.createElement(r);
t.async = 1;
t.src = "https://www.clarity.ms/tag/" + i;
y = l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "krcbmx6f11");
</script>
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16831499832"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16831499832'); </script>
<!-- CSS here -->
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/slick.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/flaticon.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/nice-select.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/flaticon.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/satoshi.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/swiper-bundle.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/meanmenu.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/font-awesome-pro.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/magnific-popup.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/spacing.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/style.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/animate.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/custom-animation.css">
<!-- Slider CSS -->
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/cdn.jsdelivr.net_npm_bootstrap@5.0.2_dist_css_bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css">
<!-- Google Fonts -->
<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=Poppins&display=swap" rel="stylesheet">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php //wp_body_open();
?>
<!-- preloader -->
<div id="preloader">
<div class="preloader">
<span></span>
<span></span>
</div>
</div>
<!-- preloader end -->
<!-- back-to-top-start -->
<button class="scroll-top scroll-to-target mb-65" data-target="html">
<i class="far fa-angle-double-up"></i>
</button>
<!-- back-to-top-end -->
<!-- tp-offcanvus-area-start -->
<div class="tpoffcanvas-area">
<div class="tpoffcanvas">
<div class="tpoffcanvas__close-btn">
<button class="close-btn"><i class="fal fa-times"></i></button>
</div>
<div class="tpoffcanvas__logo">
<a href="<?php echo site_url(''); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo/wave-color-drop-logo.png" alt="">
</a>
</div>
<div class="tp-main-menu-mobile d-xl-none"></div>
<div class="tpoffcanvas__contact-info">
<div class="tpoffcanvas__contact-title">
<h5>Contact us</h5>
</div>
<ul>
<li>
<i class="fa-light fa-location-dot"></i>
<a href="https://www.google.com/maps/@23.8223586,90.3661283,15z" target="_blank">Melbone st,
Australia, Ny 12099</a>
</li>
<li>
<i class="fas fa-envelope"></i>
<a href="https://template.wphix.com/cdn-cgi/l/email-protection#9fecf0f3feedfafbf8fadff8f2fef6f3b1fcf0f2"><span class="__cf_email__" data-cfemail="1a6e727f777f6a6f687f5a7d777b737634797577">[email protected]</span></a>
</li>
<li>
<i class="fas fa-phone"></i>
<a href="tel:+48555223224">+48 555 223 224</a>
</li>
</ul>
</div>
<div class="tpoffcanvas__input">
<div class="tpoffcanvas__input-title">
<h4>Get UPdate</h4>
</div>
<form action="#">
<div class="p-relative">
<input type="text" placeholder="Enter mail">
<button>
<i class="fas fa-paper-plane"></i>
</button>
</div>
</form>
</div>
<div class="tpoffcanvas__social">
<div class="social-icon">
<a href="javascript:void(0);"><i class="fab fa-twitter"></i></a>
<a href="javascript:void(0);"><i class="fab fa-instagram"></i></a>
<a href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a>
<a href="javascript:void(0);"><i class="fab fa-pinterest-p"></i></a>
</div>
</div>
</div>
</div>
<div class="body-overlay"></div>
<!-- tp-offcanvus-area-end -->
<header id="masthead" class="tp-header-wrap site-header">
<!-- top-area-start -->
<div class="tp-header-top-2__area theme-bg tp-header-2__plr">
<div class="tp-header-top-2__space">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-4 col-xl-4 col-lg-6 col-md-7 col-sm-7">
<div class="tp-header-top-2__left-box text-end">
<i class="fa fa-phone text-white"></i>
<a href="tel:<?php echo get_theme_mod("phone_number", "Add Your Phone Number"); ?>"><?php echo get_theme_mod("phone_number", "Add Your Phone Number"); ?></a>
<a href="mailTo:<?php echo get_theme_mod("email_address", "Add Your Email Address"); ?>">
<svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.7536 7.63437C8.38042 7.91095 7.94694 8.05715 7.50001 8.05715C7.05312 8.05715 6.61964 7.91095 6.24646 7.63437L0.0998732 3.07875C0.0657716 3.05348 0.0325489 3.02713 0 3.00003V10.4649C0 11.3208 0.624757 12 1.38085 12H13.6191C14.389 12 15 11.3055 15 10.4649V3C14.9674 3.02716 14.9341 3.05358 14.8999 3.07888L8.7536 7.63437Z" fill="white" />
<path d="M0.587402 2.54786L6.73397 6.76079C6.96665 6.92027 7.23331 7 7.49997 7C7.76666 7 8.03335 6.92024 8.26603 6.76079L14.4126 2.54786C14.7804 2.29591 15 1.87424 15 1.41914C15 0.636605 14.3808 0 13.6196 0H1.38038C0.619248 3.01194e-05 0 0.636635 0 1.41989C0 1.87424 0.219609 2.29591 0.587402 2.54786Z" fill="white" />
</svg>
<span class="__cf_email__" data-cfemail="16627e73666364736556656366667964623875797b"><?php echo get_theme_mod("email_address", "Add Your Email Address"); ?></span></a>
</div>
</div>
<div class="col-xxl-4 col-xl-5 d-none d-xl-block">
</div>
<div class="col-xxl-4 col-xl-3 col-lg-6 col-md-5 col-sm-5 d-none d-sm-block">
<div class="tp-header-top-2__right-box">
<ul class="mb-0">
<li>
<div class="tp-header-top-2__social-box">
<a target="__blank" href="<?php echo get_theme_mod("facebook_link", "Add Your Facebook Link"); ?>"><i class="fa-brands fa-facebook-f"></i></a>
<!-- <a target="__blank" href="<?php //echo get_theme_mod("twitter_link", "Add Your Twitter Link");
?>"><i
class="fa-brands fa-twitter"></i></a> -->
<a target="__blank" href="<?php echo get_theme_mod("instagram_link", "Add Your Instagram Link"); ?>" target="__blank"><i class="fa-brands fa-instagram"></i></a>
<a target="__blank" href="<?php echo get_theme_mod("linkedin_link", "Add Your Linkedin Link"); ?>"><i class="fa-brands fa-linkedin"></i></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- top-area-end -->
<!-- header-area-start -->
<div id="header-sticky" class="tp-header-4__area">
<div class="site-branding">
</div><!-- .site-branding -->
<div class="container-fluid">
<div class="tp-header-4__pt">
<div class="row align-items-center justify-content-evenly ">
<div class="col-xl-2 text-xl-center col-xxl-3 text-xxl-end col-lg-4 col-md-2 text-xl-left p-3">
<div class="tp-header-2__logo">
<?php
the_custom_logo();
if (is_front_page() && is_home()) :
?>
<h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></p>
<?php
endif;
$color_drop_description = get_bloginfo('description', 'display');
if ($color_drop_description || is_customize_preview()) :
?>
<p class="site-description">
<?php echo $color_drop_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?>
</p>
<?php endif; ?>
</a>
</div>
</div>
<div class="col-xl-10 col-xxl-8 col-lg-8 col-md-10 text-center">
<div class="tp-header-4__main-menu ">
<nav class="tp-main-menu-content">
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
"container" => false,
"items_wrap" => '<ul>%3$s</ul>',
)
);
?>
<?php dynamic_sidebar('search');
?>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header-area-end -->
</header>