add new user form

<h1>Add New User</h1>

            <form action="">
                <div class="mb-3">
                    <label for="firstname" class="form-label">First Name</label>
                    <input class="form-control" type="text" name="firstname" id="firstname">
                </div>
                <div class="mb-3">
                    <label for="lastname" class="form-label">Last Name</label>
                    <input class="form-control" type="text" name="lastname" id="lastname">
                </div>
                <div class="mb-3">
                    <label for="email" class="form-label">Email</label>
                    <input class="form-control" type="email" name="email" id="email">
                </div>
                <div class="mb-3">
                    <label for="username" class="form-label">Username</label>
                    <input class="form-control" type="text" name="username" id="username">
                </div>
                <div class="mb-3">
                    <p>Password</p>
                    <input class="form-control mb-3" type="text" name="password1" placeholder="New Password">
                    <input class="form-control" type="text" name="password2" placeholder="Confirm Password">
                </div>
                <div class="mb-3">
                    <input type="submit" class="btn btn-primary" value="Add">
                </div>
            </form>