 Botonga page web pona magasin en ligne ya fictif oyo babengi 'MyStore'.
<!DOCTYPE html> <html> <motó> <titre>Magasin na ngai | Kosomba biloko na nzela ya internet mpo na biloko nyonso</title> <meta charset="UTF-8"> <meta name="viewport" content="largeur=largeur-device, initial-échelle=1.0"> <style> body { font-family: Arial, sans-serif, oyo ezali na ba sérif; marge: 0; kokangama na biloko: 0; } motó ya likambo { langi ya nsima: #333; langi: mpɛmbɛ; elakiseli: kobalusama; justify-content: esika-kati; align-biloko: na katikati; kokɔtisa biloko: 10px 30px; } motó ya likambo a { langi: mpɛmbɛ; kokembisa makomi: moko te; } motó ya likambo a:hover { langi: #ddd; } #logo { bonene ya makomi: 24px; } nav ul { lolenge ya liste: moko te; marge: 0; kokangama na biloko: 0; elakiseli: kobalusama; } nav li { marge: 0 10px; } principal { max-largeur: 1000px; marge: 0 auto; kokɔtisa biloko: 50px 0; } .produit { ndelo: 1px ya makasi #ddd; kokɔtisa biloko: 30px; text-align: na katikati; } .produit:hover { boîte-elili: 2px 2px 10px rgba (0, 0, 0, 0.1); } .produit img { max-largeur: 100%; } .biloko h4 { marge: 30px 0 10px; } footer { langi ya nsima: #333; langi: mpɛmbɛ; text-align: na katikati; kokɔtisa biloko: 20px 0; } </style> </head> <nzoto> <tête> <a href="#" id="logo">Magasin na ngai</a> <nav> <ul> <li><a href="#"> Ndako</a></li> <li><a href="#">Magazini</a></li> <li><a href="#">Etali</a></li> < li><a href="#">Kokutana</a></li> </ul> </nav> <a href="#">Purier (0)</a> </tête> <main> <h1>Boyei malamu na MyStore</h1>