-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
118 lines (118 loc) · 5.57 KB
/
about.html
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
<!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>Sustainable Development Event</title>
<!-- CSS -->
<link rel="stylesheet" href="styles/css/style.css">
</head>
<body class="page-about">
<!-- Section 0: Nav -->
<div class="all-nav-container flex-column">
<a class="hamburger mobile-only">
<div class="hamburger-line"></div>
<div class="hamburger-line"></div>
<div class="hamburger-line"></div>
</a>
<div class="top-nav-container desktop-only-flex flex-row justify-center">
<div class="top-nav">
<ul class="social-media flex-row justify-center align-center">
<li><a href=""><img src="images/icons/facebook.svg" alt="facebook-icon"></a></li>
<li><a href=""><img src="images/icons/twitter.svg" alt="twitter-icon"></a></li>
</ul>
<ul class="flex-row">
<li><a href="">Language</a></li>
<li><a href="">My Account</a></li>
<li><a href="">Logout</a></li>
</ul>
</div>
</div>
<nav class="mobile-hide">
<a class="x mobile-only">
<div class="x-line"></div>
<div class="x-line"></div>
</a>
<div class="menu-container">
<a href="index.html" class="logo desktop-only-block">
<img src="images/logos/event-logo.svg" alt="Logo">
</a>
<ul class="menu-list">
<li><a href="index.html#program">Program</a></li>
<li><a href="index.html#speakers">Speakers</a></li>
<li><a href="#">About</a></li>
<li><a href="#partners">Sponsors</a></li>
<li><a href="#past-events">Past Events</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</nav>
</div>
<div class="spacer desktop-only-block"></div>
<!-- Section 1: About -->
<section class="flex-row justify-center bg-welcome">
<div class="about-content-container flex-column justify-center align-center">
<h2>About</h2>
<h1>SUSTAINABLE DEVELOPMENT EVENT 2022</h1>
<hr class="desktop-only-block">
<div class="white-box">
<p class="mobile-only">We gather organizations, companies, governments, academia, and the people to come and work together for a better planet and society for all. Our organization was established in 2017 in Indonesia, after an MoU between Ministry of Maritime Affairs and Fisheries and DAAD Germany. Sustainable Development Event has now become a global movement and we are pround to present our 3rd and biggest event yet in the City of Rotterdam, Netherlands.</p>
<p class="desktop-only-block">We gather organizations, companies, governments, academia, and the people to come and work together for a better planet and society for all. Our organization was established in 2017 in Indonesia, after an MoU between Ministry of Maritime Affairs and Fisheries and DAAD Germany. Sustainable Development Event has now become a global movement and we are pround to present our 3rd and biggest event yet in the City of Rotterdam, Netherlands. In this year's event, we have successfully gathered people with massive influence and impact. Let us together make this planet better for us and the future generations to come!</p>
</div>
<p>Please contact us per Email for any further questions about Sustainable Development Event 2022!</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</section>
<!-- Section 2: Logo -->
<section id="logo" class="logo-section">
<div class="logo-content-container flex-column align-center">
<h3>Sustainable Development Event 2022 Logo</h3>
<hr>
<p>This year's event logo was designed not only to represent our spirit of sustainability but also the host country - the land of windmills, the Netherlands!</p>
<div class="white-box">
<img src="images/logos/event-logo.svg" alt="logo">
</div>
</div>
<hr>
</section>
<!-- Section 3: Past events -->
<section id="past-events">
<div class="past-content-container flex-column align-center">
<h3>See the past Sustainable Development Events</h3>
<hr>
<p>Take a look at our first two Sustainable Development Events which took place in the USA and in Indonesia</p>
<div class="past-card-container">
<!-- Past events are dynamically generated by js here -->
</div>
</div>
</section>
<!-- Section 4: Partners -->
<section id="partners" class="partners-bg mobile-only">
<div class="partner-content-container flex-column align-center">
<h3>Partners</h3>
<hr>
<div class="partners-logo-container">
<img src="images/logos/logo-google.svg" alt="logo-google">
<img src="images/logos/logo-tesla.svg" alt="logo-tesla">
<img src="images/logos/logo-netgeo.svg" alt="logo-natgeo">
<img src="images/logos/logo-greenpeace.svg" alt="logo-greenpeace">
<img src="images/logos/logo-un.svg" alt="logo-un">
</div>
</div>
</section>
<!-- Section 5: Footer -->
<footer class="bg-footer">
<div class="footer-content-container flex-row justify-center">
<img src="images/logos/event-logo.svg" alt="event-logo">
<div>
<p>2022 Sustainable Development Event</p>
<p>Some Rights Reserved</p>
</div>
</div>
</footer>
<!-- JS -->
<script src="scripts/about.js"></script>
<script src="scripts/menu.js"></script>
</body>
</html>