<?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 transko
*/
?>
<!doctype html>
<html <?php language_attributes();?>>
<head>
<meta charset="<?php bloginfo( 'charset' );?>">
<?php if ( is_singular() && pings_open( get_queried_object() ) ): ?>
<?php endif;?>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head();?>
</head>
<body <?php body_class();?>>
<?php wp_body_open();?>
<?php
$transko_preloader_text = get_theme_mod( 'transko_preloader_text', __( 'Transko', 'transko' ) );
$transko_preloader_loading_text = get_theme_mod( 'transko_preloader_loading_text', __( 'Loading', 'transko' ) );
$transko_preloader = get_theme_mod( 'header_preloader_switch', false );
$transko_backtotop = get_theme_mod( 'header_backtotop_switch', false );
?>
<?php if ( !empty( $transko_backtotop ) ): ?>
<!-- Back To Top Start -->
<button id="back-top" class="back-to-top">
<i class="fa-regular fa-arrow-up"></i>
</button>
<!-- back to top end -->
<?php endif;?>
<?php if ( !empty( $transko_preloader ) ): ?>
<!-- Preloader Start -->
<div id="preloader" class="preloader">
<div class="animation-preloader">
<div class="spinner">
</div>
<div class="txt-loading">
<span data-text-preloader="T" class="letters-loading">
T
</span>
<span data-text-preloader="R" class="letters-loading">
R
</span>
<span data-text-preloader="A" class="letters-loading">
A
</span>
<span data-text-preloader="N" class="letters-loading">
N
</span>
<span data-text-preloader="S" class="letters-loading">
S
</span>
<span data-text-preloader="K" class="letters-loading">
K
</span>
<span data-text-preloader="O" class="letters-loading">
O
</span>
</div>
<p class="text-center">Loading</p>
</div>
<div class="loader">
<div class="row">
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-left">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
<div class="col-3 loader-section section-right">
<div class="bg"></div>
</div>
</div>
</div>
</div>
<!-- pre loader area end -->
<?php endif;?>
<!--<< Mouse Cursor Start >>-->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- header start -->
<?php do_action( 'transko_header_style' );?>
<!-- header end -->
<!-- wrapper-box start -->
<?php do_action( 'transko_before_main_content' );?>