Leaf – Non Profit Environmental Bootstrap Theme

We created Leaf to provide non profit organisations a platform through which they can efficiently send their message to the world. It’s clean and it is the best non profit environmental theme ever created. We put a lot of focus on the scientifical data about climate change. It is based on the most popular CSS framework called Bootstrap 4 and comes with the most advanced web developer toolkit, namely Sass, Gulp & Npm.

The pages from Leaf are logically constructed to provide both scientifical data but also to offer a way to reach out to donors and let the visitors know about the updates and news the organisation may have. Leaf comes with 15 unique and fully featured pages including a donation page, updates page, “our mission” page and the other specialty pages.

We created the perfect Gulp commands to effectively serve and generate both distribution and unminified copies of the project. Leaf also comes with a special folder called html&css which does not include Sass for those who want to avoid it.

For the more advanced developers we used the variables and mixins from Sass by the book and it is stongly coupled with the variables provided by Bootstrap.

Leaf is also fully responsive Bootstrap 4 theme with great speed performance and fully valid W3C HTML files.

Features at Your Hand

• 100% Responsive & Mobile-First
• Search Engine Optimised Code
• Fully Integrated SASS variables and mixins
• Google PageSpeed Insights score of over 85
• W3C Validated Code
• 14 Unique Pages
• Based on Bootstrap 4
• Browsersync live reload and Gulp for rapid development
• Well Documented
• 100% Customizable
• Bootstrap Flexbox Grid
• Customizable Navigation Bars and Footers
• Mega Menu
• Multi Level Dropdown Menu
• FontAwesome 5
• Image & Content Sliders
• Huge Collection of UI Elements
• Animation and utility classes
• Free Updates and Fast & Friendly Support

FAQ

But I don’t want Sass, do you have a HTML and CSS only version?

Of course we do! The folder called html&css is exactly what you need. But we have everything well
documented, so check out it out!

What about the production code?

Our well documented gulp commands will generate you a dist folder where all html and css files are minified
and the images are optimized. This final state of the project has a very high score of over 80 in the most
pages in Google PageSpeed
Insights.

Updates and changelog

Version 1.0

Initial release files

Version 1.1

Small visual fixes for menus & spacing between elements

Version 1.2

Fix all W3C problems
Update cards on homepage
Smaller bug fixes

This product was proudly brought to you by the official Themesberg.com development and designer team.

Check out our newest Tailwind CSS components from Flowbite.