testingforproject/Links.html at main · RyderWanted/testingforproject · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Research</title>

        <meta charset="UTF-8">
        <meta name="author" content="Mohammad Faiyad, Abdulla Midyan, Ayesha Tariq, Mobolaji">
        <meta name="keywords" content="Qatar, Greenery, Sustainability, Protecting the environment">
        <meta name="description" content="Making Qatar Green through various ways">
        <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no, maximum-scale=1">

        <link rel="stylesheet" href="behindthescenes.css" type="text/css">

        <script>
            function openNav() {
                // Check if the screen width is less than or equal to 500px
                if (window.innerWidth <= 500) {
                    document.getElementById("Sidenav").style.width = "100%";
                } else {
                    document.getElementById("Sidenav").style.width = "250px";
                }
            }

            function closeNav() {
                document.getElementById("Sidenav").style.width = "0";
            }
        </script>
    </head>
    <body> <!-- Add an image and some transparency to the image -->
        <article id="Sidenav" class="sidenavig">
            <a href="javascript:void(0)" class="closebutton" onclick="closeNav()">&times;</a>
            <br>
            <a href="index.html" target="_self">Home</a>
            <br>
            <a href="Links.html" target="_self">Our Research</a>
            <br>
            <a href="Ourinfo.html" target="_self">About Us</a>
            <br>
        </article>
        <header id="top"> <!-- This is the light pale green background area-->
            <button onclick="openNav()">&#9776; Pages</button>
            <br>
            <img src="home assets/tempicon.png.jpg" alt="pretend logo">
            <h1>Qatar Green Project</h1>
            <br>
            <h3>For Greenery, We Will Always Stand.</h3>
            <br>
            <br>
            <br>
        </header>
        <main> <!-- This is the white background area-->
            <br>
            <br>
            <h2>Our Research</h2>
            <br>
            <p>We, as student, should be seeking knowledge about the ability to bring sustainability to be a part of our daily lives and even in our homes. Through our research as a team, we have found various articles to grab knowledge from, input and display to you as an output for you to be aware of the sustainability steps, our beloved country, Qatar has taken to embrace and instill sustainbility within the country, community and our environment. We've separated them into five different divisions, for people to read through. <b>FOR PHONES, The Images are Clickable </b></p>
            <br>
            <br>
            <section>
                <div class="energy">
                 <a href="energy.html"><img src="home assets/renewable resources & energy.jpg" alt="test"></a>
                    <p><a href="energy.html">Energy Conservations & Renewable Resources</a></p>
                </div>
                <div class="susqatar">
                    <a href="susqatar.html"><img src="home assets/sustainable city.jpeg" alt="test"></a>
                    <p><a href="susqatar.html">Sustainability in Qatar</a></p>
                </div>
                <div class="tech">
                    <a href="sciencetech.html"><img src="home assets/science and tech expo.jpg" alt="test"></a>
                    <p><a href="sciencetech.html">How Science & Technology have affected Qatar</a></p>
                </div>
                <div class="food">
                    <a href="food.html"><img src="home assets/food preservation.jpg" alt="test"></a>
                    <p><a href="food.html">The Impact of food preservation on food waste</a></p>
                </div>
                <div class="survey">
                    <a href="survey.html"><img src="home assets/research.jpg" alt="test"></a>
                    <p><a href="survey.html">Conducted Survey Among the Public & Students</a></p>
                </div>
            </section>
            <article class="end">
            <a href="#top"><button class="further furtherlinks">Back to the Top</button></a>
            <hr>
            <p>Bright Future International School <span>|</span> Abu Hamour </p>
            </div>
        </main>
    </body>
</html>