password_forget.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="IHS Computer Science Club Website">
        <meta name="author" content="Kevin Wang">

        <link rel="shortcut icon" href="images/favicon.ico">

        <title>IHS Computer Science Club</title>

        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">

        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- materialdesign icons CSS -->
        <link href="css/materialdesignicons.min.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="css/style.css" rel="stylesheet">

    </head>


    <body class="bg-custom">

        <section class="">
            <div class="container-fluid">
                <div class="col-lg-12">
                    <div class="home-icon">
                        <a href="index.html" class="text-white"><i class="mdi mdi-home"></i></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- START HOME  -->
        <section class="bg-custom section">
            <div class="login-table">
                <div class="login-table-cell">
                    <div class="container">
                        <div class="row justify-content-center mt-4">
                            <div class="col-lg-4">
                                <div class="text-center">
                                    <h1 class="text-white">IHS Computer Science Club</h1>
                                    <p class="text-white-50 text-center">Reset Password</p>
                                </div>
                                <div class="bg-white p-4 mt-4 rounded">
                                    <div class="alert alert-custom forgot-pass-txt text-center" role="alert">
                                        Enter your email address and we'll send you an email with instructions to reset your password.
                                    </div>
                                    <form class="login-form">
                                        <div class="row">
                                            <div class="col-lg-12 mt-2">
                                                <input type="email" class="form-control" placeholder="Email" required="">
                                            </div>
                                            <div class="col-lg-12 mt-4 mb-2">
                                                <button class="btn btn-custom w-100">Reset your Password</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END HOME -->


        <!-- js placed at the end of the document so the pages load faster -->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>

    </body>
</html>