forked from nditech/mena-ilf2020
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
159 lines (134 loc) · 6.55 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
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>ILF2024 | About</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/grayscale.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="index.html"><img class="nav-logo" alt="National Democratic Institute logo" src="img/ndi-navbar-color.jpeg" /></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<span class="fas fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger active-page" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="agenda.html">Agenda</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="sponsors.html">Sponsors</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="child-header">
<div class="text-center">
<h1 class="text-white mx-auto title-spacer text-uppercase">About</h1>
</div>
</header>
<!-- About Page Section -->
<section id="about-page">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<p class="text-black"><b>WHAT IS THE INTERNATIONAL LEADERS FORUM?</b></p>
<p class="text-black-50">NDI is honored to host the 11th International Leaders Forum (ILF) on the sidelines of the Democratic National Convention proceedings in Chicago, Illinois August 19-22, 2024. Every four years since 1984, the Institute convenes senior politicians and policy makers from around the world to observe an important facet of the American democratic process. This global gathering also serves as an opportunity for leaders across diverse ideologies and geographies to build relationships based on their shared experiences, and identify common interests as they address pressing challenges to democratic institutions, values and norms.</p>
<p class="text-black"><b>WHAT IS THE NATIONAL DEMOCRATIC INSTITUTE?</b></p>
<p class="text-black-50">NDI is a non-profit, non-partisan, non-governmental organization that works in partnership around the world to strengthen and safeguard democratic institutions, processes, norms and values to secure a better quality of life for all. NDI envisions a world where democracy and freedom prevail, with dignity for all. NDI receives no funding from any political party and is not affiliated with the Democratic Party.
</p>
<p class="text-black"><b>WHEN AND WHERE IS ILF?</b></p>
<p class="text-black-50">The 2024 ILF will be held in Chicago, Illinois August 18-22.
</p>
<p class="text-black"><b>WHO IS INVITED?</b></p>
<p class="text-black-50">Invitees include members of Parliament, political party leaders, ministers, and other international partners from the countries where NDI operates.
</p>
</div>
</div>
<!--<img src="img/ipad.png" class="img-fluid" alt="">-->
</div>
</section>
<!-- Contact Section -->
<section class="contact-section bg-black parallax3">
<div class="container">
<div class="row justify-content-center">
<!--<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<span class="fas fa-map-marked-alt text-primary mb-2"></span>
<h4 class="text-uppercase m-0">Address</h4>
<hr class="my-4">
<div class="small text-black-50">455 Massachusetts Ave NW,<br> Washington, DC 20001</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<span class="fas fa-envelope text-primary mb-2"></span>
<h4 class="text-uppercase m-0">Email</h4>
<hr class="my-4">
<div class="text-black-50">
<h4>James van der Klok </h4><br>
<a href="#">[email protected]</a>
</div>
</div>
</div>
</div>-->
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<h3 class="text-uppercase m-0">Contact</h3>
<!--<hr class="my-4">-->
<h5 class="small text-black-50"><br>Chief Development Officer</h5>
<div class="small text-black-50">202-728-5516 <br>[email protected]</div>
</div>
</div>
</div>
</div>
<div class="social d-flex justify-content-center">
<!-- <a href="#" class="mx-2">
<a href="#" class="mx-2">
<span class="fab fa-twitter"></span>
</a>
<a href="#" class="mx-2">
<span class="fab fa-facebook-f"></span>
</a>-->
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black small text-center text-black">
<div class="container">
Copyright © <script type="text/javascript">
document.write(new Date().getFullYear());
</script> INTERNATIONAL LEADERS FORUM
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.min.js"></script>
</body>
</html>