File "header.php"
Full Path: /home/concvitk/public_html/wp-content/themes/conceptualizate/header.php
File size: 9.17 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Boxicons -->
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<?php wp_head(); ?>
</head>
<body <?php body_class();?> >
<header class="header">
<div class="header-bg">
<nav class="container nav bg" id="nav">
<?php
$args = array(
'theme_location' => 'social-menu',
'container_class' => 'container-social',
'menu_class' => 'social',
);
wp_nav_menu($args);
?> <!-- Social Menu -->
<div class="logo" id="logo-header">
<a href="<?php echo site_url('/'); ?>">
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="auto" fill="none" class="svg-logo" viewBox="0 0 250 60"><path fill="#F5DF4D" d="M46.473 0h-1.94c-6.935 0-12.608 5.674-12.608 12.608V46.75c0 6.935 5.674 12.608 12.608 12.608h1.94c6.936 0 12.608-5.674 12.608-12.608V12.608C59.084 5.674 53.41 0 46.474 0Zm3.778 46.52a4.78 4.78 0 0 1-4.766 4.765h-.166a4.781 4.781 0 0 1-4.767-4.766V13.1a4.781 4.781 0 0 1 4.767-4.767h.166a4.78 4.78 0 0 1 4.766 4.766V46.52ZM237.392.166h-1.94c-6.935 0-12.608 5.674-12.608 12.608v34.143c0 6.936 5.674 12.609 12.608 12.609h1.94c6.936 0 12.608-5.674 12.608-12.609V12.776c.002-6.936-5.672-12.61-12.608-12.61Zm3.778 46.52a4.78 4.78 0 0 1-4.766 4.766h-.166a4.782 4.782 0 0 1-4.767-4.767v-33.42a4.782 4.782 0 0 1 4.767-4.767h.166a4.78 4.78 0 0 1 4.766 4.766v33.421ZM14.548.028h-1.94C5.673.028 0 5.703 0 12.637v34.141c0 6.936 5.674 12.609 12.608 12.609h1.94c6.936 0 12.609-5.675 12.609-12.609v-9.82h-8.83v9.59a4.78 4.78 0 0 1-4.767 4.766h-.166a4.781 4.781 0 0 1-4.766-4.767v-33.42a4.781 4.781 0 0 1 4.766-4.767h.166a4.78 4.78 0 0 1 4.766 4.767v6.91h8.83v-7.4C27.159 5.703 21.485.028 14.549.028ZM114.535.166h-1.94c-6.936 0-12.609 5.674-12.609 12.608v34.143c0 6.936 5.675 12.609 12.609 12.609h1.94c6.935 0 12.608-5.674 12.608-12.609v-9.82h-8.83v9.59a4.782 4.782 0 0 1-4.767 4.766h-.166a4.78 4.78 0 0 1-4.766-4.767V13.265a4.78 4.78 0 0 1 4.766-4.766h.166a4.782 4.782 0 0 1 4.767 4.766v6.91h8.83v-7.398c0-6.936-5.674-12.61-12.608-12.61ZM138.598.71h-6.253V58.65H157.018v-8.176h-15.501V33.287h12.323v-8.176h-12.323V8.887h15.501V.71H138.598ZM191.362 8.887h9.492v49.762h9.173V8.887h9.491V.71h-28.156v8.176ZM177.414.71H162.561v57.857h9.172v-21.58h5.681c6.757 0 12.286-5.528 12.286-12.287V12.997c0-6.757-5.529-12.286-12.286-12.286Zm3.113 23.868a4.136 4.136 0 0 1-4.136 4.136h-4.658V8.984h4.658a4.137 4.137 0 0 1 4.136 4.136v11.458ZM85.714 35.294 76.412.721H65.095v57.936h8.175V16.758l11.565 41.9h9.053V.72h-8.174v34.573Z"/></svg>
</a>
</div> <!-- Logo -->
<div class="toggle-icons" id="toggle">
<i class='bx bx-menu-alt-right icon-burger'></i>
<i class='bx bx-x icon-close'></i>
</div> <!-- Icons menu -->
</nav>
</div>
<div class="full-menu relative container" id="full-menu">
<?php
$args = array(
'theme_location' => 'main-menu',
'container' => 'nav',
'container_class' => 'nav-menu',
'menu_class' => 'menu',
);
wp_nav_menu($args);
?> <!-- Main Menu -->
<div class="information container">
<p>#conceptualizate</p>
<?php
$args = array(
'theme_location' => 'social-menu',
'container' => 'div',
'container_class' => 'container-social',
'menu_class' => 'social',
);
wp_nav_menu($args);
?>
</div>
</div>
<?php
if ( is_singular('projects') ) { ?>
<div class="tagline container">
<div class="tagline-categories">
<?php the_category(' '); ?>
</div>
<h1 class="text-balanced unicode"><?php the_title(); ?></h1>
<p class="text-pretty"><?php echo esc_html( the_field('descripcion') ); ?></p>
</div>
<?php } ?>
<?php
if ( is_front_page() ) { ?>
<div class="hero">
<div class="hero-content container">
<div class="left-box">
<div class="animate">
<h1 class="text-balanced unicode-yellow"><?php echo esc_html( the_field('hero_title') ); ?></h1>
</div>
<p class="text-pretty"><?php echo esc_html( the_field('hero_description') ); ?></p>
<div class="hero-buttons">
<?php if ( get_field('hero_button_link_1') && get_field('hero_button_text_1') ) : ?>
<a class="btn-primary button" target="_blank" href="<?php echo esc_url( get_field('hero_button_link_1') ); ?>"><?php echo esc_html( get_field('hero_button_text_1') ); ?></a>
<?php endif; ?>
<?php if ( get_field('hero_button_link_2') && get_field('hero_button_text_2') ) : ?>
<a class="btn-secondary button" target="_blank" href="<?php echo esc_url( get_field('hero_button_link_2') ); ?>"><?php echo esc_html( get_field('hero_button_text_2') ); ?></a>
<?php endif; ?>
</div>
</div> <!-- Left box -->
<div class="hero-shape">
<div class="right-box">
<div class="hero-slider swiper-reels">
<div class="swiper-wrapper">
<?php
$reels = array(
get_field('reels_media_1'),
get_field('reels_media_2'),
get_field('reels_media_3'),
);
$i = 1;
foreach ( $reels as $reel ) :
$url_mp4 = isset( $reel['reel_mp4_' . $i] ) ? $reel['reel_mp4_' . $i] : '';
$url_webm = isset( $reel['reel_webm_' . $i] ) ? $reel['reel_webm_' . $i] : '';
$cover = isset( $reel['cover_image_' . $i]['sizes']['medium_large'] ) ? $reel['cover_image_' . $i]['sizes']['medium_large'] : '';
if ( !empty($url_mp4) || !empty($url_webm) && !empty($cover) ) :
?>
<div class="reels swiper-slide muted">
<video autoplay loop poster="<?php echo esc_url($cover) ?>" loading="lazy" type="video/mp4">
<source src="<?php echo esc_url($url_mp4); ?>" type="video/mp4">
<source src="<?php echo esc_url($url_webm); ?>" type="video/webm">
Your browser does not support the video tag.
</video>
<button class="toggle-audio">
<i id="audio-icon" class='bx bx-volume-mute'></i>
</button>
</div>
<?php
endif;
$i++;
endforeach;
?>
</div>
<div class="swiper-pagination"></div>
</div>
</div> <!-- Right box -->
</div>
</div>
</div> <!-- Hero -->
<?php } ?>
</header>