Wildera is one of our environmental website templates: a bright, outdoors HTML5 template for an environmental charity: campaigns, donations, petitions, volunteering and climate action. White pages, an aqua band, turquoise buttons and heavy Merriweather headings carry the wildlife photography. Underneath, it runs real NGO logic. First, a donation builder, once or monthly, shows what each amount does in trees, hectares and ranger days. Next, campaigns are placed on the calendar with what they have raised today. Meanwhile, petition signatures climb through the day.

In addition, volunteer days follow their own repeat rules with places left. There are also a carbon footprint calculator, monthly giving tiers and the office open now. Finally, the shop plants trees with every order. It ships with a light and a dark theme, right-to-left support and WebGL layers. A flock of migrating birds flies along the edges of the bands. In the footer, the earth wrapped in the warming stripes turns.

Three Home Pages

• Home 01 – The Wild: a hero slider over the wildlife and the campaigns live now with their figures. Next is Faces Of The Red List. Six endangered and vulnerable animals appear, and each status panel lifts off its portrait as you scroll. Then come the causes on slate, the ways to get involved and where every dollar goes. Finally, there are why supporters give, the latest news and a turquoise join band.
• Home 02 – Give: a hero with a gift card on it: once or monthly, amount and fund. Then comes What Your Gift Grows. Here, the amount runs from five dollars to five hundred as you scroll. Meanwhile, the trees it plants grow on the hill. After that come the campaigns to give to and the Guardian tiers. Finally, there are the volunteer schedule and the questions about giving.
• Home 03 – Act: a climate hero slider and the petitions to add your name to. Then comes The Warming Stripes, one stripe a year from 1880, arriving year by year. After that come the footprint calculator and what we have won. Finally, there are a call to action and the volunteer days ahead.

Give, Act & Campaign Pages

• Donate: the donation builder in three steps. First, choose once or monthly, one of five funds, and a suggested amount or your own. Next, see the impact in the fund’s two kinds of work, cover the card fee on request and add a tribute. Then enter the details, with a live summary and a reference. Continue never blocks; only the last step checks the details.
• Monthly Giving: four Guardian tiers, monthly or yearly at ten percent less, and a three-step join.
• Campaigns: live, launching soon, funded and closed, placed from the visitor’s date, with cause tabs, status, search and sort. The campaign page with raised today, donors, days left, the story, updates and a gift box.
• Petitions: every petition with its signatures from the date, by cause and status. The petition page has the sign form, the latest signers and the next milestone. Also, a signature adds to the count everywhere.

More Give, Act & Campaign Pages

• Volunteer: tree planting, beach clean-ups, river restoration, wildlife surveys, the seed nursery and the repair café. Each one runs on its own rule with places left, and a finder works by kind and region. In addition, the volunteer day page has its next dates, a map and a three-step sign-up.
• Carbon Footprint: home, travel, food and things in tonnes a year, against the national average and the two-tonne target. It also shows the trees that would take it back and a gift to plant them.
• Our Impact: the year in figures, where every dollar went and the annual reports.
• Shop: recycled and natural goods with price filter, sort and search. The product page has tabs, and the bag shows the Guardian saving, a code, a free-shipping meter and tax. Finally, checkout gives an order number and the trees it plants, and there is a wishlist.

Environmental Website Templates: Inner Pages

Wildera includes About Us, Our Impact, Our Team, Team Profile and Gallery. It also has FAQ with search, Campaigns, Campaign Details, Donate, Monthly Giving and Petitions. Then come Petition Details, Volunteer, Volunteer Day, Carbon Footprint, Shop, Product Details and Cart. There are also Checkout, Wishlist, Field Notes and Field Notes Details. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-two pages in total.

Environmental Website Templates Features

• 32 HTML pages, 3 unique home page designs
• A light theme by default and the field at night on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: Migrating Birds at the edges of the bands and the Striped Earth turning in the footer
• Real NGO logic from one data block: unit costs and funds, gift impact and card fee, campaigns on the calendar, petition signatures, volunteer dates and places, carbon factors, giving tiers, office hours and shop totals
• A Sign Up preloader, Regrow reveals that uncover each photograph behind a growing green edge, soft-rise copy, paw prints on hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

Like all our environmental website templates, Wildera ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Wildera also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Environment HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Merriweather, Raleway).