<!--modal-->
    <div class="container">
      <br><br>
      <h1 class="header center indigo-text">Modèle de Base</h1>
      <div class="row center">
        <h5 class="header col s12 light">Ceci est un modèle simple utilisé comme point de départ pour tester Materialize CSS</h5>
      </div>
      <div class="row center">

        <button data-target="modal" class="btn modal-trigger indigo pulse"><i class="material-icons right">add</i>Voir Plus</button>

        <!-- Structure du Modal -->
        <div id="modal" class="modal modal-fixed-footer">
          <div class="modal-content">
            <h4>En-tête</h4>
            <p>Le contenu du modal</p>
          </div>
          <div class="modal-footer">
            <a href="#" class="modal-close waves-effect waves-green btn-flat red white-text">Fermer</a>
          </div>
        </div>   
        <!-- Structure du Modal -->
      </div>

      <br><br>
    </div>
<!--modal-->
(function($){
  $(function(){
  
    $('.modal').modal();
    
  }); // end of document ready
})(jQuery); // end of jQuery name space

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.