web:html:pratique4 [Broken SlamWiki 2.0]

web:html:pratique4

Reproduire le document ci-dessous (web-arena-about-us.html associé à la feuille de style web-arena.css).
Intégrer fontawesome-web pour les icônes
Utiliser les ressources sur le drive
Respecter les caractéristiques du modèle (police à utiliser font-family: montserrat,sans-serif)
Structurer la page sématiquement sans ajouter d'éléments inutiles et veillez à la validation W3C

A lire : Disposition en colonnes

Reproduire le document ci-dessous (web-arena-blog.html associé à la feuille de style web-arena.css).
Intégrer fontawesome-web pour les icônes
Utiliser les ressources sur le drive
Respecter les caractéristiques du modèle (police à utiliser font-family: montserrat,sans-serif)
Structurer la page sémantiquement sans ajouter d'éléments inutiles et veillez à la validation W3C

Solution élégante pour la structuration de page classique en header/main/footer utilisant les flexboxes (source : Stackoverlow):

        
              <div class="container">
  <header></header>
  <main></main>
  <footer></footer>
</div>

        
              .container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
  
main {
  flex: 1;
}

web/html/pratique4.txt
Dernière modification : il y a 2 ans
de jcheron