File: //var/www/html/qcr24/wp-content/wp-content/themes/syscentric/header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<!-- End Google Tag Manager -->
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<link rel="shortcut icon" href="<?php echo get_field('favicon', 'option'); ?>" type="image/x-icon">
<link rel="icon" href="<?php echo get_field('favicon', 'option'); ?>" type="image/x-icon">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?> role="document">
<!--================================= header -->
<header class="header default sticky-top">
<nav class="navbar bg-white navbar-static-top navbar-expand-lg">
<div class="container-fluid">
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".navbar-collapse"><i class="fas fa-align-left"></i></button>
<a class="navbar-brand" href="<?php bloginfo('url'); ?>"><img src="<?php echo get_field('logo', 'option'); ?>"></a>
<div class="navbar-collapse collapse">
<?php /*?><?php
$menuHeader = array(
'theme_location' => 'header',
'menu_class' => 'nav navbar-nav', // the manu element class
'add_a_class' => 'nav-link',
'container' => false,
'fallback_cb' => false,
'items_wrap' => '<ul class="%2$s">%3$s</ul>',
);
wp_nav_menu( $menuHeader ); // Defining the menu with attributes
?><?php */?>
<ul class="nav navbar-nav">
<li class="nav-item active"><a class="nav-link active" href="<?php bloginfo('url'); ?>">Home</a></li>
<li class="nav-item"><a class="nav-link" href="<?php bloginfo('url'); ?>/about-us/">Company</a></li>
<li class="dropdown nav-item mega-menu">
<a href="<?php bloginfo('url'); ?>/services/" class="nav-link" data-toggle="dropdown">Services</a>
<ul class="dropdown-menu megamenu">
<li>
<div class="row">
<div class="col-lg-6 col-md-6 mb-3">
<div class="sub_menu_ico">
<img class="img-fluid w-75" src="<?php bloginfo('template_url'); ?>/images/svg-icons/web-development.svg" alt="">
</div>
<div class="sub_menu_txt">
<h4>Web Development</h4>
<ul class="list-unstyled">
<li><a href="<?php bloginfo('url'); ?>/service/optimised-website/">Optimised website</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/e-commerce/">e-Commerce</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/custom-applications/">Custom applications</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/business-intelligence/">Business intelligence</a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-3">
<div class="sub_menu_ico">
<img class="img-fluid w-75" src="<?php bloginfo('template_url'); ?>/images/svg-icons/ui-ux-design.svg" alt="">
</div>
<div class="sub_menu_txt">
<h4><a href="<?php bloginfo('url'); ?>/service/consulting-services/">Consulting Services</a></h4>
<ul class="list-unstyled">
<li><a href="<?php bloginfo('url'); ?>/service/digital-media-audit/">Digital Media Audit</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/business-enablement/">Business Enablement</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/brand-strategy/">Brand Strategy</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/technology-maturity/">Technology Maturity</a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-3">
<div class="sub_menu_ico">
<img class="img-fluid w-75" src="<?php bloginfo('template_url'); ?>/images/svg-icons/mobile-development.svg" alt="">
</div>
<div class="sub_menu_txt">
<h4>Mobile & Game Application</h4>
<ul class="list-unstyled">
<!-- <li><a href="ios.html">iOS</a></li>
<li><a href="android.html">Android</a></li>
<li><a href="hybrid.html">Hybrid</a></li>
<li><a href="unity-3d.html">Unity 3D</a></li>-->
<li><a href="<?php bloginfo('url'); ?>/service/native-app/">Native App</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/hybrid-app/"> Hybrid App</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/progressive-web-app/">Progressive Web App</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/game-development/">Game Development</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/iot/">IOT</a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 mb-3">
<div class="sub_menu_ico">
<img class="img-fluid w-75" src="<?php bloginfo('template_url'); ?>/images/svg-icons/seo.svg" alt="">
</div>
<div class="sub_menu_txt">
<h4><a href="<?php bloginfo('url'); ?>/service/branding-marketing/">Branding & Marketing </a>
</h4>
<ul class="list-unstyled">
<li><a href="<?php bloginfo('url'); ?>/service/brand-positioning/">Brand positioning</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/creative-design/">Creative Design</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/digital-marketing/">Digital Marketing</a></li>
<li><a href="<?php bloginfo('url'); ?>/service/content-creation/">Content Creation</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<!-- <li class="dropdown nav-item">
<a href="service.html" class="nav-link" data-toggle="dropdown">Services</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="technologies.html">Technology<i class="fas fa-arrow-right"></i></a></li>
<li><a class="dropdown-item" href="#">Marketing<i class="fas fa-arrow-right"></i></a></li>
</ul>
</li> -->
<li class="nav-item"><a class="nav-link" href="<?php bloginfo('url'); ?>/portfolios/">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="<?php bloginfo('url'); ?>/careers/">Careers</a></li>
<li class="nav-item"><a class="nav-link" href="<?php bloginfo('url'); ?>/blog/">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="<?php bloginfo('url'); ?>/contact/">Get in Touch</a></li>
</ul>
</div>
<div class="d-none d-sm-flex ml-auto mr-5 mr-lg-0 pr-4 pr-lg-0">
<ul class="nav ml-1 ml-lg-2 align-self-center">
<li class="contact-number nav-item pr-4 mt-3">
<a class="font-weight-bold" href="tel:<?php echo get_field('phone_number', 'option'); ?>"><i class="fab fa-whatsapp pr-2"></i><?php echo get_field('phone_number', 'option'); ?></a>
</li>
<!-- <li class="header-search nav-item">
<div class="search">
<a class="search-btn not_click" href="javascript:void(0);"></a>
<div class="search-box not-click">
<form action="#" method="get">
<input type="text" class="not-click form-control" name="search" placeholder="Search..">
<button class="search-button" type="submit"> <i class="fa fa-search not-click"></i></button>
</form>
</div>
</div>
</li> -->
</ul>
</div>
</div>
</nav>
</header>
<!--================================= header -->
<!--Header Top Start-->
<?php if(is_front_page()){ ?>
<!--=================================
banner -->
<section class="banner">
<div class="swiper-container">
<div class="swiper-wrapper h-700 h-sm-500">
<?php
if ( query_posts( array( 'post_type' => 'slider', 'order' => 'ASC', 'posts_per_page' => 3 ) ) ) {
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full'); ?>
<div class="swiper-slide align-items-center d-flex responsive-overlap-md bg-overlay-black-30" style="background-image:url(<?php echo $image_url[0]; ?>); background-size: cover; background-position: center center;">
<div class="swipeinner container">
<div class="row justify-content-center">
<div class="col-lg-9 col-md-10 text-center">
<?php if(get_the_content()){ ?>
<h1 data-swiper-animation="fadeInUp" data-duration="1s" data-delay="0.25s"><?php echo get_the_content(); ?></h1>
<?php } ?>
<?php if(get_field('sub_content')){ ?>
<h6 data-swiper-animation="fadeInUp" data-duration="1s" data-delay="0.5s"><?php echo get_field('sub_content'); ?></h6>
<?php } ?>
<?php if(get_field('get_start_url')){ ?>
<a class="btn btn-dark btn-round text-white" data-swiper-animation="fadeInUp" data-duration="1s" data-delay="0.75s" href="<?php echo get_field('get_start_url'); ?>">Get Started Now<i class="fas fa-arrow-right pl-3"></i></a>
<?php } ?>
</div>
</div>
</div>
</div>
<?php endwhile; endif; wp_reset_query(); ?>
<?php } ?>
</div>
<div class="swiper-button-prev"><i class="fas fa-arrow-left icon-btn"></i></div>
<div class="swiper-button-next"><i class="fas fa-arrow-right icon-btn"></i></div>
</div>
</section>
<!--=================================
banner -->
<?php } else { ?>
<!--=================================
Header Inner -->
<?php
if(get_field('header_banner')){
$banner = get_field('header_banner');
} else {
$banner = get_bloginfo('template_url').'/images/header-inner/01.jpg';
}
?>
<?php if(!is_page( array( 'contact', 'blog' ) ) && !is_singular('post')){ ?>
<section class="header-inner <?php if(is_page( array( 'about-us', 'mission-and-vision', 'our-team' ) )){ echo 'header-inner-menu bg-overlay-black-50'; } else if(is_page( array( 'testimonials' ) )){ echo 'py-6 bg-overlay-black-90 bg-holder'; } ?>" style="background-image: url('<?php echo $banner; ?>');">
<div class="container">
<?php if(is_page( array( 'testimonials' ) )){ ?>
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="section-title">
<?php if(get_field('banner_title')){ ?>
<h2 class="text-white"><?php echo get_field('banner_title'); ?></h2>
<?php } ?>
<?php if(get_field('banner_subtitle')){ ?>
<p class="text-white"><?php echo get_field('banner_subtitle'); ?></p>
<?php } ?>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-12 bg-light rounded p-3">
<div class="brand-logo">
<div class="owl-carousel testimonial-center owl-nav-bottom-center" data-nav-arrow="false" data-items="5" data-md-items="4" data-sm-items="4" data-xs-items="3" data-xx-items="2" data-space="40" data-autoheight="true">
<?php if( have_rows('client_list', 15) ): ?>
<?php while( have_rows('client_list', 15) ): the_row();
$client_logo = get_sub_field('client_logo');
$client_url = get_sub_field('client_url');
?>
<div class="item">
<a href="<?php echo $client_url; ?>" target="_blank"><img class="img-fluid center-block mx-auto" src="<?php echo $client_logo; ?>" alt=""></a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php } else { ?>
<div class="row d-flex justify-content-center">
<div class="col-md-8">
<div class="header-inner-title text-center">
<?php if(get_field('banner_title')){ ?>
<h1 class="text-white font-weight-normal"><?php echo get_field('banner_title'); ?></h1>
<?php } else { ?>
<h1 class="text-white font-weight-normal"><?php echo get_the_title(); ?></h1>
<?php } ?>
<?php if(get_field('banner_subtitle')){ ?>
<p class="text-white mb-0"><?php echo get_field('banner_subtitle'); ?></p>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
</div>
<?php if(is_page( array( 'about-us', 'mission-and-vision', 'our-team' ) )){ ?>
<div class="header-inner-nav">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center">
<?php
$menuAbout = array(
'theme_location' => 'about',
'menu_class' => 'nav', // the manu element class
'add_a_class' => 'nav-link',
'container' => false,
'fallback_cb' => false,
'items_wrap' => '<ul class="%2$s">%3$s</ul>',
);
wp_nav_menu( $menuAbout ); // Defining the menu with attributes
?>
</div>
</div>
</div>
</div>
<?php } ?>
</section>
<!--=================================
Header Inne -->
<?php } ?>
<?php } ?>