husstanden/templates/layout/includes/top_nav.html
2019-04-25 16:44:41 +01:00

42 lines
1.0 KiB
HTML

<style>
.rndblock {
border-radius: 100%;
background: #B507DB;
background-position: center;
width: 40px;
height: 40px;
color: white;
text-align: center;
font-size: 24px;
vertical-align: middle;
display: table-cell;
}
.languk {
background-image: url("{{ url_for('static', filename='const/img/flags/gb.svg') }}");
}
.langno {
background-image: url("{{ url_for('static', filename='const/img/flags/no.svg') }}");
}
</style>
<nav class="navbar navbar-dark bg-dark" style="margin-bottom: 10px;">
<a class="navbar-brand" href="#">Dashboard</a>
<div class="my-2 my-lg-0 d-flex">
<div class="col">
<div class="rndblock languk"></div>
</div>
<div class="col">
<div class="rndblock">
<i class="fas fa-bell"></i>
</div>
</div>
<div class="col">
<div class="rndblock"> <!-- OR INCLUDE BACKGROUND TEXTURE -->
T <!-- FIRST CHAR OF USER -->
</div>
</div>
</div>
</nav>