create_password.html

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>Forgot Password</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <div class="box">

        <img src="icon.png">
        <div class="page">
            <div>
                <br><br>
                <p style = "font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #159565"> Create A New Password </p>
            </div>

            <div id="errorMsg"></div>
            <div class="content">
                <form class="login" name="loginForm" onsubmit="return validatePassword()" method="POST" action = 'index.html'>
                    <input type="password" name="password" id="ver_pass" placeholder="Password">
                    <input type="password" name="password" id="ver_pass" placeholder="Confirm Password">
                    <br><br>
                    <center><input type="submit" value="Create" style = "width:55%; font-size: 18px;" ></center>
                </form>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script src="index.js"></script>
</body>
</html>