forked from AmericanRedCross/americanredcross.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (110 loc) · 5.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>American Red Cross International Services</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="American Red Cross">
<meta name="google-translate-customization" content="dd5207c171a5d11a-29d1c9c17ff34632-g6f9aa177fdeafd13-1a"></meta>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
body {
padding: 60px 20px 40px 20px;
}
/*.sidebar-nav {
padding: 9px 0;
}*/
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
img.logoIcon{
width: 30px;
height: 30px;
margin-right: 10px;
}
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div>
<a class="navbar-brand" href="#">GIS - American Red Cross International Services</a>
</div>
</div>
<div id="google_translate_element" style="position:absolute;top:3px;right:3px;"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_RIGHT}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<div class="wrap">
<div class="col-md-3">
<div class="well sidebar-nav">
<a href="http://redcross.org" target="_blank"><img src="img/redcross-logo.png" class="arclogo img-responsive" style="margin-bottom:20px;" /></a>
<ul class="nav nav-list">
<li class="nav-header"><b>Projects</b></li>
<li><a href="mobiledatacollection/">Mobile Data Collection</a></li>
<li><a href="country-websites/nepal/">Participatory GIS Training (Nepal)</a></li>
<li><a href="QGIS_Training/">QGIS Training (Vietnam)</a><li>
<li><a href="presentations/">Presentations</a></li>
</ul>
</div><!--/.well -->
</div><!--/col-md-3-->
<div class="col-md-9">
<div class="row">
<div>
<h2>Overview</h2>
<p>The GIS office at American Red Cross is deeply involved in international disaster response and disaster preparedness programs throughout the world. This site is a working website with links to many of the tools and resources we use to organize and accomplish our work. We are encouraging Red Cross Societies in countries around the globe to take advantage of open-source geospatial technologies for better project management and reporting.</p>
</div><!--/span-->
</div>
<div class="row">
<div class="col-md-6">
<h2><img src="img/androidphone.png" class="logoIcon" />Mobile Data Collection</h2>
<p>The Red Cross relies very heavily on accurate and quality surveys to establish baseline and monitoring data for all of its programs. Mobile technology allows Red Cross to improve the quality and efficiency of programs. </p>
<p>The training materials and links on our <a href="mobiledatacollection/">Mobile Data Collection</a> page are targeted for survey managers and enumerators. Most of the materials can be translated using Google Translate into many different languages.</p>
</div><!--/span-->
<div class="col-md-6">
<h2><img src="img/gears.png" class="logoIcon" />Projects</h2>
<p>We are always trying to enhance and create new tools to support our work.</p>
</div><!--/span-->
</div><!--/row-->
<div class="row">
<div class="col-md-6">
<h2><img src="img/worldmap.png" class="logoIcon" />Portfolio</h2>
<p>We've made a ton of maps over the years for various things. Check out some of the maps we've created for response efforts after <a href="/haiyan_mapfolio" target="_blank">Typhoon Haiyan in the Philippines</a> and the <a href="/nepal-maps" target="_blank">2015 earthquakes in Nepal</a>.</p>
</div><!--/span-->
<div class="col-md-6">
<h2><img src="img/osmlogo.png" class="logoIcon" />Open Street Map</h2>
<p><a href="http://openstreetmap.com">Open Street Map (OSM)</a> is a free worldwide map. The data is free to download and use under its open license. Anyone can contribute to the map. The ISD GIS team is a is a contibutor to <a href="http://hot.openstreetmap.org/">Humanitarian Open Street Map Team (HOT)</a> projects throughout the world.</p>
</div>
</div><!--/row-->
<hr>
<footer>
<p>© <a href="http://redcross.org">American Red Cross</a> 2015</p>
</footer>
</div><!--/col-md-9-->
</div><!--/wrap-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42245094-3', 'americanredcross.github.io');
ga('send', 'pageview');
</script>
</body>
</html>