testingforproject/survey.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
89
90
91
92
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Qatar Green Project</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, maximum-scale1">

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

        <script>
            function openNav() {
                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 -->
        <div 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>
        </div>
        <header> <!-- 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 class="surveypage"> <!-- This is the white background area-->
            <br>
            <br>
            <img src="home assets/research.jpg" alt="enter an introductory image">
            <br>
            <br>
            <h2>Conducted Survey Among the Public & Students</h2>
            <p> This survey was conducted based on Sustainability & Greenery in Qatar.
                We've asked Age Groups between 17-20 and 30-45 about what they think about
                Qatar taking the steps to embrace sustainability and bring it within the
                country and community, in the peoples' daily lives and the environment which
                surround us. We've spoke with people around the public, teachers and even
                students, about their familiarity with Qatar's Vision 2023 for Sustainability
                and these were the results of our research.

                We have asked a range of questions from our students including students in <b>Qatar National Library</b>
                <section>
                    <img class="qatarvis2030" src="Survey Results/Qatar VIsion 2030.png" alt="QAVision2030">
                    <img class="investment" src="Survey Results/importance of qatar's investment.png" alt="invest">
                    <img class="practice" src="Survey Results/regularity of practices.png" alt="regular practice">
                </section>
                <br>
                <section>
                    <img class="opinionsus" src="Survey Results/Sustainability Promotion.png" alt="susprom">
                    <img class="learn" src="Survey Results/Interest to Learn.png" alt="interest to learn">
                    <img class="suslife" src="Survey Results/how committed people r to adopting to a more sustainable life.png" alt="leading a sustainable life">
                </section>
                <article class="continue">
                According to these graphs, it shows us how people have differently responded to each questionnaire. We have mostly received positive feedback from the community and our students.
                And We hope to see Qatar bringing more sustainability within our country and environment. We have also recorded 3-5 interviews for you to take a glimpse at!
                </article>
                <video width="350px" height="260px" controls>
                    <source src="home assets/Interviews combined.mov" type="video/mp4">
                </video>
            </p>
            <br>
            <br>
            <div class="end">
            <a href="Links.html"><button class="further">Back to Research</button></a>
            <hr>
            <p>Bright Future International School <span>|</span> Abu Hamour </p>
            </div>
        </main>
    </body>
</html>