{# -*- mode: jinja2 -*- #}

{# Navbar #}

<header class="navbar-contianer">

<div class="contianer navbar row">

<div class="navbar-left grid row">

<div class="navbar__logo grid">

<div class="logo">知乎</div>

</div>

<div class="navbar__search grid">

<form action="">

<div class="search">

<label for="q" class="field__label">

<input name="q" class="field field-search" type="search" placeholder="搜索你感兴趣的内容" />

</label>

<button type="button" class="btn search__btn">

a

</button>

</div>

</form>

</div>

<nav class="navbar__menu grid">

<ul class="menu">

<li class="menu__item"><a href="#">首页</a></li>

<li class="menu__item"><a href="#">话题</a></li>

<li class="menu__item"><a href="#">发现</a></li>

<li class="menu__item"><a href="#">消息</a></li>

</ul>

</nav>

</div>

<div class="navbar-right grid-last row">

<div class="navbar__qa grid">

<a href="#" class="btn qa-btn">

提问

</a>

</div>

<div class="navbar__user grid row">

<div class="grid">

<div class="avatar">

<img alt="" src="/images/photo.jpg" />

</div>

</div>

<div class="navbar__username grid">

Rabbit

</div>

</div>

</div>

</div>

</header>