mirror of
https://github.com/tabler/tabler.git
synced 2026-08-10 21:32:22 +04:00
codecalm
101 lines
3.9 KiB
HTML
101 lines
3.9 KiB
HTML
{% assign user = site.data.users[40] %}
|
|
<div class="header py-4">
|
|
<div class="container">
|
|
<div class="d-flex">
|
|
<a class="header-brand" href="{{ site.base }}/index.html">
|
|
<img src="{{ site.base }}/demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
|
|
</a>
|
|
|
|
<div class="d-flex order-lg-2 ml-auto">
|
|
<div class="nav-item d-none d-md-flex">
|
|
<a href="{{ site.github_url }}" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
|
|
</div>
|
|
<div class="dropdown d-none d-md-flex">
|
|
<a class="nav-link icon" data-toggle="dropdown">
|
|
<i class="fe fe-bell"></i>
|
|
<span class="nav-unread"></span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
|
<a href="#" class="dropdown-item d-flex">
|
|
<span class="avatar mr-3 align-self-center" style="background-image: url({{ site.data.users[1].photo }})"></span>
|
|
<div>
|
|
<strong>{{ site.data.users[1].name }}</strong> pushed new commit: Fix page load performance issue.
|
|
<div class="small text-muted">10 minutes ago</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="dropdown-item d-flex">
|
|
<span class="avatar mr-3 align-self-center" style="background-image: url({{ site.data.users[2].photo }})"></span>
|
|
<div>
|
|
<strong>{{ site.data.users[2].name }}</strong> started new task: Tabler UI design.
|
|
<div class="small text-muted">1 hour ago</div>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="dropdown-item d-flex">
|
|
<span class="avatar mr-3 align-self-center" style="background-image: url({{ site.data.users[3].photo }})"></span>
|
|
<div>
|
|
<strong>{{ site.data.users[3].name }}</strong> deployed new version of NodeJS REST Api V3
|
|
<div class="small text-muted">2 hours ago</div>
|
|
</div>
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a href="#" class="dropdown-item text-center text-muted-dark">Mark all as read</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown">
|
|
<a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
|
|
<span class="avatar" style="background-image: url({{ site.base }}/{{ user.photo }})"></span>
|
|
<span class="ml-2 d-none d-lg-block">
|
|
<span class="text-default">{{ user.name }} {{ user.surname }}</span>
|
|
<small class="text-muted d-block mt-1">Administrator</small>
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
|
<a class="dropdown-item" href="#">
|
|
<i class="dropdown-icon fe fe-user"></i> Profile
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<i class="dropdown-icon fe fe-settings"></i> Settings
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<span class="float-right"><span class="badge badge-primary">6</span></span>
|
|
<i class="dropdown-icon fe fe-mail"></i> Inbox
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<i class="dropdown-icon fe fe-send"></i> Message
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#">
|
|
<i class="dropdown-icon fe fe-help-circle"></i> Need help?
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
<i class="dropdown-icon fe fe-log-out"></i> Sign out
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="#" class="header-toggler d-lg-none ml-3 ml-lg-0" data-toggle="collapse" data-target="#headerMenuCollapse">
|
|
<span class="header-toggler-icon"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-3 ml-auto">
|
|
<form class="input-icon my-3 my-lg-0">
|
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
|
<div class="input-icon-addon">
|
|
<i class="fe fe-search"></i>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-lg order-lg-first">
|
|
{% include menu.html %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|