<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="margin: 0 -20px 20px -20px;border-bottom: 1px solid #000000;">
<button 
class="btn btn-dark navbar-toggler navbar-toggle offcanvas-toggle" 
type="button" 
data-toggle="offcanvas" 
data-target="#js-bootstrap-offcanvas">
    <span class="navbar-toggler-icon"></span>
</button>

  <a class="navbar-brand d-sm-block d-xl-none d-md-none" href="/"><span style="font-family: 'Hemi Head 426', arial;font-size: 26px;color: #55a8fd;"> 
                  TEENSY<span style="color: #7b8592;">.com</span> 
                </span></a>
  <!--<a class="navbar-brand" href="/">for-dle<span style="text-transform: none;color: #AAB2BD;">.ru</span></a>-->
  <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item">
        <a class="nav-link" href="/"><i class="icon-share-alt fc"></i> Форум</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/index.php?do=users"><i class="icon-people fc"></i> Пользователи</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/index.php?do=feedback"><i class="icon-call-in fc"></i> Контакты</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/index.php?do=rules"><i class="icon-graduation fc"></i> Правила</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/"><i class="icon-ghost fc"></i> О нас</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/news/"><i class="icon-notebook fc"></i> Блог</a>
      </li>
      </ul>
    <ul class="navbar-nav">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          <img src="{foto}" style="width: 28px;height: 28px;margin: -13px 5px -10px 0px;border-radius: 5px;;object-fit: cover;"> %username_login%
        </a>

{login}

      </li>
      
    </ul>
  </div>
</nav>