Modal
Call Modal Confirm Delete Delete
Are you sure you wan't to delete this data ?
Code HTML
<!-- Link -->
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="modalToCall">Call Modal</a>
<!-- Modal to call -->
<div class="modal modalToCall">
<div class="modal-box">
<div class="modal-box-title text-center">
<i class="icon-profile large text-blue"></i>
</div>
<div class="modal-box-body">
<div class="container">
<form class="form" id="submitForm" action="">
<fieldset>
<legend>Contact information:</legend>
<div class="row">
<div class="col-12">
<label for="Email" class="text-left">Enter email</label>
<input class="w-100" type="email" placeholder="test@mail.com" id="Email" name="email">
</div>
<div class="col-12">
<label for="Input" class="text-left">Reason for contact</label>
<select class="w-100" id="Input">
<option value="Option 1">Help</option>
<option value="Option 2">Thanks</option>
<option value="Option 3">Support</option>
</select>
</div>
</div>
<div class="row">
<div class="col-12">
<label for="Message" class="text-left">Message</label>
<textarea class="w-100" placeholder="Your message.." id="Message" name="message"></textarea>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<a href="#" data-dismiss="modal" class="btn btn-reset">Cancel Process</a>
<input type="submit" class="btn btn-primary js-submitButton" value="Submit"></input>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>