<header class="header">
<div class="container">
<h1 class="header-logo" role="banner">
<a class="header__link" href="/" rel="home">GardenHui</a>
</h1>
<nav id="nav-main" class="header__nav" role="navigation">
<a class="header__nav-link" href="/register">Register</a>
</nav>
</div>
</header>
{#
#
#
#}
<header class="header" >
<div class="container">
<h1 class="header-logo" role="banner">
<a class="header__link" href="/" rel="home">{{site.name}}</a>
</h1>
<nav id="nav-main" class="header__nav" role="navigation">
{% if is_logged_in %}
<a class="header__nav-link" href="/profile">Profile</a>
<a class="header__nav-link" href="/connect">Connect</a>
<a class="header__nav-link" href="{{ wp_logout_url }}">Logout</a>
{% else %}
<a class="header__nav-link" href="/register">Register</a>
{% endif %}
</nav>
</div>
</header>
{
"site": {
"name": "GardenHui"
},
"is_logged_in": false
}
.header {
z-index: 2;
padding: 1em 0;
color: $black;
background: $white;
box-shadow: 0 0 20px rgba($black, 0.3);
&-logo {
display: inline;
float: left;
margin: 0;
}
&__link {
color: $black;
}
&__nav {
float: right;
&-link {
margin-left: 1em;
line-height: 2.5;
color: $black;
}
}
}
There are no notes for this item.