final-project/solution.html at main · superfred009/final-project · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Our solution</title>
    <link rel="shortcut icon" href="img/logo.png" alt="fomoFOOD logo">
    <!--Figure 5. fomoFOOD logo (own illustration).-->
    <link rel="stylesheet" href="styles/stylesheet.css">
    <link rel="stylesheet" href="styles/solution_stylesheet.css">
</head>

<body>
    <div class="nav">
        <nav>
            <ul class="logolist">
                <li><a href="index.html"><img class="smallLogo" src="img/smallLogoLightBlue.png"
                            alt="A smaller version of our logo"></a></li>
                <!--Figure 14. Small version of fomoFOOD logo (own illustration).-->
            </ul>
            <ul class="navlist">
                <li><a href="solution.html">Our solution</a></li>
                <li><a href="app.html">app and sensor</a></li>
                <li><a href="recipes.html">Live more sustainable</a></li>
                <li><a href="sources.html">Sources</a></li>
            </ul>
        </nav>
    </div>

    <div class="headerimg">
        <!--Figure 4. Black Bean Fajitas (Olsson, E., 2018).-->
    </div>

    <div class="innhold">
        <div class="climate-change-header">
            <h1 class="climate-change-header2">CLIMATE CHANGE</h1>
            <h2 class="climate-change-header3">ONE OF THE LARGEST CHALLENGES OF OUR TIME?</h2>
        </div>

        <p class="climate-change-text">
            Global warming and climate change are a huge challenge, and the world needs to take action
            for the sake of our future. <a href="https://www.worldwildlife.org/initiatives/food-waste"
                title="Visit source" target="_blank" rel="author">Each year we throw food that could feed the population
                of USA times 10</a>,
            and we want to do something about that.<br><br>

            To reach the UN-goals, reducing food waste is one of the most effective actions. According to
            <a href="https://drawdown.org/solutions/reduced-food-waste" title="Visit source" target="_blank"
                rel="author">Project Drawdown</a> we can reduce emissions with 87 gigatons of carbon dioxide if 50% of
            food waste
            is reduced by 2050.<br><br>

            The food industries have a responsibility to change their business model to be able to adjust
            the way they produce their food. There are many ways they can help reduce the food that is not
            reaching the consumer. <a href="https://drawdown.org/solutions/reduced-food-waste" title="Visit source"
                target="_blank" rel="author"> A lot of food is being wasted in transportation and production.</a>
            On the other hand, the food production is affected by our consumer behavior, when we buy more,
            they produce more. We as consumers also have a responsibility to show the food industry that
            we want change, and we NEED a change. <br><br>

            We (fomoFOOD) believe that through action, influence and technology, it is possible to change
            the way we make our daily choices. Our goal is to make it easy for everyone to make the most out
            of the food they already have. Our app will motivate and simplify the food choices you make,
            and the sensor will make it impossible for you to forget food that is soon expiring. <br>
            Read about the app and sensor <a href="app.html"> here. </a>
        </p>

        <img class="climate-change-img" src="img/logo.png" alt="Illustrated paper bag with groceries inside">
        <!-- Figure 5. fomoFOOD logo (own illustration). -->

    </div>

    <div class="backtotop">
        <ul>
            <li><a href="#">↑ Back to the top</a></li>
        </ul>
    </div>
    <div class="footer">
        <footer>
            <ul class="footertable">
                <li class="left">
                    <p class="footertitle">WEBSITE MADE BY</p>
                    <p>Fredrik Neby <span class="normalfont">s351889</span><br>
                        Marie Louse Bjørnstad <span class="normalfont">s351870</span><br>
                        Rebecca Weiby Fridén <span class="normalfont">s346357</span><br>
                        Andrea Sandvik Hansen <span class="normalfont">s341541</span></p>
                </li>

                <li class="center">
                    <p class="footertitle">SOURCES</p>
                    <p class="sourcetext">Our sources can be <br>found <a href="sources.html">here</a></p>
                </li>

                <li class="right">
                    <p class="footertitle">CONTACT</p>
                    <p>We always try to respond<br>
                        within 3-5 business days<br><br><a href="mailto:contact@fomofood.com">contact@fomofood.com</a>
                    </p>
                </li>
            </ul>
        </footer>
    </div>
</body>

</html>