hw/how.html at master · komikat/hw · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>How it works</title>
    <link href="./styles/how.css" rel="stylesheet" />
    <link href="./styles/footer.css" rel="stylesheet" />
    <link
      rel="icon"
      href="./images/favicon_io/favicon-16x16.png"
      type="image/png"
      sizes="16x16"
    />
    <link
      rel="icon"
      href="./images/favicon_io/favicon-32x32.png"
      type="image/png"
      sizes="32x32"
    />
    <link href="./styles/nav.css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    <div class="line"></div>
    <div class="total">
      <div class="nav">
        <div class="logo">
          <a href="./index.html"><span>Mars</span>.io</a>
        </div>
        <div class="options">
          <li class="option1">
            <a href="./how.html">How it works</a>
          </li>
          <li class="option2"><a href="./about.html">About us</a></li>
        </div>
      </div>
    </div>

    <div class="main">
      <h1 class="how">How we <span>do it</span></h1>
      <div class="item">
        <div class="item-img-box">
          <img class="item-img" alt="" src="./images/hydro.png" width="400px" />
        </div>

        <div class="item-info">
          <h2 class="item-name">Assembly</h2>
          <p class="item-cont">
    We cook everything in house with our super powered lenses magnifying the stars' radiation onto a small patch which reaches temperatures upto 2020K. This enables faster cooking and the orders are cooked in a few milliseconds by our express humanoid, melon husk. The resulting packets are moved onto the next platform.
          </p>
        </div>
      </div>
      <div class="item2">
        <div class="item2-info">
          <h2 class="item2-name">Hydroponics</h2>
          <p class="item2-cont">
          We cultivate all our crops on martian soil itself using renewable technology according to the limits set by the Mars federation. Hydroponics are an essential part of our cultivation system.
          </p>
        </div>

        <div class="item2-img-box">
          <img
            class="item2-img"
            alt=""
            src="./images/hydro-2.png"
            width="400px"
          />
        </div>
      </div>
      <div class="item">
        <div class="item-img-box">
          <img class="item-img" alt="" src="./images/oven.png" width="400px" />
        </div>

        <div class="item-info">
          <h2 class="item-name">To the kitchen</h2>
          <p class="item-cont">
            Nice kitchen ig, nisl suscipit adipiscing bibendum est ultricies integer quis
            auctor elit. Habitant morbi tristique senectus et netus et malesuada
            fames ac turpis egestas integer eget aliquet nibh praesent tristique
            magna!
          </p>
        </div>
      </div>
      <div class="item2">
        <div class="item2-info">
          <h2 class="item2-name">On your table</h2>
          <p class="item2-cont">
           The cooked orders are hyperlooped with our hyperfood™ technology reaching the customer less than 25 seconds waiting time. The total time between placing the order and receiving it is about 7 minutes maximum and can sometimes be as low as a minute.
          </p>
        </div>

        <div class="item2-img-box">
          <img
            class="item2-img"
            alt=""
            src="./images/hydroponic-illustration-fourth.png"
            width="400px"
          />
        </div>
      </div>
    </div>
    <div class="footer" style="background: #16161d; width: 100vw;">
      <img alt="" src="./images/logo.png" width="150px" />
    </div>
  </body>
</html>