Programmes après l'école Modèle HTML

Une photo de classe et six cartes forment une section statique prête à l'emploi

La section rassemble déjà l'essentiel du contenu nécessaire pour présenter des matières scolaires ou des activités : une photo de classe, un titre clair sur le parcours d'apprentissage et six catégories accompagnées de libellés. L'image pose le cadre de la classe, tandis que le panneau blanc en haut à droite offre à la formule « Aider chaque enfant à trouver et suivre son meilleur parcours d'apprentissage » une zone de lecture bien distincte. En dessous, les Mathématiques, la Physique, l'Histoire, l'Anglais, les Événements et les Ateliers sont organisés sous la forme de cartes harmonisées avec icône et libellé.

Au sein d'une page HTML statique, ce bloc peut délivrer un message complet à l'échelle d'une section sans exiger de structure de page dédiée. Le groupe de cartes sur trois colonnes et deux lignes permet de visualiser l'ensemble des six catégories d'un seul coup d'œil, et son chevauchement avec le bord inférieur de l'image délimite clairement la section sur le plan visuel. L'arrière-plan vert sobre, les surfaces blanches, les cercles d'icônes clairs, les libellés en majuscules et les ombres douces constituent une mise en page prête à l'emploi qui peut être conservée telle quelle ou adaptée à la page environnante. D'autres sections peuvent accueillir la navigation, des textes d'introduction, le détail des programmes ou des coordonnées de contact, tandis que ce bloc reste dédié à la présentation des matières et des activités pédagogiques. Son interaction statique rend en outre la fonction de la section immédiatement compréhensible, sans dépendre d'un carrousel ou d'éléments extensibles.