<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>For the forest | We return the nature back where it belongs</title> <meta name="description" content="Join our nonprofit in planting trees and restoring forests to fight climate change, support biodiversity, and create a greener planet. Get involved through volunteering, donations, or sponsorships to help make a lasting impact."> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Fonts --> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/aos/aos.css" rel="stylesheet"> <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> </head> <body class="index-page"> <header id="header" class="header d-flex align-items-center fixed-top"> <div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center"> <h1 class="sitename">FORTHEFOREST </h1> <p style="color: white; padding-left: 5px; font-size: 80%;"> by kurant.cc</p> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="#hero" class="active">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Values</a></li> <li><a href="#patrons">Our patrons</a></li> <li><a href="#call-to-action">Contact</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> </div> </header> <main class="main"> <!-- Hero Section --> <section id="hero" class="hero section accent-background"> <img src="assets/img/for-the-forest-hero.webp" alt="" data-aos="fade-in"> <div class="container text-center" data-aos="fade-up" data-aos-delay="100"> <h2>For the forest</h2> <p>We return the nature back where it belongs</p> <a href="#about" class="btn-scroll" title="Scroll Down"><i class="bi bi-chevron-down"></i></a> </div> </section><!-- /Hero Section --> <!-- About Section --> <section id="about" class="about section"> <div class="container"> <div class="row gy-5"> <div class="content col-xl-5 d-flex flex-column" data-aos="fade-up" data-aos-delay="100"> <h3>What do we focus on:</h3> </div> <div class="col-xl-7" data-aos="fade-up" data-aos-delay="200"> <div class="row gy-4"> <div class="col-md-6 icon-box position-relative"> <i class="bi bi-briefcase"></i> <h4>Commercial partnerships</h4> <p>We collect donations and choose the right outcome. We turn donations into planted trees.</p> </div><!-- Icon-Box --> <div class="col-md-6 icon-box position-relative"> <i class="bi bi-heart"></i> <h4>Nature > Money</h4> <p>We don't take money from companies practicing greenwashing.</p> </div><!-- Icon-Box --> <div class="col-md-6 icon-box position-relative"> <i class="bi bi-broadcast"></i> <h4>Volunteering</h4> <p>We organise network of our volunteers, we plant worldwide.</p> </div><!-- Icon-Box --> <div class="col-md-6 icon-box position-relative"> <i class="bi bi-easel"></i> <h4>Results</h4> <p>We don't accept any kind of waste. We tie our funds to most effective outcomes.</p> </div><!-- Icon-Box --> </div> </div> </div> </div> </section><!-- /About Section --> <!-- Services Section --> <section id="services" class="services section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Our values</h2> <p>Join us in turning small seeds into mighty forests – one tree at a time.</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-4"> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-sun icon"></i></div> <h4>Growth</h4> <p>We believe in growing more than just trees; we’re growing a greener future.</p> </div> </div><!-- End Service Item --> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-signpost icon"></i></div> <h4>Community</h4> <p>It takes a village to raise a forest – let’s do it together.</p> </div> </div><!-- End Service Item --> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-umbrella icon"></i></div> <h4>Sustainability</h4> <p>Planting roots today for a planet that thrives tomorrow.</p> </div> </div><!-- End Service Item --> <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400"> <div class="service-item position-relative"> <div class="icon"><i class="bi bi-wind icon"></i></div> <h4>Resilience</h4> <p>Like the trees we plant, we stand tall and weather any storm.</p> </div> </div><!-- End Service Item --> </div> </div> </section><!-- /Services Section --> <!-- Stats Section --> <section id="stats" class="stats section light-background"> <div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="row gy-4"> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-tree"></i> <span data-purecounter-start="0" data-purecounter-end="1200" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Trees planted</strong> <span>since 2022</span></p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-trash"></i> <span data-purecounter-start="0" data-purecounter-end="60" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Kg of trash collected</strong></p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-universal-access"></i> <span data-purecounter-start="0" data-purecounter-end="140" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Hours of volunteering</strong> </p> </div> </div><!-- End Stats Item --> <div class="col-lg-3 col-md-6"> <div class="stats-item"> <i class="bi bi-people"></i> <span data-purecounter-start="0" data-purecounter-end="5" data-purecounter-duration="1" class="purecounter"></span> <p><strong>Supporters</strong> </p> </div> </div><!-- End Stats Item --> </div> </div> </section><!-- /Stats Section --> <!-- Call To Action Section --> <section id="call-to-action" class="call-to-action section accent-background"> <img src="assets/img/forest-bg-paralax.webp" alt=""> <div class="container"> <div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100"> <div class="col-xl-10"> <div class="text-center"> <h3>Do you want to become a volunteer or a patron?</h3> <p>Short us a short introductory email where you describe why do you think you'd be a good fit.</p> <a class="cta-btn" href="mailto:info@fortheforest.org">Send email</a> </div> </div> </div> </div> </section><!-- /Call To Action Section --> <section id="patrons" class="pricing section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Our patrons</h2> <p>Individuals and organisations fueling every tree we plant and every future forest we grow.</p> </div><!-- End Section Title --> <div class="container"> <div class="row gy-4"> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="100"> <div class="pricing-item"> <h3>Ethical Network</h3> <span>Ethical Network is a community of web developers, designers and entrepreneurs who believe that modern technology cannot truly benefit humanity without <a href="https://ethical.net/">being based on a foundation of applied ethics.</a></span> </div> </div> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="100"> <div class="pricing-item"> <h3>Captitles</h3> <span>Captitles is an app for <a href="https://www.captitles.com/">creating and managing surtitles in theater productions</a>. It automates the process of converting scripts into surtitles, translating them, and facilitating collaboration between team members, making it easier and faster to prepare captions for live performances. The app is particularly focused on inclusivity, helping theaters reach wider audiences, including those with hearing loss and non-native speakers.</span> </div> </div> <div class="col-lg-4" data-aos="zoom-in" data-aos-delay="100"> <div class="pricing-item"> <h3>Míra Podorský</h3> <span>A humble <a href="https://www.podorsky.cz/">product designer</a> with deep knowledge of human behavior and a passion for crafting user experiences that truly resonate with humans. </span> </div> </div> </div> </div> </section><!-- /Pricing Section --> <!-- Faq Section --> <section id="faq" class="faq section light-background"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Frequently Asked Questions</h2> </div><!-- End Section Title --> <div class="container"> <div class="row faq-item" data-aos="fade-up" data-aos-delay="100"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>How can I get involved?</h4> </div> <div class="col-lg-7"> <p> Whether you want to volunteer, donate, or team up with us, there are plenty of ways to join our mission. </p> </div> </div><!-- End F.A.Q Item--> <div class="row faq-item" data-aos="fade-up" data-aos-delay="200"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>Where do you plant trees?</h4> </div> <div class="col-lg-7"> <p> We focus on areas where trees are needed most, like regions hit by deforestation or communities that need green spaces. </p> </div> </div><!-- End F.A.Q Item--> <div class="row faq-item" data-aos="fade-up" data-aos-delay="300"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>How do you pick the trees you plant?</h4> </div> <div class="col-lg-7"> <p> We plant native species that fit the local environment, helping to keep nature’s balance intact. </p> </div> </div><!-- End F.A.Q Item--> <div class="row faq-item" data-aos="fade-up" data-aos-delay="400"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>Can I sponsor a tree or a project?</h4> </div> <div class="col-lg-7"> <p> Absolutely! You can dedicate a tree to someone special or fund a project that resonates with you. </p> </div> </div><!-- End F.A.Q Item--> <div class="row faq-item" data-aos="fade-up" data-aos-delay="500"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>How do you make sure the trees survive?</h4> </div> <div class="col-lg-7"> <p> We partner with local pros to care for the trees, ensuring they grow strong and healthy. </p> </div> </div><!-- End F.A.Q Item--> <div class="row faq-item" data-aos="fade-up" data-aos-delay="500"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>Can I visit the planting sites?</h4> </div> <div class="col-lg-7"> <p> Yes, we love visitors! Come see our work in action and maybe even get your hands dirty. </p> </div> </div><!-- End F.A.Q Item--> <div class="row faq-item" data-aos="fade-up" data-aos-delay="500"> <div class="col-lg-5 d-flex"> <i class="bi bi-question-circle"></i> <h4>How does planting trees help with climate change?</h4> </div> <div class="col-lg-7"> <p> Trees are nature’s carbon fighters, soaking up CO2, stabilizing the soil, and providing homes for wildlife, making them a key player in the climate fight. </p> </div> </div><!-- End F.A.Q Item--> </div> </section><!-- /Faq Section --> </main> <footer id="footer" class="footer dark-background"> <div class="container footer-top"> <div class="row gy-4"> <div class="col-lg-8 col-md-6 footer-about"> <a href="index.html" class="logo d-flex align-items-center"> <span class="sitename">For the forest</span> </a> </div> <div class="col-lg-4 col-md-12 footer-newsletter"> <h4>Our Newsletter</h4> <p>Subscribe to our newsletter and receive the latest news about our products and services!</p> <form action="forms/newsletter.php" method="post" class="php-email-form"> <div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div> <div class="loading">Loading</div> <div class="error-message"></div> <div class="sent-message">Your subscription request has been sent. Thank you!</div> </form> </div> </div> </div> <div class="container copyright text-center mt-4"> <p>© <span>Copyright</span> <strong class="px-1 sitename">Fortheforest</strong> <span>All Rights Reserved</span></p> </div> </footer> <!-- Scroll Top --> <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Preloader --> <div id="preloader"></div> <!-- Vendor JS Files --> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <script src="assets/vendor/aos/aos.js"></script> <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script> <script src="assets/vendor/glightbox/js/glightbox.min.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <!-- Main JS File --> <script src="assets/js/main.js"></script> </body> </html>
