generated from krisbobo/dev-html-css-js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
149 lines (132 loc) · 6.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
<link rel="stylesheet" href="./css/about.css">
<title>Save Our Planet Global Summit on Climate Change | About</title>
</head>
<body>
<header>
<div class="menu-container">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<nav class="mobile-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#program">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
<li><a href="#">SOP Campaign</a></li>
</ul>
</nav>
<div class="navbar-nav">
<ul>
<li><i class="devicon-facebook-plain"></i></li>
<li><i class="devicon-twitter-original"></i></li>
<li><a href="#">English</a></li>
<li><a href="#">My Page</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
<nav class="navbar">
<div id="logo">
<a href="index.html" class="logo"><img src="./assets/soplogo.png" alt="Save Our Planet Logo"></a>
</div>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="#program">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">Sponsor</a></li>
<li><a href="#">News</a></li>
<li><a href="#" id="border">SOP Campaign</a></li>
</ul>
</nav>
</header>
<main>
<section class="headline">
<h2 class="about">CLIMATE CHANGE</h2>
<h1 class="aboutText">SOS! Save Our Planet</h1>
<h1 class="about-header">save our planet global summit on climate change 2022</h1>
<p class="description">
The Global Summit brings together the community of experts, academics and activists who comprise the Save Our Planet affiliate network from various countries every two years.
This year, we hope to expand our invitation list to include organizations and individuals.
</p>
<hr class="desk-line">
<p class="desktop-description">The Global Summit brings together the community of experts, academics and activists who comprise the Save Our Planet affiliate network from various countries every two years.
This year, we hope to expand our invitation list to include organizations and individuals who want to work with us on shared projects that advance the cause of our mission; combatting climate change.
So, if you are active and engaged in the worlds of open content and knowledge - free software advocates, Wikipedians, open-knowledge, galleries, libraries, museums, archives, governments and foundations,
lawyers and activists. We hope you will consider joining us this year to build a stronger, more vibrant and safe world together.
</p>
<p class="contact">Please contact us via Email for further questions about the SOP Global Summit 2022!</p>
<p class="email">sopsummit2022@sopparis.org</p>
</section>
<section class="about-logo">
<h2>Save Our Planet Global Summit 2022 Logo</h2>
<hr class="line">
<p class="logoText">The logo of SOP Global Summit 2022 was decided through the logo competition from June 8 to July 7.</p>
<p class="desk-text">The logo of SOP Global Summit 2022 was decided through the logo competition from June 8 to July 7.
After searching for logo makers online, the logo was finally made using Adobe's online logo maker. After customizing the logo,
we optimized the logo for this year's summit as following:
</p>
<div class="logoHolder">
<img src="./assets/soplogo.png" alt="SOP logo">
</div>
</section>
<section class="previous-events">
<h2>See the past SOP Global Summits</h2>
<hr class="line">
<p>Take a look at the last two SOP Global Summits which took place in Lisbon and in Tokyo</p>
<div class="event-years">
<div class="events">
<img src="./assets/summit2018.jpg" alt="Summit 2018">
<div class="year-info">
<h2>2018</h2>
<p>SOP Global Summit 2018 in Lisbon</p>
</div>
</div>
<div class="events">
<img src="./assets/summit2020.jpg" alt="Summit 2020">
<div class="year-info">
<h2>2020</h2>
<p>SOP Global Summit 2020 in Tokyo</p>
</div>
</div>
</div>
</section>
<section class="partner" id="partners">
<h2>Partner</h2>
<hr class="line">
<ul class="first-row">
<li><a href="#"><img src="./assets/mozilla.ico" alt="Mozilla Firefox Logo"></a></li>
<li><a href="#"><img src="./assets/google.ico" alt="Google Logo"></a></li>
<li><a href="#"><img src="./assets/airbnb.ico" alt="airbnb Logo"></a></li>
</ul>
<ul class="second-row">
<li><a href="#"><img src="./assets/nasa.png" alt="Nasa Logo"></a></li>
<li><a href="#"><img src="./assets/apple-logo.png" alt="Apple Logo"></a></li>
</ul>
</section>
</main>
<footer class="footer" id="footer">
<img src="./assets/soplogo.png" alt="logo">
<div>
<p class="footer-title">
2022 SOP Summit Paris.
</p>
<p class="copyright">
Some rights reserved
</p>
<p id="rights">SOP Global Summit 2022 works under the SOP license which means that the content provided during the program will be under the same license.
Refer to the SOP page to read more about it.
</p>
</div>
</footer>
<script src="./js/main.js"></script>
</body>
</html>