Titre Accueil- référence de tous les éléments développés en HTML
- Item 1
- Item 2
- Item 3
Vous pouvez copier-coller les classes
Exemple de toutes les classes, typo et styles développé pour MEDICI. À utiliser a titre de référence.
Titre h1 Selon le guide des fontes - Freight medium 46px / 60px
Titre h1 Alternatif Adele Bold 40px / 49px .h1Alt
Titre h1 Alternatif #2 Freight Black avec un large trait centré 50px / 55px .h1Alt2 .plusLargeTraitCenter
Titre h2 Selon le guide des fontes. 26px /32px
Titre h2 alternatif 40px /45px .h2Alt
Titre h3 - 19/28
Titre h3 alternatif 37px / 39px .h3Alt
Titre h3 alternatif #2 - 35px / 44px .h3Alt2
Titre h3 + trait centré .titlePlusTrait-center
Titre h4
Paragraphe par défaut 16/24 Lorem ipsum ut cupidatat aliquip .accentColor nostrud labore sunt do eu lien amet magna fugiat dolore proident duis dolore proident culpa ad id officia consectetur officia in aliqua laborum proident duis ex qui cupidatat enim officia in ad consectetur.
Paragraphe class lead .lead 18 / 32
Paragraphe .txt-x-small 12 / 24
Paragraphe .txt-small 14 / 26
Paragraphe 23/24 .txt-big
Paragraphe 28/29 .txt-x-big
Paragraphe fonte Freight MEDium 22px / 34px
btn btn-primary btn btn-secondary btn btn-light btn btn-light2 btn btn-sm btn-light2 btn btn-link btn btn-pdf btn btn-share btn btn-inverse btn-link-bottom- Liste .list-bullet-orange
- Items
- Items
.row-fluid-pad - classe à mettre sur la row avec COULEURS DE FOND pleine largeur. (et setter le ROW STRETCH a : STRETCH ROW, et choisir la couleur de fond dans les option de la rangée)
.row-color-pad - classe à mettre sur la row avec COULEURS DE FOND PAS pleine largeur.
.row-normal-pad - classe à mettre sur la row SANS COULEURS DE FOND.
.img-dr-pad - classe à mettre sur la colonne de l'image. Pour image dans colonne de droite, avec texte a gauche, pour ajouter du padding entre texte et image.
.img-ga-pad - classe à mettre sur la colonne de l'image. Pour image dans colonne de gauche, avec texte a droite, pour ajouter du padding entre texte et image.
.accordion-white - classe à mettre sur l'accordeon de VC sur fond BLANC- pour éviter un bug a la fermeture d'un élément.
.accordion-beige - classe à mettre sur l'accordeon de VC sur fond BEIGE- pour éviter un bug a la fermeture d'un élément.
Citation. Lorem ipsum consectetur aliqua occaecat aliquip aliqua pariatur sed dolore ullamco id reprehenderit nisi aliquip excepteur irure velit mollit sed
Boite avec fond ligné de couleur primary
Texte H2
fwdwdw
Boite avec fond ligné de couleur secondary
Boite avec fond ligné de couleur primary bg-stripes-primary-beige
Texte H2
fwdwdw

Nom de la personne long
Titre de la persone, plein de lettres

Nom de la personne long
Titre de la persone, plein de lettres

Nom de la personne long
Titre de la persone, plein de lettres

Nom de la personne long
Titre de la persone, plein de lettres
Boite titre texte Plus
Nous cherchons des sociétés qui sont profitables depuis plusieurs années et qui génèrent un rendement sur le capital élevé même dans des périodes plus difficiles. Nous portons une attention particulière aux profits générés lors de récessions. Une préférence est accordée aux entreprises qui font croitre leur profitabilité par action à un rythme élevé.
Boite titre texte Plus
Nous cherchons des sociétés qui sont profitables depuis plusieurs années et qui génèrent un rendement sur le capital élevé même dans des périodes plus difficiles. Nous portons une attention particulière aux profits générés lors de récessions. Une préférence est accordée aux entreprises qui font croitre leur profitabilité par action à un rythme élevé.
Nous cherchons des sociétés qui sont profitables depuis plusieurs années et qui génèrent un rendement sur le capital élevé même dans des périodes plus difficiles. Nous portons une attention particulière aux profits générés lors de récessions. Une préférence est accordée aux entreprises qui font croitre leur profitabilité par action à un rythme élevé.
Boite titre texte Plus
Nous cherchons des sociétés qui sont profitables depuis plusieurs années et qui génèrent un rendement sur le capital élevé même dans des périodes plus difficiles. Nous portons une attention particulière aux profits générés lors de récessions. Une préférence est accordée aux entreprises qui font croitre leur profitabilité par action à un rythme élevé.
Boite titre texte Plus
Nous cherchons des sociétés qui sont profitables le capital élevé même dans des périodes plus difficiles. Nous portons une attention particulière aux profits générés lors de récessions. Une préférence est accordée aux entreprises qui font croitre leur profitabilité par action à un rythme élevé.
Restez connecté à l'actualité.
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
section par défaut
row stretch and content no padding
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
section par défaut
row stretch and content bg gris
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
section par défaut
row stretch bg blue
autre texte dans une inner row fond mauve
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
section par défaut
row par défaut
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
section par défaut
row par défaut
Je suis un bloc de texte, cliquez sur le bouton \ »éditer\ » pour me modifier. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.