<div class="e-topnav">
<a href="/" class="e-topnav__logo">
<img src="public/logo.png" alt="">
</a>
<nav class="e-menu">
<ul class="e-menu__list">
<li class="e-menu__item ">
<span class="e-menu__name">Dashboard</span>
<ul class="e-menu__list e-menu__list-child">
<li class="e-menu__item e-menu__item-child">
<a href="/dashboard" class="e-menu__name e-menu__name-child">Dashboard 123456</a>
</li>
<li class="e-menu__item e-menu__item-child">
<a href="/quickstart" class="e-menu__name e-menu__name-child">Quickstart center</a>
</li>
<li class="e-menu__list__padding"></li>
</ul>
</li>
<li class="e-menu__item ">
<span class="e-menu__name">Forms</span>
<ul class="e-menu__list e-menu__list-child">
<li class="e-menu__item e-menu__item-child">
<a href="/forms" class="e-menu__name e-menu__name-child">Forms child</a>
</li>
<li class="e-menu__list__padding"></li>
</ul>
</li>
<li class="e-menu__item ">
<a href="/" class="e-menu__name ">Predict</a>
</li>
<li class="e-menu__item e-menu__item-active">
<span class="e-menu__name">Admin</span>
<ul class="e-menu__list e-menu__list-child">
<li class="e-menu__item e-menu__item-child">
<a href="/admin" class="e-menu__name e-menu__name-child">Admin child child child child child</a>
</li>
<li class="e-menu__item e-menu__item-child">
<a href="/admin" class="e-menu__name e-menu__name-child">Admin</a>
</li>
<li class="e-menu__list__padding"></li>
</ul>
</li>
</ul>
</nav>
<div class="e-iconmenu" id="user_info">
<div class="e-iconmenu__item">
<div class="e-iconmenu__name">
<input type="checkbox" id="e-js-searchtoggle" class="e-search-toggle" />
<form class="e-search" action="">
<input class="e-search__input" type="search" name="" id="" autofocus />
<button class="e-search__submit">
<svg class="e-icon e-icon-search" ><use xlink:href="#search" ></use></svg>
</button>
</form>
<label for="e-js-searchtoggle"><svg class="e-icon e-icon-white e-icon-search" ><use xlink:href="#search" ></use></svg></label>
</div>
</div>
<div class="e-iconmenu__item">
<div class="e-iconmenu__name">
<span id="notification-center-badge" style="opacity: 1;">
<svg class="e-icon e-icon-white e-icon-bell"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#bell"></use></svg>
</span>
<div id="notification-center-badge-status"></div>
</div>
</div>
<div class="e-iconmenu__item">
<e-dropdown data-markup-class="e-iconmenu__name" data-markup-content="<svg class='e-icon e-icon-white e-icon-user'><use xlink:href='#user'></use></svg>">
<div class="e-dropdown__content">
<div class="e-iconmenu__profile">
<div class="e-iconmenu__profile__header">
<h3 id="user-account-info">
<a href="#">John Doe</a>
</h3>
<div class="e-iconmenu__profile__time" id="user-date-time-info">
<span id="tz_date">Wednesday, May 6 15:10 (GMT+2:00)</span>
</div>
</div>
<a class="e-dropdown__item" href="#">
<svg class="e-icon e-icon-table"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#user"></use></svg> My Profile
</a>
<a class="e-dropdown__item" href="#">
<svg class="e-icon e-icon-table"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#life-ring"></use></svg> Online Help
</a>
<a class="e-dropdown__item" href="#">
<svg class="e-icon e-icon-table"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#download"></use></svg> Download User Manual
</a>
<a class="e-dropdown__item" href="#">
<svg class="e-icon e-icon-table"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sign-out"></use></svg> Log Out
</a>
</div>
</div>
</e-dropdown>
</div>
</div>
</div>
