Skip to content

Instantly share code, notes, and snippets.

@ChadTaljaardt
Created April 26, 2016 23:25
Show Gist options
  • Save ChadTaljaardt/eefa39e2da87efc50e94efe79f1e7051 to your computer and use it in GitHub Desktop.
Save ChadTaljaardt/eefa39e2da87efc50e94efe79f1e7051 to your computer and use it in GitHub Desktop.
<!-- Header Block
============================================== -->
<header class="header-block line-top">
<!-- Main Header
............................................ -->
<div class="main-header container">
<!-- Header Cols -->
<div class="header-cols">
<!-- Brand Col -->
<div class="brand-col hidden-xs">
<!-- vcenter -->
<div class="vcenter">
<!-- v-centered -->
<div class="vcenter-this">
<a href="/">
<img src="/front/images/logo.png" alt="HELENA">
</a>
</div>
<!-- v-centered -->
</div>
<!-- vcenter -->
</div>
<!-- /Brand Col -->
<!-- Right Col -->
<div class="right-col">
<!-- vcenter -->
<div class="vcenter">
<!-- v-centered -->
<div class="vcenter-this">
<!-- Nav Side -->
<nav class="nav-side navbar hnav hnav-sm hnav-borderless" role="navigation">
@if (Auth::guest())
<!-- Dont Collapse -->
<div class="navbar-dont-collapse no-toggle">
<!-- Nav Right -->
<ul class="nav navbar-nav navbar-right case-u active-bcolor navbar-center-xs">
<li>
<a href="/login">
<i class="icon-left ti ti-user"></i>
<span class="hidden-sm">sign in</span>
</a>
</li>
<li class="dropdown has-panel">
<a href="/register">
<i class="icon-left ti ti-pencil-alt"></i>
<span class="hidden-sm">sign up</span>
</a>
<!-- Dropdown Panel -->
<div class="dropdown-menu dropdown-panel arrow-top" data-keep-open="true">
<fieldset>
<form>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-user"></i></div>
<input class="form-control" placeholder="Email" type="email">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-lock"></i></div>
<input class="form-control" placeholder="Password" type="password">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-lock"></i></div>
<input class="form-control" placeholder="Repeat Password" type="password">
</div>
</div>
<div class="form-group">
<label class="checkbox-inline"><input value="" type="checkbox">I accept the terms and conditions.</label>
</div>
<button class="btn btn-primary btn-block">sign up</button>
</form>
</fieldset>
</div>
<!-- /Dropdown Panel -->
</li>
</ul>
<!-- /Nav Right-->
</div>
<!-- /Dont Collapse -->
@else
<!-- Dont Collapse -->
<div class="navbar-dont-collapse no-toggle">
<!-- Nav Right -->
<ul class="nav navbar-nav navbar-right case-u active-bcolor navbar-center-xs">
<li class="dropdown has-panel">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-left ti ti-user"></i>
<span class="hidden-sm">Account</span>
<i class="fa fa-angle-down toggler hidden-xs"></i>
</a>
<ul class="dropdown-menu">
<li><a href="/profile/edit">Account Settings</a></li>
<li><a href="/logout">Logout</a></li>
</ul>
<!-- /Dropdown Panel -->
</li>
</ul>
<!-- /Nav Right-->
</div>
<!-- /Dont Collapse -->
@endif
</nav>
<!-- /Nav Side -->
</div>
<!-- /v-centered -->
</div>
<!-- /vcenter -->
</div>
<!-- /Right Col -->
<!-- /Left Col -->
</div>
<!-- Header Cols -->
</div>
<!-- /Main Header
.............................................. -->
<!-- Nav Bottom
.............................................. -->
<nav class="nav-bottom hnav hnav-ruled white-bg boxed-section">
<!-- Container -->
<div class="container">
<!-- Header-->
<div class="navbar-header">
<button type="button" class="navbar-toggle no-border" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-navicon"></i>
</button>
<a class="navbar-brand visible-xs" href="#"><img src="/front/images/logo-xs.png" alt="H"></a>
</div>
<!-- /Header-->
<!-- Collapse -->
<div class="collapse navbar-collapse navbar-absolute">
<!-- Navbar Center -->
<ul class="nav navbar-nav navbar-center line-top line-pcolor case-c">
<li class=""><a href="/">home</a></li>
<li class=""><a href="{{route('frontend.products.view')}}">Store</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Categories<i class="fa fa-angle-down toggler"></i></a>
<ul class="dropdown-menu">
@foreach($categories as $cat)
<li><a href="index.html">{{$cat->name}}</a></li>
@endforeach
</ul>
</li>
<li><a href="/contact">Contact</a></li>
<li><a href="/about">About</a></li>
</ul>
<!-- /Navbar Center -->
</div>
<!-- /Collapse -->
@if (Auth::user())
<!-- Dont Collapse -->
<div class="navbar-dont-collapse">
<!-- Navbar btn-group -->
<div class="navbar-btn-group btn-group navbar-right no-margin-r-xs">
<!-- Btn Wrapper -->
<div class="btn-wrapper dropdown">
<a href="/cart" class="btn btn-outline">
<b class="count count-scolor count-round">{{ $count }}</b>
<i class="ti ti-bag"></i>
</a>
</div>
<!-- /Btn Wrapper -->
</div>
<!-- /Navbar btn-group -->
</div>
@endif
<!-- /Dont Collapse -->
</div>
<!-- /Container -->
</nav>
<!-- /Nav Bottom
.............................................. -->
</header>
<!-- /Header Block
============================================== -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment