terracovery-web/index.html at main · ineshtickoo/terracovery-web · 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
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="./style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#20a097" />

    <title>TerraCovery</title>
  </head>
  <body>
    <section class="first">
      <div class="logo">
        <h1>TerraCovery.</h1>
      </div>
      <div class="landhead">
        <h1>
          when nature <span>speaks,</span> <br />
          we <span>listen.</span>
        </h1>
        <p>
          mapping and reviving deserted lands using machine learning with
          geospatial and sattelite data
        </p>
      </div>
      <img src="./e-01.png" alt="" srcset="" class="forestdrone" />
    </section>
    <section class="second">
      <div class="problemhead">
        <h1>The Problem</h1>
        <p>
          Lorem Ipsum has been the industry's standard dummy text ever since the
          1500s, when an unknown printer took a galley of type and scrambled it
          to make a type specimen book. It has survived not only five centuries,
          but also the leap into electronic typesetting, remaining essentially
          unchanged. It was popularised in the 1960s with the release of
          Letraset sheets containing Lorem Ipsum passages
        </p>
      </div>
    </section>
    <section class="third">
      <div class="aimhead">
        <p>
          Lorem Ipsum is simply dummy text of the printing and typesetting
          industry. Lorem Ipsum has been the industry's standard dummy text ever
          since the 1500s, when an unknown printer took a galley of type and
          scrambled it to make a type specimen book. It has survived not only
          five centuries, but also the leap into electronic typesetting,
          remaining essentially unchanged.
        </p>
      </div>
      <div class="container">
        <div class="card">
          <img src="./icon-01.png" alt="" />
          <h1>Tactile</h1>
        </div>
        <div class="card">
          <img src="./icon-02.png" alt="" />
          <h1>Visual</h1>
        </div>
        <div class="card">
          <img src="./icon-03.png" alt="" />
          <h1>Auditory</h1>
        </div>
      </div>
    </section>
    <section class="update">
      <span>UPDATE:</span> Keep an eye out for our first prototypes
    </section>
    <section class="subscribe">
      <form action="action_page.php">
        <h2>Subscribe to our monthly newsletter</h2>
        <div class="formb">
          <div class="email">
            <input
              type="text"
              placeholder="Email address"
              name="mail"
              required
            />
          </div>

          <button>Subscribe</button>
        </div>
      </form>

      <div class="copy">&copy; TerraCovery 2021</div>
    </section>
  </body>
</html>