JSFiddle - React, Tailwind, and code Playground
by Andrejs Gubars
HTML
<header class="banner">
<!-- <div class="container">
<a class="brand" href="<?= esc_url(home_url('/')); ?>"><?php bloginfo('name'); ?></a>
<nav class="nav-primary">
<?php
if (has_nav_menu('primary_navigation')) :
wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'nav']);
endif;
?>
</nav>
</div> -->
</header>
<?php
$imgpath = wp_upload_dir();
?>
<?php
$expedia = $imgpath['baseurl'];
?>
<div id="expedia-city-menu" class="not-toggledd">
<ul class="menu">
<?php
$args = array( 'post_type' => 'page', 'offset' => 1);
$myposts = get_posts( $args );
foreach ( $myposts as $post ) : setup_postdata( $post ); ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php endforeach;
wp_reset_postdata();?>
</ul>
</div>
<div class="social-sharing-button not-visible">
<ul class="sharing">
<li><a href="#"><img src="<?php echo $expedia; ?>/2016/03/twitter-share.png"></a></li>
<li><a href="#"><img src="<?php echo $expedia; ?>/2016/03/facebook-share.png"></a></li>
<li><a href="#"><img src="<?php echo $expedia; ?>/2016/03/google-sharing.png"></a></li>
</ul>
</div
<header>
<nav class="navbar navbar-default navbar-fixed-top relative">
<div class="container full-width">
<div class="row">
<div class="col-xs-3">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed left">
<span class="sr-only"></span>
<div class="rotating-spans" id="rotating-spans">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
<div id="top-not-visible" class="not-visible">
<i class="close fa fa-2x...