Djur Farm HTML-mall

Två överlappande paneler skapar en färdig introduktion till gården

Fotografiet i full bredd utgör den visuella inramningen och visar en kvinna med getter i en lantlig utomhusmiljö. Över bildens övre del överlappar två rektangulära paneler i solida färger fotografiet istället för att ligga i en separat textkolumn. Det här upplägget gör att bilden förblir synlig samtidigt som textinformationen får en tydlig, lättläst yta inom samma sektion.

Den vänstra panelen med etiketten ”Biografi” introducerar Kate Humble via en rubrik som anger att hon föddes 1968 och växte upp på landsbygden i Berkshire. Den högra panelen med rubriken ”Kates gård” visar motsvarande rubrik om Humble by Nature som en aktiv bondgård strax utanför Monmouth. Två ”Mer”-länkar erbjuder separata vägar vidare från respektive informationspanel för fördjupat material.

Placerat på en statisk HTML-sida kan det här blocket fungera som en komplett inledande presentationssektion utan att man behöver skapa en egen layout för kärninnehållet. Den omgivande sidan kan stå för navigering, övriga sektioner och sajtens övergripande struktur, medan den här färdiga sektionen förmedlar kopplingen mellan profilen och gården. Dess dämpat röda och antracitgrå paneler, vita typsnitt och understrukna länkar ger dessutom den statiska sektionen en tydlig visuell stil som kan behållas eller anpassas efter sidan den ligger på.