Framework Bootstrap version 4

Skod utilise pour le rendu des pages un thème personnalisé basé sur le framework Bootstrap 4. Vous pouvez donc utiliser du HTML compatible avec le framework.

Exemple de code HTML pour intégrer un carrousel (slider)

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
</div>

Vous pouvez en savoir plus sur l'implémentation des carrousel en vous rendant sur la page d'aide Bootstrap ici : https://getbootstrap.com/docs/4.0/components/carousel/

Code HTML pour intégrer une boite de dialogue (modal)

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Save changes</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Intégrer un bouton simple

<button type="button" class="btn btn-primary">Primary</button>

Vous pouvez consulter l'ensemble de la documentation ici : https://getbootstrap.com/docs/4.0