A problémák megoldásának két módja HTML Sablon

Két illusztrált kiemelés egy kész statikus szekciót alkot

A középre igazított címsor, a narancssárga lekerekített „Tudj meg többet” gomb és a két illusztrált oszlop már önmagában teljes, témára szabott tartalomterületet hoz létre. A bevezető gondolat az üzleti problémák megoldásának témáját vázolja fel, míg az alatta lévő két vizuális elem alátámasztó információkkal szolgál. Mivel mindkét oszlop azonos felépítést követ – illusztráció a középre zárt szöveg felett –, a szekció egységes egészként, nem pedig két független grafikaként hat.

Egy statikus HTML-oldalon ez a blokk ideális köztes tartalmi helyet tölthet be a bevezetés, valamint a későbbi részletek, esettanulmányok vagy kapcsolatfelvételi elemek között. Célja világosan körülhatárolt: a körülvevő oldal biztosítja a navigációt és a további szekciókat, miközben ez a terület két párhuzamos elképzelést fejt ki képi világ és tömör szöveg segítségével. A fehér háttér és a szellős térközök révén a szekció bonyolult grafikai trükkök nélkül is tisztán elkülönül a szomszédos tartalmaktól.

A látható „Tudj meg többet” vezérlőelem lehetséges következő lépést kínál, anélkül azonban, hogy a szekció meghatározná a művelet célját. Így kiválóan beépíthető egy statikus oldal elrendezésébe anélkül, hogy önálló aloldalként kellene kezelni. A kétoszlopos struktúra, a középre zárt tipográfia és a színes illusztrációk azonnal használható megoldást adnak a HTML-projektnek az összetartozó szempontok következetes elrendezésű, áttekinthető bemutatására.