ZeroHunger/index.html at main · sudesharoshaseneviratne/ZeroHunger · 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>End Hunger</title>

<!--FONT AWESOME-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="./index.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/navbar.css">
</head>


<body>
  <nav>
    <div class="logo">
      <a href="./index.html">End Hunger</a>
    </div>

    <ul>
      <li class="hideOnMobile"><a href="./index.html">Home</a></li>
      <li class="hideOnMobile"><a href="./student_4/Gallery.html">Gallery</a></li>
      <li class="hideOnMobile"><a href="./student_1/Shop.html">Shop</a></li>
      <li class="hideOnMobile"><a href="./student_4/Sitemap.html">Site map</a></li>
      <li class="hideOnMobile"><a href="./student_3/AboutUs.html">About us</a></li>
      <li class="hideOnMobile"><a href="./student_2/Feedback.html">Feedback</a></li>
      <li class="hideOnMobile"><a href="./student_3/userprofile.html">User Profile</a></li>
  </nav>

  <div class="background-wrapper">
    <div class="background-image"></div> <!-- Added a div for background image -->
  </div>

  <div class="content">
    <div class="paragraphs">
      <p class="slogan">"End hunger, achieve food security and improved nutrition and promote sustainable agriculture"</p>
      <p>End Hunger is about creating a world free of hunger by 2030. The global issue of
        hunger and food insecurity has shown an alarming increase since 2015, a trend exacerbated
        by a combination of factors including the pandemic, conflict, climate change, and deepening inequalities.</p>
    </div>
  </div>


  <section>
    <div class="content1">
    <h1> Building Sustainable and <br> Inclusive Food Systems for Zero Hunger </h1>
    <p >The world's top cause of death is hunger.<br>
    Although our planet has given us abundant resources, millions of people suffer from malnutrition as a result of
    unfair access and ineffective management. We can feed everyone on the planet and ensure that hunger never strikes
    again if we support sustainable agriculture with cutting-edge technology and equitable distribution methods.</p>
    </div>

  </section>

<main>
    <div class="card">
      <img src="./assets/student_1/minidu/minidu.png" alt="nutrition">
      <div class="card-content">
        <h2>Empowering Women for Food Security and Nutrition</h2>
        <a href="./student_1/Content page.html" class="button">
          <b>Find out more</b>
        </a>
      </div>
    </div>

    <div class="card">
      <img src="./assets/student_2/ahamed/ahamed.jpg" alt="food system">
      <div class="card-content">
        <h2>Youth Engagement in Sustainable Food Systems</h2>
        <a href="./student_2/Content_page.html" class="button">
          Find out more
        </a>
      </div>
    </div>

    <div class="card">
      <img src="./assets/student_3/visal/food.jpg" alt="save food ">
      <div class="card-content">
        <h2>Innovative Approaches to Ending Food Waste </h2>
        <a href="./student_3/content.html" class="button">
          Find out more
        </a>
      </div>
    </div>

    <div class="card">
      <img src="./assets/student_4/sudesh/sudesh.jpg" alt="">
      <div class="card-content">
        <h2>The Impact of Climate change on Food Security</h2>
        <a href="./student_4/Content_page_4.html" class="button">
          Find out more
        </a>
      </div>
    </div>

  </main>

  <footer>
    <div class="footer">
      <div class="row">
          <a id="facebook" href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
          <a id="insta" href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
          <a id="youtube" href="https://www.whatsapp.com/"><i class="fa fa-whatsapp"></i></a>
          <a id="twitter" href="https://www.linkedin.com/"><i class="fa fa-linkedin"></i></a>
      </div>

      <div class="row">
          <ul>
              <li><a href="#">Back to TOP</a></li>
              <li><a href="#">Contact us </a></li>
              <li><a href="#">Privacy Policy</a></li>
              <li><a href="#">Terms & Conditions</a></li>
              <li><a href="./student_1/Page_editor_1.html">Editors page</a></li>
          </ul>
      </div>

      <div class="row">
          End Hunger Copyright © 2024 End Hunger - All rights reserved || Designed By: End Hunger Teams.
      </div>
  </div>

  </footer>


</body>
</html>