Tworzenie własnego formularza logowania na stronie

Mam oto taki kod

<a href="" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo"><i class="fa fa-user"></i> Logowanie</a>

i otwierane okienko w modalu

<!-- modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            <h4 class="modal-title" id="exampleModalLabel">Zaloguj się</h4>
          </div>
          <div class="modal-body">
            <form>
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Login" required/>
              </div>
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Hasło" required/>
              </div>
              <div class="checkbox">
                <label>
                  <input type="checkbox"> Zapamiętaj mnie
                </label>
              </div>
              <div class="form-group">
                <button type="submit" class="btn btn-primary">Zaloguj</button>
              </div>
              <div class="form-group">
                <p>Nie masz jeszcze konta?</p>
                <a href="rejestracja">zarejstruj się tutaj!</a>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- end modal -->

chciałbym z tego poziomu logować się, rejestracja odbywałaby się już na konkretnej podstronie

i potem jak już jestem zalogowany to żeby nie pokazywał mi się górny pasek z kokpitu

jest taka możliwość ?