Skip to content

Commit

Permalink
Create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Virtual4087
Virtual4087 authored Oct 13, 2023
1 parent 5883bc0 commit ccb5aae
Showing 1 changed file with 157 additions and 0 deletions.
157 changes: 157 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tree2Hope</title>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ysabeau:wght@500&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="banner">
<nav>
<div class="logo"><img src="images/For_Website/4x/Website_name.png" alt="Logo" width="160px"></div>
<div class="nav_buttons">
<a href="#" class="nav_button">HOME</a>
<a href="#" class="nav_button">DONATE</a>
<a href="#" class="nav_button">ABOUT</a>
<a href="#" class="nav_button">CONTACT US</a>
</div>
</nav>
<div class="body">
<div class="text">
<span class="Big_Text">PLANTING TREES BUILDING HOPE</span><br><br>
Help us grow a greener tomorrow<br>Join us in our quest to heal the earth and create a sustainable future
</div>
<div class="page_buttons">
<button class="one">VIEW PROGRESS</button>
<button class="two">PLANT A TREE</button>
</div>
</div>
</div>

<!-- <div class="trees_planted">
<div class="number"><span>40535</span><br>TREES PLANTED<br><br></div>
<div class="text"><br>We plant trees on your behalf. $1 = 1 Tree Planted.<br>Plant a Tree, Restore Biodiversity, and Transform Our Planet.</div>
</div> -->

<div class="locations">
<div class="heading">WHERE WE PLANT<br>
<div class="line"></div>
</div>
<div class="country_images"><img src="images/For_Website/Countries/Nepal.jpg" alt="Nepal"><span>Nepal</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Thailand.jpg" alt="Thailand"><span>Thailand</span></div>
<div class="country_images"><img src="images/For_Website/Countries/India.jpg" alt="India"><span>India</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Maldives.jpg" alt="Maldives"><span>Maldives</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Bhutan.jpg" alt="Bhutan"><span>Bhutan</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Sri_Lanka.jpg" alt="Sri Lanka"><span>Sri Lanka</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Malaysia.jpeg" alt="Malaysia"><span>Malaysia</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Indonesia.jpeg" alt="Indonesia"><span>Indonesia</span></div>
<div class="country_images"><img src="images/For_Website/Countries/Hong_Kong.jpg" alt="Hong_Kong"><span>Hong Kong</span></div>
</div>



<div class="Video">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/ibPe7iuTFZw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

<div class="Donate">
<div class="text">Trees are nature's superheroes, fighting climate change, supporting livelihoods, and nurturing life.<br> Together, we can make a difference, one tree at a time.<br><br><span>~ Founder</span><br><br></div>
<button>JUST $1 PLANTS A TREE</button>
</div>

<div class="get_involved">
<div class="Option" id="_1">INDIVIDUALS</div>
<div class="Option" id="_2">BUSINESSES</div>
<div class="Option" id="_3">SCHOOLS</div>
</div>

<div class="events">
<div class="plant_with_us">PLANT WITH US<span class="join_us">Join our local events and make a positive impact with your own hands</span></div>
<button>VIEW EVENTS</button>
</div>

<div class="Goals">
<div class="heading">OUR GOALS<br>
<div class="line"></div>
</div>
<div class="images"><img src="images/For_Website/Target.png" width="200px"><div class="text"><span>TARGET<br><br></span>Planting 1 million trees worldwide within the next 3 years.</div></div>
<div class="images"><img src="images/For_Website/Reach.png" width="200px"><div class="text"><span>REACH<br><br></span>Expanding tree planting efforts to 30+ countries across the world.</div></div>
<div class="images"><img src="images/For_Website/Awareness.png" width="200px"><div class="text"><span>EDUCATION AND AWARENESS<br><br></span>Raising awareness about the importance of tree planting through educational programs, workshops, and campaigns.</div></div>
</div>

<div class="why_plant_trees?">
<div class="heading"></div>
<div class="line"></div>
<div class="answers"></div>
</div>

<div class="footer">
<div class="upper_part">
<div class="links">
<div class="column">
<a href="#">HOW TO DONATE</a>
<a href="#">PRIVACY POLICY</a>
<a href="#">REFUND POLICY</a>
<a href="#">TERMS OF SERVICES</a>
</div>

<div class="column">
<a href="#">OUR PARTNERS</a>
<a href="#">BECOME AN AFFILIATE</a>
<a href="#">SPONSOR US</a>
<a href="#">REPORT A PROBLEM</a>
</div>

<div class="column">
<a href="#">ABOUT US</a>
<a href="#">FAQS</a>
<a href="#">CONTACT US</a>
<a href="#">CAREERS</a>
</div>

</div>
<div class="signup">
<div class="container">
<div class="textbox">
<input type="text" placeholder="EMAIL"><br>
<input type="password" placeholder="PASSWORD">
</div>
<button>Join us</button>
<div class="Login">Already have an account? <a href="">Login here</a></div>
</div>
</div>
</div>
<div class="lower_part">
<div class="social_medias">
<img src="images/For_Website/Social Media icons/Twitter.png" width="50px">
<img src="images/For_Website/Social Media icons/Facebook.png" width="50px">
<img src="images/For_Website/Social Media icons/Instagram.png" width="50px">
<img src="images/For_Website/Social Media icons/Youtube.png" width="50px">
<img src="images/For_Website/Social Media icons/Pintrest.png" width="50px">
</div>

<div class="rights_reserved">©2023 - Tree2Hope All rights reserved</div>

</div>

</body>
</html>

0 comments on commit ccb5aae

Please sign in to comment.