slowtwitch-wp-theme/header.php

98 lines
5.7 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
-->
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head() ?>
</head>
<body>
<!-- Header html starts here
-->
<div class="container">
<div class="container slowtwitch-desktop-header">
<div class="row">
<div class="ten columns">
<div class="row text-logo-header hide-mobile">
<img class="slowtwitch-logo-header" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
<p>Subscribe</p>
</div>
<div class="row flex-row">
<a href="<?php echo home_url() ?>" class="slowtwitch-logo-header hide-mobile">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
</a>
<img class="slowtwitch-mobile-text-logo" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
<img class="slowtwitch-ad-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
</div>
<div class="row flex-row-right hide-mobile">
<a style="display: contents;" class="slowtwitch-logo-social" href="https://twitter.com/slowtwitch">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://vimeo.com/slowtwitch">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.facebook.com/slowtwitch/">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
</a>
<a style="display: contents;" class="slowtwitch-logo-social" href="https://www.youtube.com/slowtwitch">
<img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
</a>
<form method="get" action="/">
<div class="searchBarContainer">
<input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
<button class="btn-search">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg">
</button>
</div>
</form>
</div>
</div>
<label for="open-btn" class="menu-open-btn"><i class="fa fa-bars" aria-hidden="true"></i></label>
<div class="two columns desktop-tag-logos">
<div class="row">
<a href="<?php echo home_url('tag/swim') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
</a>
</div>
<div class="row">
<a href="<?php echo home_url('tag/bike') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
</a>
</div>
<div class="row">
<a href="<?php echo home_url('tag/run') ?>">
<img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
</a>
</div>
</div>
</div>
</div>
<nav>
<div class="main-menu-wrapper">
<?php
wp_nav_menu(
array(
'menu' => 'primary',
'container' => '',
'theme_location' => 'primary',
'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label><form class="hide-desktop" method="get" action=""><div class="searchBarContainer"><input type="text" class="searchBox" name="s" id="s" placeholder="Search" /><button class="btn-search"><img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg"></button></div></form>%3$s</ul>'
)
);
?>
</div>
</nav>
</div>