Gyakorlatok mindenkinek HTML Sablon

Az edzéssel kapcsolatos kérdés egy kész statikus szekciót alkot

A címsor, a magyarázó szöveg, a két felsorolási pont és a „továbbiak” gomb már önmagában világos tájékoztató funkciót kölcsönöz ennek a szekciónak. A bal oldali oszlop a kis „rólunk” címkétől halad a „Melyik gyakorlat a legjobb alakformálásra?” kérdésig, majd tömör részleteket nyújt, mielőtt további olvasásra ösztönözné a látogatókat. Ez egy kerek, önálló tartalmi egységet hoz létre egy adott edzéstémában anélkül, hogy a szekciónak kellene biztosítania a környező oldal navigációját, egyéb tartalmi területeit vagy webhelyszerű felépítését.

A jobb oldali oszlop egy különálló vizuális területet képez, amely egy sportruházatot viselő nő fitneszportréjára és egy absztrakt rózsaszín-lila formára épül. Ez a képi kompozíció kiegyensúlyozza a sűrűbb szöveges oszlopot, miközben a fehér háttér és a fekete tipográfia garantálja az írott információk olvashatóságát. A háromszög alakú listajelek és a lekerekített rózsaszín gomb finom, visszatérő hangsúlyokkal kötik össze a két oldalt, így a statikus elrendezés szerves vizuális egységet alkot az egymástól független elemek halmaza helyett.

Egy statikus HTML-oldalon belül ez a blokk bevezető vagy információs szekcióként szolgálhat a többi előkészített terület között. A befoglaló oldal további kontextust teremthet, miközben ez a szekció megtartja saját edzéskérdését, listás részleteit, továbblépési műveletét és kísérő képét. A Nicepage HTML-exportálása felhasználható a teljes projekthez, amint elkészült, ám az exportálás a blokkot körülvevő oldalra vagy webhelyre vonatkozik, nem pedig erre az önálló szekcióra mint teljes weboldalra.