JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header-up">
 <div class="header-left"></div>
 <div class="header-right">
<div class="neoton raised sire" style="margin-top:6px;">войти</div></a>
 <a class="button" href="$REGISTER_LINK$"><div class="neoton raised green" style="margin-top:6px;">регистрация</div></a>
 <div class="loginform material2"><div id="h_uwdn">Войдите через соцсети</div>

</div>
 <?else?> 
 
 
<div id="user_avatar"></div></a> 
 <ul>
 <li><a href="/index/8">профиль</a></li>
 <li><a href="$PM_URL$"> сообщения <?if($UNREAD_PM$)?><span></span><?else?><?endif?></a></li>
 <li><a href="/index/11">настройки</a></li>
 <li><a href="$LOGOUT_LINK$">выход</a></li>
<?endif?></noindex></div></div>
 
 </div>

CSS

.header-up{
width: 100%;
height: 100%;
background-image: url("http://neodmin.3dn.ru/uimg/bg-up.png");
background-size: cover;
}