Please note there are two Embed's on this page:
- Landing page navigation. This will appear on the four impact area pages to improve user experience.
- Recent highlights. This pulls out the recent highlights for a given subtopic page (e.g. Human Rights, Nature, Forests & Water etc.) to make the highlights more visually impressive.
The components are purely HTML and CSS, no JavaScript is needed. The CSS uses "all: revert" to minimise the likelihood that CSS changes to the overall site will not affect these. They also use an ID to distinguish the styles. Only one of these is expected to be used on a page, so no duplicate ID's.
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat risus in imperdiet suscipit. Morbi porttitor massa a enim dictum, ac euismod lectus semper. Donec non neque imperdiet, aliquam nisi a, rutrum lorem. Fusce condimentum velit sed dui tempus pellentesque.
Recent Highlights
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat risus in imperdiet suscipit. Morbi porttitor massa a enim dictum, ac euismod lectus semper. Donec non neque imperdiet, aliquam nisi a, rutrum lorem. Fusce condimentum velit sed dui tempus pellentesque.
Sed aliquet metus at nulla dictum condimentum in eu lorem. Sed sed sodales velit. Praesent faucibus nisl sit amet tincidunt gravida. Etiam venenatis massa tellus, et consequat sem pharetra eget.
Aenean est elit, interdum in sollicitudin vitae, auctor vel justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.