<form class="form">
         <div class="card-body">
          <div class="form-group">
           <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="form-group">
           <label>Email address:</label>
           <input type="email" class="form-control" placeholder="Enter email"/>
           <span class="form-text text-muted">We'll never share your email with anyone else</span>
          </div>
          <div class="form-group mb-0">
           <label>Communication:</label>
           <div class="checkbox-list">
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Email
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             SMS
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Phone
            </label>
           </div>
          </div>
         </div>
         <div class="card-footer">
          <button type="reset" class="btn btn-primary mr-2">Submit</button>
          <button type="reset" class="btn btn-secondary">Cancel</button>
         </div>
        </form>
        

        <form class="form">
         <div class="card-body">
          <div class="form-group">
           <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="form-group">
           <label>Email address:</label>
           <input type="email" class="form-control" placeholder="Enter email"/>
           <span class="form-text text-muted">We'll never share your email with anyone else</span>
          </div>
          <div class="form-group mb-0">
           <label>Communication:</label>
           <div class="checkbox-list">
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Email
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             SMS
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Phone
            </label>
           </div>
          </div>
         </div>
         <div class="card-footer text-right">
          <button type="reset" class="btn btn-primary mr-2">Submit</button>
          <button type="reset" class="btn btn-secondary">Cancel</button>
         </div>
        </form>
        

        <form class="form">
         <div class="card-body">
          <div class="form-group">
           <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="form-group">
           <label>Email address:</label>
           <input type="email" class="form-control" placeholder="Enter email"/>
           <span class="form-text text-muted">We'll never share your email with anyone else</span>
          </div>
          <div class="form-group mb-0">
           <label>Communication:</label>
           <div class="checkbox-list">
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Email
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             SMS
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Phone
            </label>
           </div>
          </div>
         </div>
         <div class="card-footer">
          <div class="row">
           <div class="col text-left">
            <button type="reset" class="btn btn-primary  mr-2">Submit</button>
            <button type="reset" class="btn btn-secondary">Cancel</button>
           </div>
           <div class="col text-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">
           <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="form-group">
           <label>Email address:</label>
           <input type="email" class="form-control" placeholder="Enter email"/>
           <span class="form-text text-muted">We'll never share your email with anyone else</span>
          </div>
          <div class="form-group mb-0">
           <label>Communication:</label>
           <div class="checkbox-list">
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Email
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             SMS
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Phone
            </label>
           </div>
          </div>
         </div>
         <div class="card-footer">
          <div class="row">
           <div class="col text-left">
            <button type="reset" class="btn btn-primary mr-2">Submit</button>
            <button type="reset" class="btn btn-secondary">Cancel</button>
           </div>
           <div class="col text-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">
           <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="form-group">
           <label>Email address:</label>
           <input type="email" class="form-control" placeholder="Enter email"/>
           <span class="form-text text-muted">We'll never share your email with anyone else</span>
          </div>
          <div class="form-group mb-0">
           <label>Communication:</label>
           <div class="checkbox-list">
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Email
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             SMS
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Phone
            </label>
           </div>
          </div>
         </div>
         <div class="card-footer text-right bg-gray-100 border-top-0">
          <button type="reset" class="btn btn-primary">Submit</button>
          <span class="mx-2">or</span>
          <a href="#" class="btn btn-link btn-link-primary">Cancel</a>
         </div>
        </form>
        

        <form class="form">
         <div class="card-footer bg-gray-100 border-top-0">
          <div class="row align-items-center">
           <div class="col text-left">
            Top Actions:
           </div>
           <div class="col text-right">
            <button type="reset" class="btn btn-primary font-weight-bold mr-2">Submit</button>
            <button type="reset" class="btn btn-light-primary font-weight-bold">Cancel</button>
           </div>
          </div>
         </div>
         <div class="card-body">
          <div class="form-group">
           <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="form-group">
           <label>Email address:</label>
           <input type="email" class="form-control" placeholder="Enter email"/>
           <span class="form-text text-muted">We'll never share your email with anyone else</span>
          </div>
          <div class="form-group mb-0">
           <label>Communication:</label>
           <div class="checkbox-list">
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Email
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             SMS
            </label>
            <label class="checkbox checkbox-outline">
             <input type="checkbox"/>
             <span></span>
             Phone
            </label>
           </div>
          </div>
         </div>
         <div class="card-footer bg-gray-100 border-top-0 text-right">
          <button type="reset" class="btn btn-primary font-weight-bold mr-2">Submit</button>
          <button type="reset" class="btn btn-light-primary font-weight-bold">Cancel</button>
         </div>
        </form>