-
Notifications
You must be signed in to change notification settings - Fork 0
/
goals.html
103 lines (102 loc) · 5.16 KB
/
goals.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="css/oui-css/oui.css" rel="stylesheet">
<link href="css/gg.css" rel="stylesheet">
<link rel="stylesheet" href="css/gg-dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="css/gg-light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">
<link href="css/_goals.css" rel="stylesheet">
<script src="js/_gg_ui.js"></script>
<link rel="shortcut icon" type="image/png" href="images/raster/icn_goals_colored.png"/>
<title>Samsung | The Global Goals : Goals</title>
</head>
<body>
<div id="main-shell">
<main id="_page_main_container" class="header-bg">
<header id="_page_title">
<h1>Learn about the Global Goals</h1>
<p>World leaders agreed to 17 goals for a better world by 2030. These goals have the power to end poverty, fight inequality, and stop climate change.</p>
</header>
<div class="_sticky_title"><h2>Goals</h2></div>
<div id="_main_content" class="main-content-layout">
<div class="oui-bubble gg-goal gg-g1">
<img src="images/gg-tile/en/gg-1.svg" alt="No Poverty">
</div>
<div class="oui-bubble gg-goal gg-g2">
<img src="images/gg-tile/en/gg-2.svg" alt="Zero Hunger">
</div>
<div class="oui-bubble gg-goal gg-g3">
<img src="images/gg-tile/en/gg-3.svg" alt="Good Health and Well-being" >
</div>
<div class="oui-bubble gg-goal gg-g4">
<img src="images/gg-tile/en/gg-4.svg" alt="Quality Education" >
</div>
<div class="oui-bubble gg-goal gg-g5">
<img src="images/gg-tile/en/gg-5.svg" alt="Gender Equality" >
</div>
<div class="oui-bubble gg-goal gg-g6">
<img src="images/gg-tile/en/gg-6.svg" alt="Clean Water and Sanitation" >
</div>
<div class="oui-bubble gg-goal gg-g7">
<img src="images/gg-tile/en/gg-7.svg" alt="Affordable and Clean Energy" >
</div>
<div class="oui-bubble gg-goal gg-g8">
<img src="images/gg-tile/en/gg-8.svg" alt="Decent Work and Economic Growth" >
</div>
<div class="oui-bubble gg-goal gg-g9">
<img src="images/gg-tile/en/gg-9.svg" alt="Industry, Innovation and Infrastructure" >
</div>
<div class="oui-bubble gg-goal gg-g10">
<img src="images/gg-tile/en/gg-10.svg" alt="Reduced Inequalities" >
</div>
<div class="oui-bubble gg-goal gg-g11">
<img src="images/gg-tile/en/gg-11.svg" alt="Sustainable Cities and Communities" >
</div>
<div class="oui-bubble gg-goal gg-g12">
<img src="images/gg-tile/en/gg-12.svg" alt="Responsible Consumption and Production" >
</div>
<div class="oui-bubble gg-goal gg-g13">
<img src="images/gg-tile/en/gg-13.svg" alt="Climate Action" >
</div>
<div class="oui-bubble gg-goal gg-g14">
<img src="images/gg-tile/en/gg-14.svg" alt="Life Below Water" >
</div>
<div class="oui-bubble gg-goal gg-g15">
<img src="images/gg-tile/en/gg-15.svg" alt="Life on Land" >
</div>
<div class="oui-bubble gg-goal gg-g16">
<img src="images/gg-tile/en/gg-16.svg" alt="Peace, Justice and Strong Institutions" >
</div>
<div class="oui-bubble gg-goal gg-g17">
<img src="images/gg-tile/en/gg-17.svg" alt="Partnerships for the Goals" >
</div>
<div class="oui-bubble gg-goal gg-g18">
<img src="images/gg-tile/en/gg-logo.svg" alt="The Global Goals" >
</div>
</div>
</main>
<img id="main-colorbar" src="images/ui_elements/colorband.svg">
<nav id="main-menu">
<div class="main-menu-button">
<img src="images/ui_elements/icn_updates.svg" class="menu-icon" alt=""/>
<span>Updates</span>
</div>
<div class="main-menu-button main-menu-button--active">
<img src="images/ui_elements/icn_goals_colored.svg" class="menu-icon" alt=""/>
<span>Goals</span>
</div>
<div class="main-menu-button">
<img src="images/ui_elements/icn_donate.svg" class="menu-icon" alt=""/>
<span>Donate</span>
</div>
<div class="main-menu-button">
<img src="images/ui_elements/icn_settings.svg" class="menu-icon" alt=""/>
<span>Settings</span>
</div>
</nav>
</div>
</body>
</html>