File: /var/www/linde-ai/wp-content/themes/linde/header-static.php
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="apple-touch-icon" sizes="16x16" href="<?= THEMEROOT . 'frontend/img/favicon/apple-touch-icon-16x16.png' ?>" />
<link rel="apple-touch-icon" sizes="24x24" href="<?= THEMEROOT . 'frontend/img/favicon/apple-touch-icon-24x24.png' ?>" />
<link rel="apple-touch-icon" sizes="32x32" href="<?= THEMEROOT . 'frontend/img/favicon/apple-touch-icon-32x32.png' ?>" />
<link rel="apple-touch-icon" sizes="48x48" href="<?= THEMEROOT . 'frontend/img/favicon/apple-touch-icon-48x48.png' ?>" />
<link rel="apple-touch-icon" sizes="64x64" href="<?= THEMEROOT . 'frontend/img/favicon/apple-touch-icon-64x64.png' ?>" />
<link rel="shortcut icon" href="<?= THEMEROOT . 'frontend/img/favicon/favicon.ico' ?>" />
<title>
<?= wp_title() ?>
</title>
<?php wp_head(); ?>
<link href="<?= THEMEROOT . 'frontend/js/vendor/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css' ?>" rel="stylesheet">
<link href="<?= THEMEROOT . 'frontend/js/vendor/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css' ?>" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/juxtapose/latest/css/juxtapose.css">
<link href="<?= THEMEROOT . 'frontend/css/styles.css' ?>" rel="stylesheet">
<?php
$html = '<script type="text/javascript">';
$html .= 'var ajaxurl = "' . admin_url('admin-ajax.php') . '";';
$html .= 'var themeurl = "' . get_template_directory_uri() . '";';
$html .= 'var siteurl = "' . get_site_url() . '";';
$html .= '</script>';
echo $html;
?>
</head>
<body <?php body_class(); ?> id="<?php the_ID() ?>">
<!-- <a href="<?= get_site_url(); ?>" class="site-header__logo-wrap">
<picture>
<source srcset="<?= THEMEROOT ?>/frontend/img/linde-logo.png" media="(min-width: 992px)">
<img class="site-header__logo" src="<?= THEMEROOT ?>/frontend/img/linde-logo-mobile.png" alt="Linde logo" />
</picture>
</a> -->
<header class="site-header">
<div class="site-header__wrap">
<a href="<?= get_site_url(); ?>" class="site-header__site-title">
<h1>Linde Virtual <br/>Academy</h1>
</a>
<div class="site-header__logo-wrap mobile">
<img class="site-header__logo" src="<?= THEMEROOT ?>/frontend/img/linde-logo-mobile.png" alt="Linde logo" />
</div>
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<nav class="site-header__nav">
<ul class="site-header__main-nav">
<!-- Mind the active class here for the active page -->
<!-- <li class="site-header__item active">
<a href="<?= get_site_url(); ?>" class="site-header__link">Homepage</a>
</li> -->
<!-- <li class="site-header__item">
<a href="#" class="site-header__link">About</a>
</li> -->
<li class="site-header__item active">
<a href="#" class="site-header__link">How it works</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">Courses</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">Success Stories</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">The team</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">Articles</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">Customized training</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">AR experience</a>
</li>
<li class="site-header__item">
<a href="#" class="site-header__link">Login</a>
</li>
<li class="site-header__item nav-btn">
<a href="#" class="site-header__link nav-btn__link btn btn--hollow modal-form-trigger"><span>Get started</span></a>
</li>
</ul>
</nav>
<div class="site-header__logo-wrap desktop">
<picture>
<source srcset="<?= THEMEROOT ?>/frontend/img/linde-logo.png" media="(min-width: 992px)">
<img class="site-header__logo" src="<?= THEMEROOT ?>/frontend/img/linde-logo-mobile.png" alt="Linde logo" />
</picture>
</div>
</div>
</div>
</header>