header

<header class="main-header">
      <div class="container">
        <div class="header-top row">
          <div class="header-left col-xs-12 col-sm-4 col-md-3 col-lg-4">
            <a class="header-logo" href="/">
              <img class="img-responsive" src="img/logo.png" width="300" height="75" alt="Логотип">
              <span class="logo-title">Эффективный курс разговорного<br> английского и арабского языка</span>
            </a>
          </div>
          <div class="header-center col-xs-12 col-sm-8 col-md-6 col-lg-5">
            <button type="button" class="btn btn-link" data-toggle="modal" data-target="#myModalReg">
              <i class="icon icon-reg"></i>Регистрация
            </button>
            <button type="button" class="btn btn-link" data-toggle="modal" data-target="#myModalAuth">
              <i class="icon icon-auth"></i>Войти в личный кабинет
            </button>
            <div class="languages dropdown">
              <button class="btn btn-link dropdown-toggle" type="button" id="dropdownLanguages" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                <i class="icon icon-languages"></i><span>Ru</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownLanguages">
                <li><a href="#">Русский</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Турецкий</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#">Английский</a></li>
              </ul>
            </div>
          </div>
          <div class="header-right col-xs-12 col-md-3">
            <div class="search input-group">
              <input type="text" class="form-control" placeholder="Поиск по курсам">
              <span class="input-group-btn">
                <button class="btn" type="submit">
                  <span class="glyphicon glyphicon-search"></span>
                </button>
              </span>
            </div>
          </div>
        </div> <!-- /header-top -->
        <nav class="navbar navbar-default">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Открыть навигацию</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>

          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav nav-justified">
              <li class="active"><a href="#">Главная <span class="sr-only">(активная)</span></a></li>
              <li><a href="#">О проекте</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Курсы <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
              <li><a href="#">Полезная информация</a></li>
              <li><a href="#">Методика обучения</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>
      </div> <!-- /container -->
    </header>