70 lines
1.3 KiB
Plaintext
70 lines
1.3 KiB
Plaintext
<header id="mizuno-header">
|
|
<div class="mizuno-header-item">
|
|
<a
|
|
href="{% route login %}"
|
|
class="np-header-desktop-nav-link np-header-font-color"
|
|
>
|
|
LOGIN
|
|
</a>
|
|
<div class="mizuno-header-item-bar" style="width: 70%;"></div>
|
|
</div>
|
|
<div class="mizuno-header-item">
|
|
<a
|
|
href="{% route sign_up %}"
|
|
class="np-header-desktop-nav-link np-header-font-color"
|
|
>
|
|
SIGN-UP
|
|
</a>
|
|
<div class="mizuno-header-item-bar" style="width: 90%;"></div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
{% include "messages" %}
|
|
|
|
<style>
|
|
#mizuno-header {
|
|
height: 80px;
|
|
padding: 0px 10px 0px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mizuno-header-item{
|
|
width: 75px;
|
|
margin: -35px 0 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.np-header-desktop-nav-link{
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #001588;
|
|
}
|
|
|
|
.mizuno-header-item-bar{
|
|
height: 2px;
|
|
margin: auto;
|
|
margin-top: 3px;
|
|
background: #001588;
|
|
}
|
|
|
|
@media screen and (min-width: 768px){
|
|
#mizuno-header {
|
|
height: 100px;
|
|
}
|
|
|
|
.mizuno-header-item{
|
|
width: 90px;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.np-header-desktop-nav-link{
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
</style> |