Skydda oceanerna HTML-mall

Föroreningar, städinsatser och hållbara val skapar en komplett statisk sida

Layouten innehåller redan den huvudsakliga innehållssekvens som krävs för en fristående statisk HTML-sida om bevarande av världshaven. Den inledande delen belyser havsföroreningar med en stor rubrik, förklarande text, staplade fotografier och en «Läs mer»-knapp. Det efterföljande galleriet tillför ekologisk kontext genom informativa texter och flera undervattensbilder, vilket gör att sidan inte förlitar sig på ett enskilt budskap i sidans hero-sektion för att nå ut. Ämnet fördjupas genom distinkta avsnitt i stället för att endast lämna besökaren med ett kort kampanjbudskap.

Den fortsatta dispositionen ger ett praktiskt och organisatoriskt djup. Ett gult åtgärdsband presenterar en omedelbar uppmaning, avsnittet om kuststädning förklarar hur man deltar och refererar till International Coastal Cleanup, och sektionen «10 saker du kan göra för att rädda haven» omvandlar den omfattande frågan till en handfast lista med råd. Utbildningsinslag om det marina djurlivet och vägledning för hållbara fisk- och skaldjursval breddar ämnet bortom enbart skräpplockning. Tillsammans skapar dessa innehållsområden en genomarbetad statisk presentation med en tydlig början, mitt och avslutning. Den starka färgskalan i gult, vitt och djupblått, i kombination med levande undervattensfotografi och generösa mellanrum, håller den självständiga sidan visuellt sammanhållen samtidigt som dess separata block är enkla att ersätta med verifierat projektinnehåll.