<form action="">
    <div class="input-group">
        <label for="f_name" class="form-label">First Name</label>
        <input type="text" name="f_name" id="f_name" class="form-control" placeholder="Full Name" />
    </div>
    <div class="input-group">
        <label for="l_name" class="form-label">Last Name</label>
        <input type="text" name="l_name" id="l_name" class="form-control" placeholder="Last Name" />
    </div>
    <div class="input-group">
        <label for="email" class="form-label">Your Email</label>
        <input type="email" name="email" id="email" class="form-control" placeholder="Your Email" />
    </div>
    <div class="input-group">
        <label for="number" class="form-label">Number</label>
        <input type="number" name="number" id="number" class="form-control" placeholder="Number" />
    </div>
    <div class="input-group">
        <label for="textarea" class="form-label">Textarea</label>
        <textarea id="textarea" class="form-control" rows="3" placeholder="Your text Here"></textarea>
    </div>
    <input type="submit" class="btn btn-primary" value="Submit" />
</form>

<form action="#" class="form m-auto">
    <div class="input-group flex align-items-center">
        <label for="email" class="form-label">Your Email</label>
        <input type="email" name="email" id="email" class="form-control" placeholder="Your Email" />
    </div>
    <div class="input-group">
        <label for="password" class="form-label">Password</label>
        <input type="password" name="password" id="password" class="form-control" placeholder="Password" />
    </div>
    <div class="form-check my-10">
        <input class="checkbox checkbox-filled" id="check01" type="checkbox" />
        <label for="check01">Remember me</label>
    </div>
    <input type="submit" class="btn btn-primary w-100" value="Submit" />
</form>