Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link href="cssAlt.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <script>
        $(document).ready(function() {
            $(".main-div").hide(0).delay(400).fadeIn(3000)
        });
    </script>
    <div class="main row">
        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
            <!--TOP-->
        </div>
        <form class="form-signin main-div col-xs-8 col-sm-8 col-md-8 col-lg-4" method="POST" action="/theschool/index.php">
            <h2 class="form-signin-heading">Please sign in</h2>
            <hr>
            <div class="input-group">
                <label for="inputEmail" class="sr-only">Email address</label>
                <span class="input-group-addon">
                        <span class="glyphicon glyphicon-user"></span>
                </span>
                <input name="email" type="text" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
            </div>
            <div class="input-group">
                <label for="inputPassword" class="sr-only">Password</label>
                <span class="input-group-addon">
                        <span class="glyphicon glyphicon-lock"></span>
                </span>
                <input name="password" type="password" id="inputPassword" class="form-control" placeholder="Password" required>
            </div>
            <hr>
            <button class="btn btn-lg btn-primary btn-block" type="submit" name="submit">Sign in</button>
        </form>
        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-4">
            <!--BOTTOM-->
        </div>
    </div>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
</body>

</html>