Modals

Opening modal

To open a modal, you need to first create the button that will call it and then create the modal itself. The object that will call it, must be a a tag containing the modal-trigger class and a href containing a # first and then the id of the modal you are creating. In your modal, you should use the modal class and the id you are calling in href in your modal-trigger .

Example 
<a href='#modal_1' class='btn modal-trigger'>Example</a>
<div class="modal" id="modal_1">
  <div class="modal-body">
    <!-- your content here -->
  </div>
</div>

Closing modal

To close it, just add the modal-close class to the object you want to be the trigger.

Close
<div class='btn modal-close'>Close</div>