Style par défaut

Exemples de mise en page, voir le code source pour les éléments.
Style par défaut du framework compass/SASS de pluXml

 


Titre en h1

Titre en h2

Titre en h3

Titre en h4

Titre en h5
Titre en h6

Exemple d'un paragraphe stylisé

 

Lorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. Quisque aliquam. This is emphasized. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename. Dinner’s at 5:00. Let’s make that 7. This text has been struck.


Exemple de listes

 

liste ordonnée

  1. List Item 1
  2. List Item 2
    1. Nested list item A
    2. Nested list item B
  3. List Item 3

liste non ordonnée

  • List Item 1
  • List Item 2
    • Nested list item A
    • Nested list item B
  • List Item 3

Tableau

 

Titre 1 Titre 2 Titre 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

 


Texte préformaté


Prise en compte des retours chariots et des successions d'espaces. Une police à espacement fixe est utilisée. Pour exemple :

"Beware the Jabberwock, my son!
    The jaws that bite, the claws that catch!"

Code

 

Le code peut être présenté en ligne

<?php echo "This is my first static page"; ?>
ou dans une bloc comme exemple :

#container {
	float: left;
	margin: 0 -240px 0 0;
}

Blockquotes

 

Exemple d'une citation avec le nom de l'auteur.

Fort de notre expérience dans la création et l'intégration de projets web, l'équipe Psd-HTML vous accompagnons dans la définition de votre charte graphique et la réalisation de votre projet Web - Intégrateur chez psd-html.fr

 

Exemple d'un <hr>


Exemple d'un formulaire

 

 


Lien avec la class .bt

 

 

Validation

 


Flaticon

.flaticon-accepted

.flaticon-add20

.flaticon-add70

.flaticon-address4

.flaticon-advance

.flaticon-arrow53

.flaticon-arrow54

.flaticon-arrow56

.flaticon-big35

.flaticon-big36

.flaticon-big37

.flaticon-big39

.flaticon-big61

.flaticon-arrows3

.flaticon-b2

.flaticon-back3

.flaticon-bar

.flaticon-battery4

.flaticon-big31

.flaticon-big34

.flaticon-biretta

.flaticon-black25

.flaticon-black27

.flaticon-botton3

.flaticon-botton4

.flaticon-botton5

.flaticon-botton6

.flaticon-bust

.flaticon-button2

.flaticon-card2

.flaticon-cart1

.flaticon-cc1

.flaticon-cc

.flaticon-change

.flaticon-chevron2

.flaticon-chevron4

.flaticon-chevron5

.flaticon-circle4

.flaticon-circle6

.flaticon-circle7

.flaticon-circled1

.flaticon-circuit

.flaticon-code1

.flaticon-cogwheel

.flaticon-color

.flaticon-come

.flaticon-conversation

.flaticon-creative1

.flaticon-creative

.flaticon-cupful

.flaticon-dark

.flaticon-database8

.flaticon-diamond

.flaticon-diary

.flaticon-direction

.flaticon-diskette

.flaticon-document1

.flaticon-dolar

.flaticon-donut

.flaticon-draft

.flaticon-dribbble

.flaticon-earth1

.flaticon-entry

.flaticon-exit2

.flaticon-extract

.flaticon-facebook4

.flaticon-film7

.flaticon-flattr

.flaticon-float

.flaticon-flow2

.flaticon-flow4

.flaticon-focus

.flaticon-folder5

.flaticon-folding

.flaticon-full4

.flaticon-github2

.flaticon-github3

.flaticon-google10

.flaticon-google7

.flaticon-grating

.flaticon-great6

.flaticon-great7

.flaticon-help

.flaticon-high3

.flaticon-highlight

.flaticon-honour

.flaticon-hourglass3

.flaticon-i9

.flaticon-imagery

.flaticon-inbox

.flaticon-infinity

.flaticon-info2

.flaticon-large7

.flaticon-large8

.flaticon-last2

.flaticon-last3

.flaticon-leaf3

.flaticon-left10

.flaticon-license

.flaticon-link5

.flaticon-location2

.flaticon-lock4

.flaticon-logo

.flaticon-loop

.flaticon-love1

.flaticon-lug

.flaticon-magnet

.flaticon-many

.flaticon-maximum

.flaticon-mobile4

.flaticon-money

.flaticon-music10

.flaticon-music11

.flaticon-network1

.flaticon-newspapre

.flaticon-no1

.flaticon-no5

.flaticon-note

.flaticon-okey

.flaticon-open12

.flaticon-open2

.flaticon-opposing

.flaticon-padlock

.flaticon-paper5

.flaticon-parallel

.flaticon-paypal

.flaticon-pencil5

.flaticon-phone8

.flaticon-photogram

.flaticon-picasa

.flaticon-pie2

.flaticon-pinterest1

.flaticon-pinterest4

.flaticon-play3

.flaticon-pointer1

.flaticon-pointer

.flaticon-pouch

.flaticon-pressure

.flaticon-program

.flaticon-progress1

.flaticon-progress

.flaticon-prohibited

.flaticon-radio1

.flaticon-range

.flaticon-rdio1

.flaticon-rdio

.flaticon-record1

.flaticon-remainder

.flaticon-reply

.flaticon-resize2

.flaticon-restore

.flaticon-retweet

.flaticon-rewind3

.flaticon-right7

.flaticon-rings1

.flaticon-rubber1

.flaticon-sea1

.flaticon-sections

.flaticon-share4

.flaticon-signal1

.flaticon-signal3

.flaticon-sina

.flaticon-small16

.flaticon-small18

.flaticon-small21

.flaticon-small22

.flaticon-small23

.flaticon-small24

.flaticon-small25

.flaticon-small26

.flaticon-small27

.flaticon-small28

.flaticon-small29

.flaticon-small30

.flaticon-small31

.flaticon-small32

.flaticon-small33

.flaticon-small34

.flaticon-small35

.flaticon-small36

.flaticon-small37

.flaticon-small38

.flaticon-small39

.flaticon-soundcloud

.flaticon-spotify

.flaticon-square5

.flaticon-star2

.flaticon-storm

.flaticon-stumbleupon2

.flaticon-stumbleupon

.flaticon-suitcase

.flaticon-sum

.flaticon-sun1

.flaticon-sun4

.flaticon-sweden

.flaticon-switch

.flaticon-tag1

.flaticon-thermometer

.flaticon-tencent

.flaticon-text

.flaticon-thermometer

.flaticon-thick

.flaticon-thin1

.flaticon-thin

.flaticon-thumbs3

.flaticon-thundercloud

.flaticon-traffic1

.flaticon-triangle3

.flaticon-tumblr1

.flaticon-tv

.flaticon-twitter4

.flaticon-two17

.flaticon-two18

.flaticon-two22

.flaticon-unbroken

.flaticon-under1

.flaticon-up10

.flaticon-up4

.flaticon-update

.flaticon-upload2

.flaticon-usb1

.flaticon-user3

.flaticon-v

.flaticon-walkie

.flaticon-water3

.flaticon-working

.flaticon-work

.flaticon-x3