<form class="form"> <div class="card-body"> <div class="form-group row"> <div class="col-lg-6"> <label>Full Name:</label> <input type="email" class="form-control" placeholder="Enter full name"/> <span class="form-text text-muted">Please enter your full name</span> </div> <div class="col-lg-6"> <label>Contact Number:</label> <input type="email" class="form-control" placeholder="Enter contact number"/> <span class="form-text text-muted">Please enter your contact number</span> </div> </div> <div class="form-group row"> <div class="col-lg-6"> <label>Address:</label> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your address"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div> </div> <span class="form-text text-muted">Please enter your address</span> </div> <div class="col-lg-6"> <label>Postcode:</label> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your postcode"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div> </div> <span class="form-text text-muted">Please enter your postcode</span> </div> </div> <div class="form-group row"> <div class="col-lg-6"> <label>User Group:</label> <div class="radio-inline"> <label class="radio radio-solid"> <input type="radio" name="example_2" checked="checked" value="2"/> <span></span> Sales Person </label> <label class="radio radio-solid"> <input type="radio" name="example_2" value="2"/> <span></span> Customer </label> </div> <span class="form-text text-muted">Please select user group</span> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-6"> <button type="reset" class="btn btn-primary mr-2">Save</button> <button type="reset" class="btn btn-secondary">Cancel</button> </div> <div class="col-lg-6 text-lg-right"> <button type="reset" class="btn btn-danger">Delete</button> </div> </div> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group row"> <label class="col-lg-2 col-form-label text-lg-right">Full Name:</label> <div class="col-lg-3"> <input type="email" class="form-control" placeholder="Enter full name"/> <span class="form-text text-muted">Please enter your full name</span> </div> <label class="col-lg-2 col-form-label text-lg-right">Contact Number:</label> <div class="col-lg-3"> <input type="email" class="form-control" placeholder="Enter contact number"/> <span class="form-text text-muted">Please enter your contact number</span> </div> </div> <div class="form-group row"> <label class="col-lg-2 col-form-label text-lg-right">Address:</label> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your address"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div> </div> <span class="form-text text-muted">Please enter your address</span> </div> <label class="col-lg-2 col-form-label text-lg-right">Postcode:</label> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your postcode"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div> </div> <span class="form-text text-muted">Please enter your postcode</span> </div> </div> <div class="form-group row"> <label class="col-lg-2 col-form-label text-lg-right">Group:</label> <div class="col-lg-3"> <div class="radio-inline"> <label class="radio radio-solid"> <input type="radio" name="example_2" checked="checked" value="2"/> <span></span> Sales Person </label> <label class="radio radio-solid"> <input type="radio" name="example_2" value="2"/> <span></span> Customer </label> </div> <span class="form-text text-muted">Please select user group</span> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-2"></div> <div class="col-lg-10"> <button type="reset" class="btn btn-success mr-2">Submit</button> <button type="reset" class="btn btn-secondary">Cancel</button> </div> </div> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group row"> <div class="col-lg-4"> <label>Full Name:</label> <input type="email" class="form-control" placeholder="Enter full name"/> <span class="form-text text-muted">Please enter your full name</span> </div> <div class="col-lg-4"> <label>Email:</label> <input type="email" class="form-control" placeholder="Enter email"/> <span class="form-text text-muted">Please enter your email</span> </div> <div class="col-lg-4"> <label>Username:</label> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="la la-user"></i></span></div> <input type="text" class="form-control" placeholder=""/> </div> <span class="form-text text-muted">Please enter your username</span> </div> </div> <div class="form-group row"> <div class="col-lg-4"> <label>Contact:</label> <input type="email" class="form-control" placeholder="Enter contact number"/> <span class="form-text text-muted">Please enter your contact</span> </div> <div class="col-lg-4"> <label>Fax:</label> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="la la-info-circle"></i></span></div> <input type="text" class="form-control" placeholder="Fax number"/> </div> <span class="form-text text-muted">Please enter fax</span> </div> <div class="col-lg-4"> <label>Address:</label> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your address"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div> </div> <span class="form-text text-muted">Please enter your address</span> </div> </div> <div class="form-group row"> <div class="col-lg-4"> <label>Postcode:</label> <div class="input-group"> <div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div> <input type="text" class="form-control" placeholder="Enter your postcode"/> </div> <span class="form-text text-muted">Please enter your postcode</span> </div> <div class="col-lg-4"> <label>User Group:</label> <div class="radio-inline"> <label class="radio radio-solid"> <input type="radio" name="example_2" checked="checked" value="2"/> <span></span> Sales Person </label> <label class="radio radio-solid"> <input type="radio" name="example_2" value="2"/> <span></span> Customer </label> </div> <span class="form-text text-muted">Please select user group</span> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-4"></div> <div class="col-lg-8"> <button type="reset" class="btn btn-primary mr-2">Submit</button> <button type="reset" class="btn btn-secondary">Cancel</button> </div> </div> </div> </form>
<form class="form"> <div class="card-body"> <div class="form-group row mt-3"> <label class="col-lg-1 col-form-label text-lg-right">Full Name:</label> <div class="col-lg-3"> <input type="email" class="form-control" placeholder="Full name"/> <span class="form-text text-muted">Please enter your full name</span> </div> <label class="col-lg-1 col-form-label text-lg-right">Email:</label> <div class="col-lg-3"> <input type="email" class="form-control" placeholder="Email"/> <span class="form-text text-muted">Please enter your email</span> </div> <label class="col-lg-1 col-form-label text-lg-right">Username:</label> <div class="col-lg-3"> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="la la-user"></i></span></div> <input type="text" class="form-control" placeholder=""/> </div> <span class="form-text text-muted">Please enter your username</span> </div> </div> <div class="separator separator-dashed my-10"></div> <div class="form-group row"> <label class="col-lg-1 col-form-label text-lg-right">Contact:</label> <div class="col-lg-3"> <input type="email" class="form-control" placeholder="Enter contact number"/> <span class="form-text text-muted">Please enter your contact</span> </div> <label class="col-lg-1 col-form-label text-lg-right">Fax:</label> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" placeholder="Fax number"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-info-circle"></i></span></div> </div> <span class="form-text text-muted">Please enter fax</span> </div> <label class="col-lg-1 col-form-label text-lg-right">Address:</label> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your address"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div> </div> <span class="form-text text-muted">Please enter your address</span> </div> </div> <div class="separator separator-dashed my-10"></div> <div class="form-group row"> <label class="col-lg-1 col-form-label text-lg-right">Postcode:</label> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" placeholder="Enter your postcode"/> <div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div> </div> <span class="form-text text-muted">Please enter your postcode</span> </div> <label class="col-lg-1 col-form-label text-lg-right">User Group:</label> <div class="col-lg-3"> <div class="radio-inline"> <label class="radio radio-solid"> <input type="radio" name="example_2" checked="checked" value="2"/> <span></span> Sales Person </label> <label class="radio radio-solid"> <input type="radio" name="example_2" value="2"/> <span></span> Customer </label> </div> <span class="form-text text-muted">Please select user group</span> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col-lg-5"></div> <div class="col-lg-7"> <button type="reset" class="btn btn-primary mr-2">Submit</button> <button type="reset" class="btn btn-secondary">Cancel</button> </div> </div> </div> </form>