Modell -összehasonlítás HTML Sablon

A járműkártyák kész statikus összehasonlító szekciót alkotnak

A címsor és a kísérő bekezdés meghatározza a szakasz témáját, mielőtt a három kártya bemutatná az elérhető modelleket. Az Outlander, az Eclipse Cross és a Shogun Sport egyetlen vízszintes sorban jelenik meg, lehetővé téve, hogy a statikus HTML-oldal együttesen mutassa be a választási lehetőségeket ahelyett, hogy különálló tartalomterületekre szórná szét őket. Mindegyik kártya ugyanazt az alapvető információkészletet tartalmazza: egy járműképet, a kezdőárat, egy négyelemes jellemzőlistát és a További információk műveletet.

Ez az ismétlődő elrendezés egyértelmű rendeltetést ad a szakasznak egy nagyobb weboldalon belül. A sötét antracitszürke háttér ad helyet a bevezetőnek, míg a fehér kártyák jól olvasható felületeket teremtenek a modelladatok számára. A színes címsávok egyértelműen megkülönböztetik az egyes modelleket, a teljes szélességű képek pedig vizuális belépési pontot jelentenek az árak és felszereltségi részletek áttekintése előtt. A design így az összehasonlítás kontextusát és a következetes megjelenítési struktúrát egyaránt biztosítja anélkül, hogy a modellek viszonyának megértéséhez más oldalszakaszokra lenne szükség.

Statikus HTML-környezetben alkalmazva ez a blokk kiszolgálhatja egy átfogóbb weboldal jármű-összehasonlító részét, miközben a környező szekciók biztosítják a navigációt, a további termékinformációkat vagy a kapcsolatfelvételi elemeket. Maga a blokk egyetlen előkészített szakasz marad, nem pedig egy teljes statikus weboldal. A Nicepage támogatja a projekt HTML-exportálását, így ez az elrendezés a statikus implementáció elkészülte után egy nagyobb exportált oldal szerves részeként is megőrizhető.