Versions en ligne et portables Modèle HTML

Deux colonnes avec ordinateur et smartphone pour une section d'accès prête à l'emploi

Ce bloc remplit déjà un objectif de contenu bien précis : présenter les différentes manières d'accéder à une application. Sur la gauche, l'image de l'ordinateur portable pose le cadre de l'utilisation en ligne, avant que le titre « Version en ligne » et le paragraphe explicatif ne détaillent cette alternative. L'action encadrée « Exécuter dans le navigateur » offre à cette colonne une étape suivante claire, sans nécessiter de zone explicative supplémentaire.

La colonne de droite reprend les mêmes proportions globales tout en modifiant le support visuel et le format de l'appel à l'action. Une image de smartphone introduit « Plutôt sur mobile », tandis que le texte d'accompagnement mène à deux badges de stores plutôt qu'à un bouton textuel. Cette distinction aide les visiteurs à comprendre qu'il s'agit de choix parallèles menant à des destinations différentes. La disposition centrée et les espaces blancs aérés garantissent la lisibilité de la comparaison lorsque la section est intégrée au reste de la page.

Au sein d'une page HTML statique, ce bloc peut faire office de section d'accès complète, tandis que la page hôte fournit la navigation, les contenus environnants et toute autre étape supplémentaire. Son contenu interne n'a pas besoin d'être repensé pour communiquer clairement ces deux parcours. Les images, les textes, les espacements, les bordures et les détails des actions peuvent être adaptés à chaque projet, tout en conservant l'agencement statique efficace qui lie l'accès par navigateur côté ordinateur et les téléchargements mobiles côté smartphone.