Job search

dabblet.css

/**
 * Job search
 */
.main-container{
margin-top:100px;
}
.form-group {
margin-bottom: 20px;
}

dabblet.html

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<div id="" class="navbar-default navbar navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <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="#">Tinywall.Jobs</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">Jobs</a></li>
            <li><a href="#contact">Companies</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="container">

      <div class="main-container">
        <div class='row'>
        	<div class='col-md-4'>
        		<div>
        			<form role="form">
					  <div class="form-group">
					    <!--<label for="search-query">Keyword</label>-->
					    <input type="email" class="form-control" name="query" id="search-query" placeholder="Job Title / Location / Company">
					  </div>
					  <div class="form-group">
					    <!--<label for="search-city">City</label>-->
					    <select class="form-control" id="search-city">
					    	<option value=''>Select City</option>
					    	<option value='Chennai' selected>Chennai</option>
					    	<option value='Banglore'>Banglore</option>
					    </select>
					  </div>
					  <div class="form-group">
					  	<input type='submit' class="form-control btn btn-primary" name="search" value="Search" />
					</div>
			      </form>
        		</div>
        	</div>
        	<div class='col-md-8'>
        		Suggested jobs or Map?
        	</div>
   		</div>
      </div>

    </div><!-- /.container -->

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}