File: /homepages/35/d967185540/htdocs/clickandbuilds/CEU/wp-content/themes/celebrityproject/header.php
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package CelebrityProject
*/
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/animate.min.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/main.css">
<!-- Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-2.2.4.min.js"></script>
<style>
li.social-icons-list-item img {
height: 25px;
margin: 3px 0px;
}
</style>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<header class="top-header" style="position: relative;">
<img src="<?php echo get_template_directory_uri(); ?>/img/invester-logo.jpg" alt="Logo" class="investor">
<div class="top-bar">
<div class="container">
<div class="row align-items-center">
<div class="col text-right mobile-center">
<div class="social-link">
<ul class="social-icons-lists icons-background-square">
<li class="social-icons-list-item"><a href="http://www.celebrity.co.uk/" target="_blank"><img src="https://celebrityus.com/wp-content/uploads/2024/08/UK-Fag.png" ></a></li>
<li class="social-icons-list-item"><a href="http://www.celebrity.ae" target="_blank"><img src="https://celebrityus.com/wp-content/uploads/2024/08/AE-Flag.png" style="padding-left: 5px;"></a></li>
<li class="social-icons-list-item"><a href="http://www.celebrityus.com" target="_blank"><img src="https://celebrityus.com/wp-content/uploads/2024/08/US-Flag.png" style="padding-left: 5px;"></a></li>
<li class="social-icons-list-item">
<a href="https://www.facebook.com/TheCelebrityGroup/" target="_blank" class="social-icon"><img src="https://celebrityus.com/wp-content/uploads/2024/08/FB.png"/></a>
</li>
<li class="social-icons-list-item">
<a href="https://twitter.com/CelebrityGroup" target="_blank" class="social-icon"><img src="https://celebrityus.com/wp-content/uploads/2024/08/twitter.png"></a>
</li>
<li class="social-icons-list-item">
<a href="https://www.youtube.com/watch?feature=player_embedded&v=bOtaaX4THDw" target="_blank" class="social-icon"><img src="https://celebrityus.com/wp-content/uploads/2024/08/youtube.png"/></a>
</li>
<li class="social-icons-list-item">
<a href="https://www.linkedin.com/company/celebritygroup/" target="_blank" class="social-icon"><img src="https://celebrityus.com/wp-content/uploads/2024/08/linkedin-icon.png"/></a>
</li>
<li class="social-icons-list-item">
<a href="http://instagram.com/celebritygroup" target="_blank" class="social-icon"><img src="https://celebrityus.com/wp-content/uploads/2024/08/Instagram_icon.png.webp"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<nav class="navbar navbar-expand" id="stick_bar">
<?php $custom_logo_id = get_theme_mod( 'custom_logo' );
$image = wp_get_attachment_image_src( $custom_logo_id , 'full' );
?>
<a class="navbar-brand w-100 text-center" href="<?php echo site_url(); ?>">
<img src="<?php echo $image[0]; ?>" alt="Logo">
</a>
<button type="button" class="navbar-toggle collapsed w-100" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="menu-icon">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</span>
<span class="text-menu">MENU</span>
</button>
<div class="collapse navbar-collapse w-100" id="navbar">
<?php
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'menu-1',
'menu_class' => 'navbar-nav m-auto',
'container' => false
) );
?>
</div>
<!-- <div class="header-social">
<?php //dynamic_sidebar('social_sidebar'); ?>
</div> -->
</nav>
</div>
</header>
<?php if(!is_front_page()): ?>
<section class="banner-view">
<?php if( get_field('title_background_image') ): ?>
<section class="breadcrum_banner with-over banner <?php if( get_field('animate') ): ?> <?php echo 'animate'; ?><?php endif; ?>" style="background: url(<?php the_field('title_background_image'); ?>);">
<?php elseif ( get_field('title_background_video') ): ?>
<section class="bg-video-wrap" style="background: url(<?php the_field('video_thumbnail'); ?>)no-repeat center center/cover;">
<video src="<?php the_field('title_background_video'); ?>" loop muted autoplay>
</video>
<div class="overlay">
</div>
<?php else: ?>
<section class="breadcrum_banner banner " style="background: url(<?php echo get_template_directory_uri(); ?>/img/readcrumb.jpg);">
<?php endif; ?>
</section>
<div class="text-center title-heading above-heading" style="">
<h1><?php the_title(); ?></h1>
</div>
</section>
<?php endif; ?>