Untitled

<!------ Скрипты,стили---------->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Хеадер ---------->

<style>
  .container{
        border:2px solid blue;
        text-align:center;

        height:500px;
        width:400px;
    }
    body{
        padding:70px;
    }
    h1{
        margin:auto;
    }
    .row{
        height:90px;
        width:396px;
        background-color:paleturquoise;
    }
</style>
<!------ Тело---------->
<head><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"/></head>
<div class="container">
    <div class="row">
         <h1><i class="fa fa-lock" aria-hidden="true"></i> Login</h1>

        </div><br /><br />


                    <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-user-tie"></i></span>
                                </div>
                                <input type="text" name="" class="form-control" placeholder="Логин"/>
                            </div><br />

                    <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fa fa-key icon"></i></span>
                                </div>
                                    <input type="Password" name="" class="form-control" placeholder="Пароль"/>
                            </div><br />
              <button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-off"></span> Войти</button>
        <div class="footer">
        </div>

    </div>