Couleurs

primary
secondary
tertiary
success
info
warning
danger
white
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
black

Typographie

H1 Titre .h1

H2 Titre .h2

H3 Titre .h3

H4 Titre .h4

H5 Titre .h5
H6 Titre .h6

Lead

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis metus nec arcu rhoncus dapibus. Pellentesque nisl erat, consectetur interdum massa tempor.

Paragraphes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent venenatis ornare dignissim. Nullam lobortis nulla vel facilisis eleifend. Pellentesque quis tincidunt eros. Proin ut blandit nunc. Vestibulum tristique scelerisque dui, vehicula posuere est ultrices at. Donec sed ante placerat, pulvinar tortor ac, iaculis quam. Phasellus a dolor quam. Ut vel diam faucibus, tempor enim porttitor, consequat arcu. Nullam lobortis bibendum sem, sit amet volutpat augue pharetra vitae.

Sed vulputate lectus at velit dapibus, vel elementum ligula condimentum. Duis orci nisi, tempor non dui at, cursus ullamcorper nunc. Cras fermentum tristique tellus, eu pulvinar sapien auctor in. Etiam commodo efficitur ullamcorper. Suspendisse dapibus dictum lacinia. Cras quis tortor commodo purus luctus pulvinar. Donec ac nunc a ex pellentesque maximus. Mauris massa metus, rutrum quis tellus eget, rutrum suscipit dolor. Proin mauris ipsum, volutpat eu nibh ac, vulputate dapibus sapien. Sed tincidunt dui non dolor tempus ultrices. Nulla imperdiet facilisis vestibulum. Cras turpis risus, venenatis vitae mi et, pretium pharetra neque.

Citations

Closing the door upon the landlady, I endeavored to prevail upon Queequeg to take a chair; but in vain. There he sat; and all he could do—for all my polite arts and blandishments—he would not move a peg, nor say a single word.

Texte

Voici un exemple de lien

Voici du texte en gras

Voici du texte en italique

Voici du texte souligné

Voici du texte barré

Voici un exemple d'abbrévition

Listes

  • élément de la liste non-ordonnée 01 ;
  • élément de la liste non-ordonnée 02 ;
    • élément de la liste non-ordonnée 01 ;
    • élément de la liste non-ordonnée 02 ;
    • élément de la liste non-ordonnée 03 : Lorem Ipsum is simply dummy text of the printing and typesetting industry ;
    • élément de la liste non-ordonnée 04.
  1. élément de la liste ordonnée 01 ;
  2. élément de la liste ordonnée 02 ;
    1. élément de la liste ordonnée 01 ;
    2. élément de la liste ordonnée 02 ;
    3. élément de la liste ordonnée 03 : Lorem Ipsum is simply dummy text of the printing and typesetting industry ;
    4. élément de la liste ordonnée 04.

Formulaire


Alertes (.alert)

Succès ! Etiam vestibulum euismod felis, sed sagittis mauris malesuada tristique. Vivamus ullamcorper erat in tortor semper egestas eu ac neque.
Information ! Etiam vestibulum euismod felis, sed sagittis mauris malesuada tristique. Vivamus ullamcorper erat in tortor semper egestas eu ac neque.
Attention ! Etiam vestibulum euismod felis, sed sagittis mauris malesuada tristique. Vivamus ullamcorper erat in tortor semper egestas eu ac neque.
Danger ! Etiam vestibulum euismod felis, sed sagittis mauris malesuada tristique. Vivamus ullamcorper erat in tortor semper egestas eu ac neque.

Boutons (.btn)


Pagination (.pagination)


Carousel (.swiper)

...
...
...
...

Moteur de recherche (.search-engine - /searchform.php)


Vignettes (.thumbnail)

Vignettes actualités (.thumbnail-news)

Festivités/Jeunesse

Report du lancement des festivités de Noël

Solidarité

Lancement de la boutique éphémère ! À vos dons !

Vignettes événements (.thumbnail-event)

Du
Solidarité

1ère Boutique éphémère – collecte

Du
Solidarité

1ère Boutique éphémère – vente


Trombinoscope (.card-trombinoscope)

Trombinoscope large (.line-trombinoscope)


Publications (.publication)

Mazet Enfants Vacances Noël 2023 période janvier 2024

pdf - 2,34Mo

Mazet Enfants
les Mercredis
NOVEMBRE / DÉCEMBRE

pdf - 1,88Mo


Lignes (.line)

Téléchargez l’application mobile de la Commune

La Commune est dotée d’une application pour vous simplifier le quotidien. Elle vous permet de…

Révision générale du PLU / Présentation

Le Conseil municipal, par délibération adoptée le 21 juin 2018, a décidé de relancer une…

Lignes annuaires (.line-directory)


Infobulle POI (.infowindow)

Infobulle événement (.infowindow-event)

Infobulle annuaire (.infowindow-directory)


Panel compte-rendus (.panel-report)

Panel démarche (.panel-procedure)


Page (.page-header, .page-filters)

Thèmes
Types

75 résultats


Article (.article)

Revenir en haut de page