DAFE1200FinalProject/index.html at master · mkmbaran/DAFE1200FinalProject · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" lang="en">
    <title>Urban CROPS</title>
    <link rel="stylesheet" href="styles.css"/>
    <meta http-equiv="ScreenOrientation" content="autoRotate:disabled">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,600;0,700;1,400&display=swap"
            rel="stylesheet"/>

    <link rel="stylesheet" href="styles-4k.css"
        media="screen and (min-device-width: 2560px">
    <link rel="stylesheet" href="styles-tablet.css"
        media="screen and (max-device-width: 1023px)">
    <link rel="stylesheet" href="styles-smartphone.css"
        media="screen and (max-device-width: 480px)">
</head>

<body>
<div class="fixed-top">
    <div class="brand">Urban CROPS</div>
    <nav>
        <a href="index.html">Home</a>
        <a href="challenge.html">Challenge</a>
        <a href="solution.html">Solution</a>
        <a href="sources.html">Sources</a>
    </nav>
</div>

<header id="home" title="Green roof">
  <h1><span style="color: white ">Urban CROPS</span></h1>

</header>

<section id="urban1">
    <section id="homechallenge">
        <h2>Challenge</h2>
        <p>
            <img src="images/economyscaled.jpg" alt="economy after covid-19"><br>
            The COVID-19 pandemic is one of the largest issues we have faced in the 21<sup>st</sup> century.
            The virus has single-handedly put major strains on the world economy, cost millions of people their jobs and main source of income, and has forced us to delay our environmental and climate concerns for the foreseeable future.
            <a class="source1" href="./sources.html#COVID"><sup>[1]</sup></a>
            <br>
            <a href="challenge.html" class="button">READ MORE</a>
        </p>
    </section>
    <section id="homesolution">
        <h2>Solution</h2>
            <p> <img src="images/tipsscaled.jpg" alt="A man thinking"><br>
                We believe that an increased focus on urban farming can help us combat the economic hit of the COVID-19 pandemic, by creating new, environmentally conscious and sustainable jobs.
                <a class="source1" href="./sources.html#sourcebenefits"><sup>[2]</sup></a>
                <br>
                <a href="solution.html" class="button">READ MORE</a>
            </p>
    </section>
    <section id="ungoal">
        <h2>Sustainable Cities And Communities</h2>
        <p>Our company and project was inspired by: <br>
            <a href="https://www.un.org/sustainabledevelopment/cities" target="_blank"> UN's Sustainable Development Goal 11: Make cities inclusive, safe, resilient and sustainable.</a>
        </p>
    </section>
</section>

<footer>
    <span>© UrbanFarming 2020</span>
    <details class="center">
        <summary>Contact us</summary>
        Tlf: 004712121212 <br />
        E-mail: <a href="mailto:group30@urbancrops.com" target="_blank">group30@urbancrops.com</a>
    </details>
    <details class="right">
        <summary>Attributions</summary>
        All images downloaded from: <a href="https://stock.adobe.com/no/" target="_blank">stock adobe</a> <br>
    </details>
</footer>
</body>
</html>