File: /var/www/panigaletech.com/wp-content/themes/panigale/header.php
<?php
/**
* The template for displaying the header
*
* Displays all of the head element and everything up until the "site-content" div.
*
* @package WordPress
* @subpackage Twenty_Sixteen
* @since Twenty Sixteen 1.0
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--fav-icon -->
<link rel="apple-touch-icon" sizes="57x57" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/favicon-16x16.png">
<link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/manifest.json">
<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/img/fav-icon/ms-icon-144x144.png">
<!--fav-icon -->
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>">
<?php endif; ?>
<link rel="shortcut icon" type="image/png" href="<?php echo get_template_directory_uri(); ?>/img/fav-icon/favicon.ico" id="favicon" data-original-href="img/favicon.ico" />
<!-- Bootstrap core CSS -->
<link href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" rel="stylesheet">
<!-- Animation CSS -->
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
<!-- Custom fonts for this template -->
<link href="<?php echo get_template_directory_uri(); ?>/fonts/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=DM+Sans:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap"
rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slick.css">
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slick-theme.css">
<!-- Custom styles for this template -->
<link href="<?php echo get_template_directory_uri(); ?>/css/custom.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/css/responsive.css" rel="stylesheet">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<body id="page-top">
<a href="#" id="scroll" style="display: none;"><span></span></a>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark main-navigation" id="mainNav">
<div class="container-fluid">
<a class="navbar-brand js-scroll-trigger" href="<?php echo get_site_url(); ?>">
<img src="<?php echo get_option('footer_logo');?>" alt="Panigale Bullhorn">
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation"><i class="fas fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<?php wp_nav_menu( array( 'menu' => 'Header Menu', 'menu_class' => 'navbar-nav ml-auto', 'container' => false ) ); ?>
<!--
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="whoweare.html">Who we are</a>
</li>
<li class="nav-item">
<a class="nav-link" href="whatwedo.html">What we do </a>
</li>
<li class="nav-item">
<a class="nav-link" href="jobs.html">Jobs </a>
</li>
<li class="nav-item">
<a class="nav-link" href="findtalent.html">Find talent </a>
</li>
<li class="nav-item">
<a class="nav-link" href="contactus.html">Contact us</a>
</li>
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link dropdown-toggle hvr-underline-from-center" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu one-dropdown-menu">
<a class="dropdown-item js-scroll-trigger" href="#">Dropdown 01</a>
<a class="dropdown-item js-scroll-trigger" href="#">Dropdown 02</a>
<a class="dropdown-item js-scroll-trigger" href="#">Dropdown 03</a>
</div>
</li> -->
<!--</ul>-->
</div>
<!-- <div class="demo-login-btn">
<a href="#" class="login GetaDemo"><img width="18" src="<?php echo get_template_directory_uri(); ?>/img/login.svg"> Job Seeker Login</a>
</div> -->
</div>
</nav>
<!-- Header -->
<?php if(is_front_page()){?>
<header class="masthead">
<div class="regular slider">
<?php
$args = array(
'post_type' => 'slider',
'posts_per_page' => -1
);
$query = new WP_Query( $args );
foreach($query->posts as $slider)
{
$url = wp_get_attachment_url( get_post_thumbnail_id($slider->ID, 'full') );
$slider_caption = $slider->post_title;
$slider_description = $slider->post_content;
$slider_url = get_post_meta($slider->ID,'slider_url',true);
$button_text = get_post_meta($slider->ID,'button_text',true);
?>
<div class="relative-position" style="background-image: url('<?php echo $url; ?>');">
<div class="slider-content wow fadeInUp" data-wow-duration="2s">
<h1 class="mb-5 heading01 text-white font-weight-4"><?php echo $slider_caption; ?></h1>
<p><?php echo substr($slider_description,0,170); ?></p>
<a href="<?php echo $slider_url; ?>" class="btn btn-white mt-4"><?php echo $button_text; ?></a>
</div>
</div>
<?php
}
?>
</div>
</header>
<?php
}
else
{
?>
<header class="masthead inner-banner" style="background-image: url('<?php echo get_template_directory_uri(); ?>/img/banner-01.jpg');"> </header>
<?php }?>