/
index.html
244 lines (222 loc) · 10.5 KB
/
index.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<!-- saved from url=(0058)http://alvarotrigo.com/fullPage/examples/fixedHeaders.html -->
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow: hidden; height: 100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ESCI - Northern Haiti</title>
<script src="lib/fp/jquery.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<link rel="stylesheet" href="lib/bootstrap.min.css">
<link rel="stylesheet" href="lib/fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="lib/customization.css" />
<link rel="stylesheet" type="text/css" href="lib/fp/jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="lib/fp/full-page.css">
<script type="text/javascript" src="lib/fp/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="lib/fp/jquery.fullPage.min.js"></script>
</head>
<body style="overflow: hidden; height: 100%">
<div id="header">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="z-index:1000;">
<div class="container" style="margin-left:0px;margin-right:0px;width:100%;padding-right:0px;">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img class="logo" src="static/logos/idb_logo_white.png" />
</a>
<a class="navbar-brand" href="index.html">
<h1>The Emerging and Sustainable Cities Initiative</h1>
<p>Northern Development Corridor, Haiti</p>
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="areas.html##risk_null.html" class="riskTab">
Risks &<br>Vulnerability
</a>
</li>
<li>
<a href="areas.html##growth_null.html" class="growthTab">
Urban Growth<br>& Projections
</a>
</li>
<li>
<a href="areas.html##survey_null.html" class="surveyTab">
Survey<br>Plus
</a>
</li>
<li>
<a href="areas.html##mobility_null.html" class="mobilityTab">
Mobility<br>& Logistics
</a>
</li>
<li>
<a href="areas.html##smart_null.html" class="smartTab">
Urban<br>Development Plans
</a>
</li>
<li class="aboutTab_div">
<a href="areas.html##about_null.html" class="aboutTab">
<center>
<i class="fa fa-info-circle" style="color:#FFF"></i>
</center>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div id="footer">
<p>
<b>About this project:</b> The <a href="http://www.iadb.org/en/topics/emerging-and-sustainable-cities/">Emerging and Sustainable Cities Initiative (ESCI)</a> is a technical assistance program of the <a href="http://www.iadb.org/">Inter-American Development Bank (IDB)</a> that helps intermediate cities and regions in Latin America and the Caribbean improve their environmental, urban, and fiscal sustainability.
</p>
</div>
<div id="fullpage" class="fullpage-wrapper" style="height: 100%; position: relative; touch-action: none; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);">
<div class="section fp-section active fp-table" id="section0" data-anchor="1stPage">
<div class="fp-tableCell">
<div class="intro">
<h1>
<i class="fa fa-info-circle"></i> Background
</h1>
<p>
Beginning in late 2013, the IDB’s <a href="http://www.iadb.org/en/topics/emerging-and-sustainable-cities/">Emerging and Sustainable Cities Initiative</a> partnered with Haiti’s CIAT and the Ministry of Economy and Finance to develop urban and infrastructure development tools for the country’s Northern Development Corridor.
</p>
</div>
</div>
</div>
<div class="section fp-section fp-table" id="section1" data-anchor="2ndPage">
<div class="fp-tableCell">
<div class="intro">
<h1>
<i class="fa fa-compass"></i> Area
</h1>
<p>
ESCI’s work focuses on the Northern Development Corridor: the area between Cap Haitien, Haiti’s second largest city, and Ouanaminthe, near the Dominican Republic. Home to some 600,000 people, the Corridor extends 70 km along <i>Route Nationale 6</i> and is currently experiencing rapid growth.
</p>
</div>
</div>
</div>
<div class="section fp-section fp-table" id="section2" data-anchor="3rdPage">
<div class="fp-tableCell">
<div class="intro">
<h1>
<i class="fa fa-cogs"></i> Economic Stimulators
</h1>
<p>
The study area contains a number of flagship economic development projects that are bringing change to the region’s communes or townships. The Caracol Industrial Park (PIC), in particular, stands to bring an estimated 20,000+ new manufacturing jobs by 2040. Combined, the PIC and other infrastructure, agriculture, education, and urban development projects will spur demographic and urban growth.
</p>
</div>
</div>
</div>
<div class="section fp-section fp-table" id="section3" data-anchor="4thPage">
<div class="fp-tableCell">
<div class="intro">
<h1 style="text-shadow: 0px 0px 5px black;">
<i class="fa fa-bullseye"></i> Goals
</h1>
<ul style="text-shadow: 0px 0px 5px black;">
<li>• Mitigate short-term impacts while ensuring future sustainable growth</li>
<li>• Generate and analyze previously unavailable data and information</li>
<li>• Translate a regional vision into site-specific, evidence-based, and interdisciplinary plans for the communes closest to the PIC</li>
</ul>
</div>
</div>
</div>
<div class="section fp-section fp-table" id="section4" data-anchor="5thPage">
<div class="fp-tableCell">
<div class="intro">
<h1 style="margin-bottom:15px">
<i class="fa fa-puzzle-piece"></i> Process
</h1>
<p style="font-size:22px; text-align:left">
The Baseline Studies, including the datasets generated and the resulting development strategy, are available, for free, via this site. Explore each through the portals below.
</p>
<div class="box_container">
<div style="width: 50%; float: left">
<ul>
<li>
<div class="btn_num">1</div>
<a href="areas.html##risk_null.html">
<button type="button" class="btn btn-block" style="background-color:rgba(205,201,43,0.75);">
<b>Risks & Natural Hazards</b>
<br>
<i>Probabilistic Modeling, Estimation of Impacts, and Composite Mapping</i>
</button>
</a>
</li>
<li>
<div class="btn_num">2</div>
<a href="areas.html##growth_null.html">
<button type="button" class="btn btn-block" style="background-color:rgba(171,195,55,0.75);">
<b>Urban Growth Projections</b>
<br>
<i>Multi-scenario, multi-year analysis of urban and territorial growth</i>
</button>
</a>
</li>
</ul>
</div>
<div style="width: 50%; float: left">
<ul>
<li>
<div class="btn_num">3</div>
<a href="areas.html##survey_null.html">
<button type="button" class="btn btn-block" style="background-color:rgba(136,191,141,0.75);">
<b>Survey Plus</b>
<br>
<i>Household survey on urban and rural areas near the PIC</i>
</button>
</a>
</li>
<li>
<div class="btn_num">4</div>
<a href="areas.html##mobility_null.html">
<button type="button" class="btn btn-block" style="background-color:rgba(103,182,204,0.75);">
<b>Mobility & Logistics</b>
<br>
<i>Unprecedented data collection and analysis for transportation</i>
</button>
</a>
</li>
<li>
<div class="btn_num">5</div>
<a href="areas.html##about_null.html">
<button type="button" class="btn btn-block" style="background-color:rgba(190, 190, 190,0.75);">
<b>Urban Development Plans</b>
<br>
<i>Joint initiative planning for growth</i>
</button>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function() {
$('.fp-tableCell').width($(window).width())
$('#fullpage').fullpage({
anchors: ['1stPage', '2ndPage', '3rdPage', '4thPage', '5thPage'],
sectionsColor: ['rgb(0,159,255)',
'#1BBC9B',
'#1BBC9B',
'#C63D0F',
'#1BBC9B',],
css3: true,
navigation: true,
navigationPosition: 'left',
navigationTooltips: ['Background', 'Study Area', 'Site', 'Goals', 'Process'],
});
});
</script>
</html>