Mangrove Starter Theme Styleguide

This is a WordPress Starter kit created by Mangrove Web Development .

Color Palette

Primary

Blue
Green
Light Green

Secondary

Light Blue
Lightest Blue
Pale Blue
Dark Green
Darkest Green
Pale Green

Others

Text color
Gray

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Typography

Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph Medium

Vivamus non tincidunt neque, at eleifend orci. Integer porttitor commodo finibus. Nulla nec eros orci. Proin metus magna, convallis nec leo et, sagittis lacinia mi. Phasellus id ex gravida, porta odio ut, tempor dolor. Duis lacinia leo ut lorem accumsan vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vehicula eleifend sapien, sed efficitur dolor porta id. In malesuada eros maximus, vulputate nisl lobortis, vestibulum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque convallis, enim eu pulvinar ullamcorper, ex libero luctus arcu, nec mattis ipsum sapien ac urna. Fusce facilisis suscipit ex, lacinia lacinia magna ullamcorper sed. Suspendisse eget ex turpis.

Paragraph Big

This is an inline link text example and hover link example.

This is a blockquote. Maecenas at orci lacinia, auctor mi imperdiet, malesuada velit. Phasellus at libero ac orci pharetra condimentum vel eu diam. Etiam lobortis dui et lacus laoreet, nec egestas tellus malesuada. Donec ut mauris eu enim mollis cursus non non leo. Cras at accumsan turpis. Vestibulum sollicitudin at nulla at laoreet. In non porttitor massa.

Buttons

Styles

Sizing

Grid Example

(Custom grid: 12 column responsive grid with 20px gutters)

1/12

1/6

1/4

1/3

1/2

More Examples

8/12

4/12

2/12

10/12

5/12

7/12

Offsets

offset 5

offset 2

offset 8

Share Buttons

Icons

Building Blocks

Testimonial

”

Title + Content X Large

Sustainable Jobs Fund was formed in 1999. Our original name set out the impacts we still pursue today—a clean, resilient environment and equitable opportunities. Though our strategy has expanded over our 25+ years of experience, we remain committed to these fundamental themes.

Read how we’re accelerating impact

Title + Content Large

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Impact Objectives

1Improve Learning Environments, Systems, and Outcomes

Increase educational outcomes for students across the learning spectrum by improving how and where we learn.
2Improve Learning Environments, Systems, and Outcomes

Increase educational outcomes for students across the learning spectrum by improving how and where we learn.
3Improve Learning Environments, Systems, and Outcomes

Increase educational outcomes for students across the learning spectrum by improving how and where we learn.

Featured Story

Amazon’s Former Head of Worldwide Returns and Recommerce Joins Optoro’s Board of Directors

This is a custom excerpt for this post.

– October 11, 2022

Button Button

A Cross-Sector Approach
for Deeper Impact

Environmental Impact

We invest to mitigate climate change and environmental degradation, including scaling up clean energy and efficiency and reducing waste and carbon. We work across all areas of the economy, seeking energy and material flows that are more sustainable, affordable, and socially beneficial.

Energy, Carbon, and Climate Resilience

Accelerate the Transition to Clean Energy
Catalyze Emerging Solutions to Climate Change
Improve Public Outcomes in a Changing Climate

Supply Chain and Circular Economy

Sustainable Products and Systems

Social Impact

We were founded to invest in companies that help support disadvantaged individuals and communities. We continue to do so, with a deeper focus on investing in solutions to key problems driving inequity, including through gainful employment, quality health and education access, and stronger civil institutions.

Education and Employment

Accelerate the Transition to Clean Energy
Catalyze Emerging Solutions to Climate Change
Improve Public Outcomes in a Changing Climate

Health and Wellness

Government and Civil Society

Embed Content

Impact Stats

Dolorem architecto beatae dolorem minima. Veniam blanditiis magnam minima nesciunt at quibusdam distinctio aliquid. Cupiditate et porro asperiores.

Est architecto iste quo fugiat cumque nesciunt laborum. Distinctio debitis dignissimos facere placeat exercitationem voluptatem veniam sit. Consequuntur voluptatibus et aliquid debitis consequuntur sequi.

Dolorem corporis voluptatem. Adipisci repudiandae unde necessitatibus totam sed at architecto dignissimos quibusdam. Totam distinctio sit eligendi tempore tempora.

Quam sequi animi.

Heading Level 2

Impact Stats

Dolorem corporis voluptatem. Adipisci repudiandae unde necessitatibus totam sed at architecto dignissimos quibusdam. Totam distinctio sit eligendi tempore tempora.

Pop Quiz

What percentage of employed U.S. adults say they are very satisfied with their job?

Answer: 51%. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit.

Source: Government and Civil Society