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.

Tag .tag Tag PLUS trait .tagPlusTrait

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

Span Meta texte .meta-txt 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

.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.

Nom de la personne Titre, age
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é.

Abonnez-vous à l'infolettre

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.