SnowballChallenge/index.html at master · mkmbaran/SnowballChallenge · 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
<!DOCTYPE>
<html lang="en">
<head>
    <title>HUMIDIFIC AS</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body style="margin: 0vw;">

<div class="header">
    <h1>HUMIDIFIC</h1>
    <h2><em>"Clear water does not mean clean water"</em></h2>
</div>
<div class="body">
    <div class="body-text">
        <p><em>"Globally, at least 2 billion people use a drinking <br>
           water source that is contaminated.<br>
           Contaminated water can transmit diseases such as diarrhoea, cholera, dysentery, typhoid and polio.<br>
           Contaminated drinking water is estimated to cause <br>
            485 000 deaths each year."<br></em>
           <a href=https://www.who.int/news-room/fact-sheets/detail/drinking-water>- World Health Organization, 2019.</a>
        </p>
    </div>
    <img src=https://images.pexels.com/photos/1533720/pexels-photo-1533720.jpeg alt="clear water" style="object-fit:cover;">
</div>
<div style="padding: 2vw;">
    <img src="pill_product.png" alt="pills" style="float: left ; height: auto ; max-width: 20%;">
    <h3 style="font-size: 2vh">We provide a way for you to check the safety levels of drinking water.</h3>
    <p style="font-size: 2vh">
        Just because drinking water appears clear, does not guarantee it isn't contaminated.<br>
        Our product helps detect bacteria and pathogens even in crystal clear water sources.<br>
        We value health and safety, and want people around the globe to know if what they are drinking is safe or not<br>
        by developing a new chemical concoction to register the purity of water we have been made it possible<br>
        to discover whether or not your drinking water really is safe to drink.<br>
        <br>
        The product works by inserting one pill into the water and waiting for it to quickly dissolve.<br>
        The water will then change color depending on how dangerous the pathogens in the water are.<br>
        <br>
        <br>
        <br>
        <strong>DISCLAIMER:</strong> These pills are not for direct consumption, please apply them into your drink.<br>
    </p>
</div>
<div style="clear: both;" class="grid-container">
    <div class="item" style="background-color: rgb(76, 172, 250);">
        <p>Blue is safe to drink.</p>
        <img src="glass_of_water.png" alt="glass of water, blue hue, clean and safe to drink">
    </div>
    <div class="item" style="background-color: rgb(252, 252, 79);">
        <p style="color: black;">Yellow is potentially contaminated.</p>
        <img src="glass_of_water.png" alt="glass of water, yellow hue, possibly contaminated">
    </div>
    <div class="item" style="background-color: rgb(255, 71, 71);">
        <p>Red is hazardous to consume.</p>
        <img src="glass_of_water.png" alt="glass of water, red hue, dangerous">
    </div>
</div>
<h4 style="font-size: 2vh;">HUMIDIFIC Aqua tabs</h4>
<div style="margin-bottom: 2vw;">
    <img src="pill_box.png" alt="pill packaging" style="float: center ; padding-bottom: 1vw ; height: auto ; max-width: 10%;">
    <form action="action_page.php">

        <label for="amount" style="font-size: 2vh;">Amount: </label>
        <select id="amount" style="font-size: 1.5vh;" name="country">
          <option value="50">50x pack --- 100kr</option>
          <option value="100">100x pack --- 200kr</option>
          <option value="200">200x pack --- 400 kr</option>
        </select>

        <input type="submit" style="font-size: 2vh;" value="Order">

      </form>

</div>
<footer style="clear: both;">
    <p>Copyright © 2020 Humidific AS</p>
</footer>
</body>
</html>