Online och bärbara versioner HTML-mall

Kolumner för laptop och smartphone skapar en färdig åtkomstsektion

Detta block löser en tydlig innehållsuppgift: att presentera olika sätt att få åtkomst till en applikation. Till vänster etablerar laptopbilden onlinekontexten, innan rubriken ”Onlineversion” och det kompletterande stycket beskriver alternativet. Den konturerade knappen ”Kör i webbläsaren” ger kolumnen ett tydligt nästa steg utan att det behövs ytterligare förklarande ytor.

Den högra kolumnen speglar proportionerna men varierar bildspråk och format för åtgärden. En smartphonebild introducerar ”Föredrar du mobilt?”, medan den förklarande texten leder till två butiksmärken i stället för en textknapp. Denna skillnad gör det enkelt för besökare att förstå att kolumnerna representerar likvärdiga val med olika destinationer. Den centrerade layouten och de generösa tomrummen gör jämförelsen tydlig och lättläst när sektionen placeras mellan sidans övriga innehåll.

Inom en statisk HTML-sida fungerar detta block som en komplett åtkomstsektion, medan den omgivande sidan hanterar navigering, tillhörande innehåll och eventuella övriga destinationer. Dess interna struktur behöver inte byggas om för att förmedla de två vägarna. Bilder, texter, avstånd, ramar och åtgärdsdetaljer kan anpassas efter projektet, samtidigt som det funktionella statiska samspelet mellan webbläsaråtkomst på laptopsidan och mobila nedladdningar på smartphonesidan bevaras.