<div class="form-group">
   <modal button-title="hello" modal-header="Form Example">
      <div class="p-4">
         <div class="row">
            <div class="col">
               <label for="test">First name</label>
               <input type="text" class="form-control" placeholder="testing">
            </div>
            <div class="col">
               <label for="test">Last name</label>
               <input type="text" class="form-control" placeholder="testing">
            </div>
         </div>
         <div class="row">
            <div class="col">
               <label for="test">Address</label>
               <textarea name="area" rows="5" class="form-control"></textarea>
            </div>
         </div>
      </div>
   </modal>
</div>
<div class="form-group">
   <modal button-title="developer" modal-header="header2">
      <p class="p-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam aliquid distinctio
         accusantium ut explicabo ea harum repellat consequatur, facilis consequuntur minima ex
         magnam
         aliquam totam necessitatibus reprehenderit veniam, blanditiis rerum.
      </p>
   </modal>
</div>