job_template.html


<!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>Mayor's Office of Operations: Data, Design, and Digital</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>
  <div class="container">


     <!-- 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 class="navbar-brand" href="http://getbootstrap.com/examples/navbar/#"></a>
            <a href="#" class="pull-left"><img src="img/NYC_logo.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"><b>Mayor's Office of Operations</a></b></li>
              <li><a href="index.html">About</a></li>
              <li><a href="mailto:ekadernauth@hhs.nyc.gov">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="datastrategy.html">Associate Director of Data Analytics and Strategy</a></li>
                  <li><a href="dataarchitect.html">Data Architect</a></li>
          <br> 
                  <li class="dropdown-header">Design</li>
                  <li><a href="frontenddev.html">Front End Developer</a></li>
                  <br>
                  <li class="dropdown-header">Technology</li>
                  <li><a href="director_techdev.html">Director of Technology Development</a></li>
                  <li><a href="director_techops.html">Director of IT Operations</a></li>
                  <li><a href="sysadmin.html">Systems Administrator</a></li>
                </ul>
              </li>
            </ul>
      <!--<div class="header clearfix">
  
        <h3 class="text-muted"> <img src="img/NYC_logo.png" height="25" style="PADDING-BOTTOM: 4px">&nbsp;&nbsp;&nbsp;<b>Mayor's Office of Operations</b></h3>

-->
      </div>

      <div class="well">
        <h1><b><font color="#25237a">Role Name</font></b></h1>
        <p class="lead">role overview text</p>
        <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>&nbsp;&nbsp;<b>Responsibilities</b></h3></div>
          <div class="panel-body"><p><h4>Text goes here </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>&nbsp;&nbsp;<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.</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>Excitement about practicing human-centered design in government.</h4></div>
</div>
<div class="row">
  <div class="col-sm-4"><h2><center><span class="glyphicon glyphicon-blackboard" aria-hidden-"true"></span></h2></center><h4>Background or interest in design, product development, public policy, health or social impact.</h4></div>
  <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>Excellent communication and presentation skills, both verbal and written.</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>&nbsp;&nbsp;<b>Education and Experience</b></h3></div>
          <h4><div class="panel-body">
  <p>Master's degree in information systems, technology or equivalent preferred with 7-10 years experience in digital services and technology innovation.
</div>
        </div>
      </div>


      <footer class="footer">
        <div class="container"><h3><b>Interested in this position?&nbsp;&nbsp;</b><a href="mailto:ekadernauth@hhs.nyc.gov?subject=Digital Director"><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>