The cookie warning notification will be send when first visiting the site and will be hidden once a user presses agree. This element needs to be in the root of the body element to ensure it can be placed above all other site elements.
The article wrapper is a content focused component in which both text and imagery can be used.
Images are designed to be wider than the measure (width) of article text (which is wrapped in the smaller article wrapper). Imagery wrapped in the large article wrapper allows for maximum impact and to showcase WWF's photography effectively.
Bold quote block to draw attention to specific, important information.
While waiting for the ice to freeze, some scavenge food along the coast, and are attracted to communities
Drew McVey
Social insight block to allow users to share information on various social networks.
| Modifier class | Purpose |
|---|---|
article_wrapper--large | expand the width of the article wrapper to show wider content / imagery |
Generic table used to display data.
| Heading 1 | Heading 2 | Heading 3 | Heading 4 |
|---|---|---|---|
| Lorem ipsum dolor | Sit amet | Consectetur adipisicing | Elit sed do |
| Eiusmod tempor | Incididunt ut labore | Et dolore magna | Aliqua enim |
| Ad minim veniam | Quis nostrud | Exercitation ullamco | Laboris nisi ut |
| Aliquip ex ea commodo | Duis aute irure | Dolor in | Reprehenderit in |
| Modifier class | Purpose |
|---|---|
.title | Apply class to td/th to use the WWF font |
.bold | Apply class to td/th to use bold font |