-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathapprentice.html
182 lines (144 loc) · 9.88 KB
/
apprentice.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
<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="img/favicon.ico">
<title>NYC Opportunity</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/jumbotron-narrow.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--JS-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src ="js/bootstrap.min.js"></script>
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!--<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<br>
<!-- Static navbar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<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 href="index.html" class="pull-left"><img src="img/nycopp.png" height="35px"style="PADDING-TOP: 15px"></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">About</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
<li class="dropdown">
<a href="http://getbootstrap.com/examples/navbar/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Open Positions <span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="dropdown-header">Data</li>
<li><a href="dataarchitect.html">Data Architect</a></li>
<li><a href="businessintelligenceanalyst.html">Business Intelligence Analyst</a></li>
<br>
<li class="dropdown-header">Design & Product</li>
<li><a href="deputydesigndirector.html">Deputy Design Director</a></li>
<li><a href="studiomanager.html">Studio Manager</a></li>
<li><a href="designer.html">Designer</a></li>
<li><a href="trainer.html">Training and Outreach Specialist</a></li>
<li><a href="apprentice.html">Apprentice</a></li>
<br>
<li class="dropdown-header">Technology</li>
<li><a href="director_techdev.html">Director of Technology Development</a></li>
<li><a href="infrastructuremanager.html">Infrastructure Manager</a></li>
<li><a href="backenddev.html">Back End Developer</a></li>
<li><a href="fullstackdev.html">Full Stack Developer</a></li>
</ul>
</li>
</ul>
</div>
<div class="well">
<h1><b><font color="#2F334F">Apprentice - Application Closed for Summer</font></b></h1>
<p>Our application is currently closed. Please check back for the opening for Fall 2017. Due to the volume of applications received, we may not be able to respond to everyone at this time.</p>
<p class="lead">An apprenticeship with our team is an opportunity to grow your expertise in design, product development and management, front-end development, digital services, or public policy and help improve the lives of millions of New Yorkers. We are currently seeking students with an interest in these disciplines: design, product management, data visualization, front-end development, public policy, or social impact.</p><p6 class="lead">Apprenticeships are project-based, part-time, and usually last 2-3 months with a minimum of two days per week. Projects will focus on the delivery, on-going success, and continuous improvement of government services.</p>
<p><p class="lead">What previous apprentices have had to say:</p>
<blockquote><p>"Above all, this experience has confirmed my enthusiasm, interest, and inspiration to design for social-good."</p><footer>Summer 2016 Apprentice</footer></blockquote>
<blockquote><p>"Getting this right has the potential to really help New Yorkers. Working for the government, we are in a position to be real change-makers."</p><footer>Summer 2016 Apprentice</footer></blockquote>
<br>
<p align="right"><a href="index.html"><button type="button" class="btn btn-primary btn-lg"><b>Learn More About Our Work</b></button></a></p>
</div>
<div class="row marketing">
<div class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading"><h3><span class="glyphicon glyphicon-flag" aria-hidden-"true"></span> <b>Responsibilities</b></h3></div>
<div class="panel-body"><p><h4>
<p> Based on your skills and interests, responsibilites will include:</p>
<ul>
<li>Assist in the creation of research plans and frameworks.
<li>Assist in the preparation and facilitation of user interviews, usability testing and workshops, including note taking and setup.
<li>Assist with research synthesis to generate insights and inform design decisions.
<li>Participate in design and strategy workshops.
<li>Assist in the creation of prototypes, design assets, and project documentation.
<li> Create simple webpages and HTML/CSS-based email templates.
<li> Collaborate in the creation of product development and management documents, including roadmaps and user stories.
</p>
<br>
<!--<p><div clas="text-center"><img class="img-responsive"src="img/access.png" alt="ACCESS NYC Home Page" style="border: 1px solid black"></div></img></p>-->
<div class ="container>"
<div class="row">
<div class="col-md-4">
</a>
</div>
</div>
<p>
</p></div></div></div>
<div class="col-lg-6">
<div class="panel panel-primary">
<div class="panel-heading">
<h3><span class="glyphicon glyphicon-ok-sign" aria-hidden-"true"></span> <b>Skills We're Seeking</b></h3></div>
<h4><div class="panel-body">
<div class="row">
<div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-globe" aria-hidden-"true"></span></h2></center><h4>Commitment to the mission of advancing greater equality and opportunity through human-centered design practices in government.</h4></div>
<div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-list-alt" aria-hidden-"true"></span></h2></center><h4>Design in any/all of the following practices: user experience, human-centered design, interaction design, user research, data visualization, and service design.</h4></div>
<div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-thumbs-up" aria-hidden-"true"></span></h2></center><h4>Prototyping user experiences skills through web development using: HTML, CSS, JavaScript, and front-end development frameworks.</h4></div>
</div>
<div class="row">
<div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-heart" aria-hidden-"true"></span></h2></center><h4>Turning user research insights into actionable insights and materials, such as user experience flows.</h4></div>
<div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-bullhorn" aria-hidden-"true"></span></h2></center><h4>Technical and design fluency and organization to support product vision and development.</h4></div>
<div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-comment" aria-hidden-"true"></span></h2></center><h4>Interest in using plain language to help residents access and interact with government services.</h4></div>
</div>
</br>
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3><span class="glyphicon glyphicon-education" aria-hidden-"true"></span> <b>Education and Experience</b></h3></div>
<h4><div class="panel-body">
<p>Apprenticeships are open to undergraduate, graduate, developer bootcamp or other training program students and recent graduates with a background or interest in these disciplines: design, product management, data visualization, web development, public policy, or social impact.</p>
</div>
</div>
</div>
<!--
<footer class="footer">
<div class="container"><h3><b>Interested in this position? </b><a href="mailto:[email protected]?subject=Apprenticeship"><button type="button" class="btn btn-success btn-lg"><b><span class="glyphicon glyphicon-envelope" aria-hidden-"true"></span> Send us a note</b></button></a></div>
<br>
<br>
</footer>
</div>--> <!-- /container -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>