Leaf - Nonprofit Environmental Bootstrap 4 Template

Clean Environmental Bootstrap 4 Theme

5

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.

71 purchases
Price: $59
Released: 1 year ago
Updated: 1 year ago
Version: 1.2
Well Documented
  • 6 months premium support included
  • 100% W3C valid HTML5 files
  • Future updates
  • Fully responsive pages
  • 30 day refund policy
  • Built by Themesberg

15 Hand-crafted Example Pages

After downloading Leaf - Nonprofit Environmental Bootstrap 4 Template you will get 15 high-quality example pages to save you time writing boilerplate code and set up the user interface of your website or web application in no time.

Hover over any page below and if you click on one of them you will be able to live preview one of the example pages in your browser.


Folder structure

We believe that being transparent when it comes to the code base and the file structure can make you better understand how it is going to be like to actually work with Leaf.

Below you can check out the folder structure of this template, and by hovering over each item you can also read an explanation of what the folder contains and what its role is.

You need only HTML, CSS and Javascript?

Don't worry, we got you covered. We have a folder called html&css which includes only the basic HTML5, CSS3 and Javascript technologies.

  • src
    • assets
    • html
    • partials
    • scss
    • index.html
  • html&css
  • .temp
  • dist
  • node_modules
  • gulpfile.js
  • package.json
  • README.md
  • .gitignore

Customer reviews

5.0 out of 5
2 Reviews for Leaf
1 year ago
5

Pleasantly surprised by how clean it is. So far so good using it!

2 months ago
5

Amazing! really enjoying the colors and everything. It seems a little incomplete :( Rocket template is way more developed. I would appreciate if you could add more designs to this awesome template. Thanks!


Changelog

We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.

Below you can see the timeline of changes for Leaf since its initial launch 1 year ago.

Releases

v1.2 - December 20, 2019 Latest release
  • Fix all W3C issues
  • Improve homepage card spacings
  • Small bug fixes
v1.1 - November 7, 2019
  • Fixed some visual spacing problems with the elements
v1.1 - November 5, 2019
  • Initial release files

Frequently asked questions

How do I use the license that I got with my purchase?

You will receive a code in your order receipt. You do not need to insert it anywhere. Please keep it in your records for any future inquiry from us. If you create a client project, you can either keep this code or you can send us an email using our contact page, and we will transfer the license to your client, provided that they have an account on our website.

What is the difference between the Freelancer/Company/Enterprise licenses?

The Freelancer license is aimed at people who work on their own. It grants you the right to use the purchased product only for one project (either yours or for a client).

The Company license is aimed at agencies or larger teams. It grants you the right to create other licensed products base on the template that you purchase from us.

The Enterprise license is aimed at large companies with multiple projects. It grants you the right to create any kind of software, SaaS, digital products and sell them.

All the differences between the types of licenses are available here.

Will I get an update to Bootstrap 5 for the Bootstrap 4 themes?

Although two of the products (Pixel Pro and Volt Pro) are already available in Bootstrap 5, we will update all of the themes in this Cyber Monday promotion to Bootstrap 5 in the next 6 months for free.

Are the themes available with only classic CSS and without Sass as well?

Yes, they are. Each theme has a html&css folder which contains the theme with classic HTML, CSS, and Javascript files.

Do these themes work with Wordpress?

These products are not Wordpress themes, however, they can be integrated in Wordpress by an experienced web developer.

Are the images, fonts, and icons free to use?

The images, fonts, icons and every other creative element for each theme can be freely used in your project under our licensing terms.

If I purchased a Freelancer/Company License, how can I upgrade to the Company/Enterprise License?

In case you have already purchased a license, but you want to upgrade, you can just send us a message using the contact page and we will send you a discount code so you will only pay the difference for the upgrade.

What does the Included Documentation feature refer to?

It means that each theme within the Cyber Monday promotion has a thorough and up to date documentation on how to get started with the product and each components and plugin is properly explained.

What happens after the 6/12/24 months of Free Updates expires? Can I download the new updates after this period?

At the end of this period, you will need to renew your license (purchase the product again) to get Support.

Can I remove the copyright notice from the files?

You can remove the copyright notice (if it's a premium item), but then you will need to create a separate .txt file called LICENSE.txt, and copy paste the copyright text in there. This file should be added to the root folder of your project.

What does the full code feature refer to?

It refers to the fact that you will get all of the Sass, HTML, Javascript, and CSS files of the template.

What does the Domains number refer to?

Depending on the license you purchase, you can use our products to either code a website/web application for you, for a client, or for multiple clients, which will be hosted on one or multiple domains:

For example, if you purchased the Freelancer License, you can create only one website (for you or a client). If you want to create multiple websites, you will need a bigger license (like Company or Enterprise). Same, if you have multiple subdomains, like test.yoursite.com (http://test.yoursite.com/) or dev.yoursite.com (http://dev.yoursite.com/), you can use the Freelancer or Startup License.

If you have a complex application like a SaaS and have client1.yoursite.com (http://client1.yoursite.com/) and client2.yoursite.com (http://client2.yoursite.com/) and clientx.yoursite.com, (http://clientx.yoursite.com/) you will need a multi-domain license like Company or Enterprise.

For more information about our licenses, you can check it here.

What does the Team Size refer to?

The Team size for each license reflects the number of people who can access the product.

For example, if you buy the Freelancer license, only one person can use the product. If you have a team of 6-10 people, you will need the Company license.

For bigger teams of 5 developers, you will need to purchase an Enterprise License.

What does the Tech Support refer to?

Depending on your license type, you have a fixed period when you can submit any ticket to us regarding product functionalities and bug fixes (learning and tutorials related requests are not included). You will get responses directly from the product's creators in 24 hours (during business days):

If you purchase the Freelancer license, you will receive Support from us for 6 months. If you need 12 months of Support, you will need the Company license.

If you purchase the Enterprise license, you will benefit from 24 months of Support. At the end of this period, you will need to renew your license (purchase the product again) to get Support.

What does the Free Updates refer to?

Depending on your license type, you have a determined period when you receive product Updates that include bug fixes and new features:

Freelancer: You will receive Free Updates for 6 months. Company: You will receive Free Updates for 12 months. Enterprise: You will benefit from 24 months of Free Updates.

Do you have a question?

Feel free to send us a message using the contact page and one of our team members will get back to you in the shortest time possible.