Typographie

La Typographie est un élément clé de votre site web. Le CMS que Benjistik Studio vous propose pour la création de votre site Internet permet une grande variation de style au sein de vos pages.
En voici quelques un à titre d'exemple.

Exemple header H1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Exemple header H2

Exemple header H3

Exemple header H4

Exemple de header H5

Exemple de header H6

item 1
item 2
item 3

<ul> avec class="checkbox"

item 1
item 2
item 3

<ul> avec class="checkbox-big"

item 1
item 2
item 3

<ul> avec class="arrow"

item 1
item 2
item 3

<ul> avec class="arrow-big"

item 1
item 2
item 3

Exemple de balise <hr> :

Exemple de balise <em> tags avec des classes spéciales :

em balise avec class="box"
em balise avec class="file"
em balise avec class="directory"

Voici un exemple de balise <div> avec des classes spéciales :

<div> balise avec class="note" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> balise avec class="alert" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> balise avec class="download" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> balise avec class="info" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

<div> balise avec class="tip" Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

Exemple balise <blockquote> :

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Exemple balise <blockquote> avec une balise <div> additionnelle
(utiliser <blockquote><div>....</div></blockquote>):

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Exemple balise <blockquote> avec class="big":

Lorem ipsum dolor sit amet, consec est tetur adipisicing elit, sed do eiusmod.

Exemple balise <blockquote> avec class="big" et une balise additionnel <div>
(utiliser <blockquote class="big"><div>....</div></blockquote>):

Lorem ipsum dolor sit amet, consec est tetur adipisicing elit, sed do eiusmod.

Exemple balise <pre> :

pre {
background: #fff;
color: #333;
padding:10px;
border: 1px solid #ccc;
border-left: 5px solid #ccc;
}

[ Retour ]

News - Conception de site internet

Exemple header H1

Exemple header H2

Exemple header H3

Exemple header H4

Exemple de header H5

Exemple de header H6