Modais

Abrindo o modal

Para abrir um modal, você precisa primeiro criar o botão que irá chamá-lo e em seguida, criar o próprio modal. O objeto que irá chamá-lo, deverá ser uma tag a contendo a classe modal-trigger e um href contendo primeiro uma # e em seguida o id do modal que está criando. No seu modal, deverá usar a classe modal e o id que está chamando no href do seu 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>

Fechando o modal

Para fechá-lo, basta adicionar a classe modal-close ao objeto que desejar ser o trigger.

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