TreePlanting_Draft/index.html at master · leesel/TreePlanting_Draft · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
  <head>
  <title>Freedom Forest</title>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,100' rel='stylesheet' type='text/css'>
<link href="style.css" type="text/css" rel="stylesheet">

  </head>
  <body>
    <div class="header">
      <div class="container">
        <h1>Freedom Forest</h1>
        <p>Here, we love to uplift and celebrate you winning the hardest health battles!</p>
        <a class="btn" href="tree.html">See Your Tree</a>
      </div>
    </div>

    <div class="nav">
      <div class="container">
        <ul>
          <li>Cancer</li>
          <li>Coronavirus</li>
          <li>HIV/AIDS</li>
          <!-- <li>Other1</li>
          <li>Other2</li> -->
        </ul>
      </div>
    </div>

    <div class="main">
      <div class="container">
        <img src="pink_flower.png" height="150" width="150">
        <h2>About Us</h2>
        <p>FreedomForest aims to uplift and be a part of welcoming you to your new beginning.</p>
        <p>Because you have overcome a life-threatening disease/illness, we planted a virtual tree/flower
          for you in our larger virtual forest. This is symbolic of a new life being given to these
          people after overcoming their battle with cancer, COVID-19, etc and helps to spread positivity
          and support to the Twitter community. Also aids in connecting
          people who recently overcame with each other and can allow people going through it to have hope that
          they too can overcome. </p>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h2>Make a Donation</h2>
        <p>Giving is not just about making a donation, it's about <b>making a difference</b>.</p>
         <a class="btn" href="https://www.wigsforkids.org/">Donate to WigsforKids</a>
        <a class="btn" href="https://www.bcrf.org/">Support Breast Cancer Research</a>
        <a class="btn" href="https://www.cancer.org/involved/donate.html">Donate to Cancer.org</a>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <p>&copy; Xingu | Leesel Fraser & SnapDragon Inc 2020</p>
      </div>
    </div>
  </body>
</html>