TreePlanting_Draft/tree.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
  <head>
  <title>See Your Tree</title>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,100' rel='stylesheet' type='text/css'>
<link href="styles.css" type="text/css" rel="stylesheet">

  </head>
  <body>
    <div class="header">
      <div class="container">
        <h1>See Your Tree</h1>
        <p>See yourself as a new plant in a larger garden of other overcomers!</p>
        <a class="btn" href="#container">Search by Twitter Username</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">
          <h2>Find Your Tree Below</h2>
          <input type="text" placeholder="Search..">
          <!-- <figure>
            <img src='pink_flower.png' alt='pink flower' height="120" width="120"/>
            <figcaption>Caption goes here</figcaption>
          </figure> -->
          <ul>
            <li><img src="https://media3.giphy.com/media/3o7TKxQGjQDnmRXKSY/source.gif" height="100" width="100"><br>@FehrLab</li>
            <li><img src="https://media2.giphy.com/media/3ohs4us9DKwvnVAaY0/giphy.gif" height="100" width="100"><br>@MikeDal23048886</li>
            <li><img src="https://media.giphy.com/media/xThta458hXUetKTfvW/giphy.gif" height="100" width="100"><br>@dsmom1331</li>
            <li><img src="https://media0.giphy.com/media/5ibJfMRPiUpYxxn4uX/source.gif" height="100" width="100"><br>@camperalhorizon</li>
            <li><img src="https://thumbs.gfycat.com/ShockedWellinformedDuckling-max-1mb.gif" height="100" width="100"><br>@toosquaretocare</li><!-- might be fake stats -->
            <li><img src="https://media.giphy.com/media/woNtg1mTxyFfhO2PSw/giphy.gif" height="100" width="100"><br>@WallStSupp</li>
            <li><img src="https://media.giphy.com/media/LRg8OBfYJDLKFeHgyM/giphy.gif" height="100" width="100"><br>@camperalhorizon</li>
            <li><img src="https://cdn.edu.buncee.com/rackspace/bnc-assets/animations/b7b0e81603cc2b33d502bb8e6280c096/d35/1428011509_Yuki_TreeGrow.gif" height="100" width="100"><br>@MagzyG1963</li>
            <li><img src="https://media.giphy.com/media/9tZhRjZWuwWtcBxIgB/giphy.gif" height="100" width="100"><br>@jordanissport</li>
            <li><img src="https://media.giphy.com/media/SsHGpH3PCVQl5jaDk9/giphy.gif" height="100" width="100"><br>@lorrainecanta</li>
            <li><img src="https://images.squarespace-cdn.com/content/v1/5aba1f6896d4554bd085660e/1524999020506-3YKICQ6T88UQGT3P4V6Y/ke17ZwdGBToddI8pDm48kP-lRQF8MPv-l0xpFFdVxpF7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UYgMw1B7fGS5qSmrez62_HUuWOR3Oj9CQBe4qJZsEuAzpC969RuPXvt2ZwyzUXQf7Q/GROWING-GIF?format=1500w" height="100" width="100"><br>@ChristiVwrites</li>
            <li><img src="https://media1.giphy.com/media/RdJldTt5fK3G4EwwrC/source.gif" height="100" width="100"><br>@melthornton5</li>
            <li><img src="https://media.giphy.com/media/VeN9aQjbgRRRZ0pMXh/giphy.gif" height="100" width="100"><br>@liamsrhodes</li>
            <li><img src="https://thumbs.gfycat.com/BronzeBlackandwhiteDingo-max-1mb.gif" height="100" width="100"><br>@pelkey_melissa</li>
            <li><img src="https://bestanimations.com/Nature/Flora/Trees/tree-animated-gif-3.gif" height="100" width="100"><br>@LindaBienias</li>
            <li><img src="sanjaytree.gif" height="100" width="100"><br>@SatajAli</li>
            <li><img src="https://i.pinimg.com/originals/57/03/25/5703254c173415fff8023c2739f2b1b2.gif" height="100" width="100"><br>@daltonboy1986</li>
            <li><img src="https://images.squarespace-cdn.com/content/v1/5171f35be4b08db7106e66ab/1552961786856-EZR2ZH1OEUA9T9J7GSTE/ke17ZwdGBToddI8pDm48kM3UsMiPRkCNWI2UiJNiOodZw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZamWLI2zvYWH8K3-s_4yszcp2ryTI0HqTOaaUohrI8PIsmH7hrHzZ9xWBsotj_F0HGCnLxZMDoLCcH8k-3iqHO4/teal_tree_diff_003d_00_2s.gif" height="100" width="100"><br>@Selucia5</li>
            <li><img src="https://images.squarespace-cdn.com/content/v1/5171f35be4b08db7106e66ab/1552961599809-RKD0KUBHTVMKM1DJSTJX/ke17ZwdGBToddI8pDm48kMjHW2pPALLGwuznwGs7fi8UqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8PaoYXhp6HxIwZIk7-Mi3Tsic-L2IOPH3Dwrhl-Ne3Z2G3FhP5NLUfxEWVbAc-KPp61DqyzedT1kexlGHZpuMegKMshLAGzx4R3EDFOm1kBS/orange_tree_diff_001d_06_2s_alt.gif" height="100" width="100"><br>@philosophequeer</li>
            <li><img src="https://i.pinimg.com/originals/5a/4d/70/5a4d70ceb38747d2286188fb2b62419e.gif" height="100" width="100"><br>@burdickolivia</li>
          </ul>
      </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>