<?php /** * The header for our theme * * Displays all of the <head> section and everything up till <div id="content"> * * @package UnderStrap */ // Exit if accessed directly. defined('ABSPATH') || exit; $container = get_theme_mod('understrap_container_type'); ?> <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo('charset'); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&family=Roboto:wght@300&family=Vollkorn:wght@400;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="<?= get_template_directory_uri() ?>/js/lib/owl/distribution/assets/owl.carousel.min.css"> <link rel="stylesheet" href="<?= get_template_directory_uri() ?>/js/lib/owl/distribution/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="<?= get_template_directory_uri() ?>/js/lib/lightbox2/distribution/css/lightbox.min.css" /> <?php wp_head(); ?> </head> <body <?php body_class(); ?> <?php understrap_body_attributes(); ?>> <?php do_action('wp_body_open'); ?> <div class="site" id="page"> <!-- ******************* The Navbar Area ******************* --> <div id="wrapper-navbar"> <nav id="main-nav" class="navbar" aria-labelledby="main-nav-label"> <a class="nav-button"> <span id="nav-icon3"> <span></span> <span></span> <span></span> <span></span> </span> </a> <div id="header-image"> <a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"> <img class="main-logo" src="<?php echo get_template_directory_uri(); ?>/assets/cabo-villas-logo-tacao.png" alt="Logo" /> <img class="image-top" src="<?php echo get_template_directory_uri(); ?>/assets/cabo-villas-logo-white.png" alt="Logo White"> </a> </div> <div class="primary-menu fixed-top flex-center"> <div class="flex-column"> <div class="menu-logo"> <img src="<?php echo get_template_directory_uri(); ?>/assets/cabo-villas-logo-tacao.png" alt="Logo" /> </div> <?php wp_nav_menu([ 'theme_location' => 'primary', 'container_class' => 'flex-center', 'container_id' => 'navbarNavDropdown', 'menu_class' => 'nav flex-column', 'fallback_cb' => '', 'menu_id' => 'main-menu', 'depth' => 2, 'walker' => new Understrap_WP_Bootstrap_Navwalker(), ]); ?> <hr /> <span class="phone flex-center">+359 884 272 440;<br/> +359 889 455 668</span> <div class="social-container flex-center"> <?php $args = [ 'post_type' => 'socials', 'order' => 'ASC', 'posts_per_page' => -1 ]; $links = new WP_Query($args); if ($links->have_posts()) { while ($links->have_posts()) { $links->the_post(); $socialURL = get_field('link', $post->ID); $class = get_field('icon', $post->ID); ?> <a href="<?= $socialURL ?>" alt="<?= the_title() ?>" target="_blank"> <i class="<?= $class ?>"></i> </a> <?php } } wp_reset_query(); ?> </div> </div> </div> <!-- .flex-center end--> <?php wp_nav_menu([ 'theme_location' => 'custom_language_switcher', 'container_class' => 'custom-language-switcher', ]); ?> </nav><!-- .site-navigation --> <div class="reservation-link"> <div class="flex-center"> <a href="<?=cvReservationUrl()?>"> <img class="reservation-default" src="<?php echo get_template_directory_uri(); ?>/assets/reservation-default.svg" alt="Reservation CTA"> <img class="reservation-hover" src="<?php echo get_template_directory_uri(); ?>/assets/reservation-hover.svg" alt="Reservation Hover"> <span><?php cvEchoTranslate('Reservation') ?></span> </a> </div> </div> </div><!-- #wrapper-navbar end -->
<?php /** * The template for displaying the footer * * Contains the closing of the #content div and all content after * * @package UnderStrap */ // Exit if accessed directly. defined('ABSPATH') || exit; $container = get_theme_mod('understrap_container_type'); ?> <?php get_template_part('sidebar-templates/sidebar', 'footerfull'); ?> <div class="wrapper" id="wrapper-footer"> <div class="<?php echo esc_attr($container); ?>"> <div class="row"> <div class="col-md-12"> <footer class="site-footer container" id="colophon"> <div class="site-info row"> <div class="footer-logo-container col-md-4 col-sm-12"> <img src="<?php echo get_template_directory_uri(); ?>/assets/cabo-villas-logo-white.png" alt="Logo White"> </div> <div class="footer-contacts-container col-md-4 col-sm-12"> <span class="phone">+359 884 272 440;<br/> +359 889 455 668</span> <span class="email">reservations@cabovillas.bg</span> <div class="social-container"> <?php $args = [ 'post_type' => 'socials', 'order' => 'ASC', 'posts_per_page' => -1 ]; $links = new WP_Query($args); if ($links->have_posts()) { while ($links->have_posts()) { $links->the_post(); $socialURL = get_field('link', $post->ID); $class = get_field('icon', $post->ID); ?> <a href="<?= $socialURL ?>" alt="<?= the_title() ?>" target="_blank"> <i class="<?= $class ?>"></i> </a> <?php } } wp_reset_query(); ?> </div> </div> <div class="footer-menu-container col-md-4 col-sm-12"> <?php wp_nav_menu([ 'theme_location' => 'custom_footer', ]); ?> </div> </div><!-- .site-info --> </footer><!-- #colophon --> </div><!--col end --> </div><!-- row end --> </div><!-- container end --> </div><!-- wrapper end --> </div><!-- #page we need this extra closing tag here --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> --> <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> --> <!-- <script src="<?= get_template_directory_uri() ?>/js/lib/owl/distribution/owl.carousel.min.js"></script> --> <script src="<?= get_template_directory_uri() ?>/js/lib/lightbox2/distribution/js/lightbox.min.js"></script> <?php wp_footer(); ?> <!-- <script src="<?= get_template_directory_uri() ?>/js/lib/daterangepicker/daterangepicker.min.js"></script> --> </body> </html>