iomedia toolbox

Les pages HTML doivent respecter la structure suivante.

                            
                            
                                
                                    
                                        <-- En-tête de la page -->
                                    
                                        
                                            
                                                <-- Partie centrale contenant le détails d'une page, le sommaire, etc. -->
                                            
                                             
                                                <-- Contenus relatifs, accroches, menu latéral, etc. -->
                                            
                                        
                                    
                                        <-- Pied de page du site -->

Syntaxe

Les balises html s'écrivent entièrement en minuscule.
Les classes css s'écrivent entièrement en minuscule.
Les mots doivent être séparés par des traits d'union (-).

Eléments d'entête

Metas
Title
Icon apps
Splashscreens apps
Favico
Css
Js (à placer en pied de page dans la mesure du possible)

                    
                    
                    
                    
                    
                    
                     
                      
                    
                    
                        
                    iomedia toolbox

La zone de contenu est divisée en 12 blocs.

.col-md-1

.col-md-2

.col-md-1

.col-md-3

.col-md-1

.col-md-4

.col-md-1

.col-md-5

.col-md-1

.col-md-6

.col-md-1

.col-md-7

.col-md-1

.col-md-8

.col-md-1

.col-md-9

.col-md-1

.col-md-10

.col-md-1

.col-md-11

.col-md-1

.col-md-12


  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1



  .col-md-2
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1



  .col-md-3
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1




  .col-md-4
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1


  .col-md-5
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1



  .col-md-6
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1



  .col-md-7
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1



  .col-md-8
  .col-md-1
  .col-md-1
  .col-md-1
  .col-md-1


  .col-md-9
  .col-md-1
  .col-md-1
  .col-md-1


  .col-md-10
  .col-md-1
  .col-md-1


  .col-md-11
  .col-md-1


  .col-md-12

io toolbox

Html

Structure d'une page

Syntaxe

Eléments d'entête

Responsive Grid