Essais html et bootstrap divers

noir
black
#000
grisFonce
darkGrey
#333
gris
grey
#888
grisClair
lightGrey
#bbb
grisPale
paleGrey
#eee
blanc
white
#fff
bleuFonce
darkBlue
#001f3f
bleu
blue
#01457F
bleuClair
lightBlue
#069
bleuPale
paleBlue
#BCE0FF
vertFonce
darkGreen
#006400
vert
green
#46a546
vertClair
lightGreen
#98fb98
brun
brown
#a0522d
beige
tan
#E8DAC3
rougeFonce
darkRed
#8b0000
rouge
red
#ff1111
rougeClair
lightRed
#f08080
jauneFonce
darkYellow
#ffc40d
jaune
yellow
#ffee00
jauneClair
lightYellow
#ffffe0
orange
orange
#ff851b
rose
pink
#f012be
violet
purple
#9400D3
c0
transparent
transparent
c1
primary
#01457F
c2
secondary
#888


 

Exercices pour apprendre à connaître quelques matériaux

Exercice 1 → Pour connaître l'origine de quelques matériaux.

Exercice 2 → Savoir identifier quelques matériaux (memory).

Exercice 3 → Retrouve le nom de quelques matériaux (mots cachés).

Exercice 4 → Savoir identifier quelques matériaux (paires à assembler).

Accordion Example

Note: The data-parent attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.

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

 

fiches connaissances3   fiches connaissancesC4
Fiches de connaissances créées par des professeurs de l'académie de Toulouse :
 
logo lumni
L'offre éducative gratuite de l'audiovisuel public

 

fiches connaissances3 fiches connaissancesC4
 
 
 

Fiches de connaissances créées par des professeurs de l'académie de Toulouse

logo lumni
Fiches de connaissances créées par des professeurs de l'académie de Toulouse :
L'offre éducative gratuite de l'audiovisuel public

Youtube popup avec JCE PopUp

Le titre

Le sous titre
Avatar50
blablabla

 

Ceci est un titre h4

Cette boite (class="box-info")peut contenir des éléments HTML, comme:

  • une liste
  • une image
  • ...
Cette boite (class="box-idee")peut contenir des éléments HTML, comme:
Cette boite (class="box-error") peut contenir des éléments HTML, comme:
Cette boite (class="box-ok")peut contenir des éléments HTML

Cette boite (class="box-note")peut contenir des éléments HTML

 

Notre proposition

blablablabla blablab balbalbalala ablaenim epiente ea proident.

Fenetre modale

blablablabla blablab balbalbalala ablaenim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Bouton avec cible qui s'affiche dans le flux : Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Bouton avec fenêtre qui s'ouvre (formulaire)

 

  • Premiere proposition
  • Seconde proposition

 

premier example seven

Coffee
Black hot drink
Milk
White cold drink

deuxième exemple seven6

Coffee
Black hot drink
Milk
White cold drink

troisième example seven5

Coffee
Black hot drink
Milk
White cold drink

quatrième exemple seven4

Coffee
Black hot drink
Milk
White cold drink

Texte sur 3 colonnes avec bande verticale entre les colonnes

I shall see the face of Mars, anyhow, and that will be a rare experience. It seems to me that a view of the heavenly bodies through a fine telescope, as well as a tour round the world, should form a part of a liberal education.

 

basVue depuis le mont St Michel de Braspart