/
index.html
executable file
·214 lines (190 loc) · 11.6 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
<!DOCTYPE html>
<html lang="en,ne">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The Shuvayatra mobile app makes the process of labor migration safer and more secure for Nepali workers.">
<meta name="author" content="">
<link rel="icon" href="https://dfed6fddc25c691178fe53743602314c5fc57962.googledrive.com/host/0B5J8Wo81pfk5S0ZQRzBnTHBxbEk/img/logo-square.png" type="image/png" />
<!-- Open Graph tags -->
<meta property="og:title" content="The “safe journey” app for Nepali migrant workers" />
<meta property="og:type" content="website" />
<meta property="og:description" content="The Shuvayatra mobile app makes labor migration safer and more secure." />
<meta property="og:image" content="https://dfed6fddc25c691178fe53743602314c5fc57962.googledrive.com/host/0B5J8Wo81pfk5S0ZQRzBnTHBxbEk/img/logo-square.png" />
<title class="translate" key="the_safe_journey_app">Shuvayatra - The Safe Migration App</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-77878844-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<ul>
<img class="logo" src="img/logo-square.png" />
<span class="translate">Shuvayatra</span>
</ul>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll translate" href="#about">About</a>
</li>
<!-- <li>
<a class="page-scroll" href="#download">Download</a>
</li> -->
<li>
<a class="page-scroll translate" href="#contact">Contact</a>
</li>
<li>
<a class="translate resourcelink" href="more-info.html?x=/">Resources</a>
</li>
<li>
<a class="page-scroll translatebtn" href="#nepali" onclick="toNepali()">नेपाली</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading translate" key="the_safe_journey_app">The “safe journey” app for Nepali migrant workers</h1>
<p class="intro-text translate" key="the_shuvayatra_mobile_app">The Shuvayatra mobile app makes the process of labor migration safer and more secure.</p>
<a href='https://play.google.com/store/apps/details?id=com.taf.shuvayatra&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img alt='undefined' style='width: 300px' src='https://play.google.com/intl/en_us/badges/images/generic/ne_badge_web_generic.png'/></a>
<br>
<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="content-section text-center">
<div class="container content-section text-center">
<div class="row">
<div class="col-md-9 col-xs-12">
<h2 class="translate">Information migrants need to stay safe</h2>
<p class="translate" key="every_day_close">Every day, close to 2000 Nepalis leave Kathmandu for temporary jobs in the Gulf Countries and East Asia. Many of these young workers struggle to obtain information on the complex process of migration and its many pitfalls, leaving them vulnerable to labor exploitation, human trafficking, and financial distress.</p>
<p class="translate" key="with_nepal_mobile_phone">With Nepal's mobile phone penetration already over 100%, we believe mobile devices hold tremendous potential to help migrants stay safe. The Shuvayatra mobile app connects users to an ever-expanding trove of multimedia content supplied by a consortium of experts, advocates, and peers. Migrants can access quick capsules of relevant information on a range of topics, including:</p>
<div class="topics">
<ul>
<li class="translate">Labor rights and working conditions abroad</li>
<li class="translate">Work permits and the application process</li>
<li class="translate" key="local_dos_and_donts">Local do’s and don’ts in Saudi Arabia, Malaysia, and Qatar</li>
<li class="translate" key="unique_women_content">Unique content specifically for women</li>
</ul>
</div>
</div>
<div class="col-md-3 col-xs-12">
<img src="img/screenshot2.png">
</div>
</div>
</div>
</section>
<!-- Download Section -->
<section id="download" class="content-section text-center">
<div class="download-section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-xs-12">
<h3 class="translate">Local knowledge</h3>
<i class="fa fa-map-marker fa-5x"></i>
<p class="translate" key="live_streaming_model">Shuvayatra’s live streaming model gives users a dynamic link to timely, relevant information on the migra­tion process, all in local Nepali languages.</p>
</div>
<div class="col-lg-4 col-xs-12">
<h3 class="translate">Trusted information</h3>
<i class="fa fa-check-circle-o fa-5x"></i>
<p class="translate" key="our_partners">Our partners bring decades of experience working on migration issues in Nepal, and we make sure all of Shuvayatra’s content is accurate and helpful to migrants.</p>
</div>
<div class="col-lg-4 col-xs-12">
<h3 class="translate">Global network</h3>
<i class="fa fa-globe fa-5x"></i>
<p class="translate" key="in_app_social_media">Through its in-app social media and sharing features, Shuvayatra puts the combined knowledge of the global Nepali diaspora in the hands of migrant workers.</p>
</div>
</div>
</div>
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<a href="more-info.html?x=/" class="translate btn btn-primary resourcelink" key="learn_more">Learn more <i class="fa fa-chevron-right"></i></a>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<h2 class="translate">Contact Us</h2>
<p class="translate" key="backed_by_taf">Shuvayatra is backed by <a href="http://asiafoundation.org/">The Asia Foundation</a>, the <a href="http://nrna.org.np">Non-Resident Nepali Association</a>, and a dedicated consortium of innovators and social entrepreneurs in Nepal. In 2016, the team will be working to add new features to the application and expand Shuvayatra’s impact. Keep up with our progress by following us on social media, or contact us directly through the link below.</p>
<p class="translate" key="welcome_collaboration">We welcome collaboration at every stage of the process, and if you share our vision for real change and our passion for sustainable solutions, we want to work with you. Core support to the development team will add real, tangible value to the Shuvayatra app, and help improve the lives of Nepalis around the world. We invite you to join us in supporting Nepali migrant workers at home and abroad.</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="https://twitter.com/shuvayatra" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name translate">Twitter</span></a>
</li>
<li>
<a href="mailto:shuvayatra.go@gmail.com" class="btn btn-default btn-lg"><i class="fa fa-envelope fa-fw"></i> <span class="network-name translate">Email</span></a>
</li>
<li>
<a href="https://www.facebook.com/ShuvaGO" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name translate">Facebook</span></a>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>© The Asia Foundation 2016</p>
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
<script src="js/polyglot.min.js"></script>
<script src="js/translate.js"></script>
</body>
</html>