<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>shubbler.xyz</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">

<style>
   .main-row {

			border-radius: 25px 25px 25px 25px;
			-moz-border-radius: 25px 25px 25px 25px;
			-webkit-border-radius: 25px 25px 25px 25px;
			border: 4px solid #ff03ff;
			padding: 50px;
			box-shadow:none;


	}

li {
	font-family: 'VT323', monospace; font-size: 30px;
}
p {

	font-size: 1.5em;
}

</style>
</head>
<body>


<div class="container-fluid">
<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" style="font-family: 'VT323', monospace; font-size: 20px" href="/">Shubbler.xyz</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li><a href="/repost/">Repost</a></li>
			  <li><a href="/search/postsearch">Post Search</a></li>
			  <li><a href="/search/itemsearch">Item Search</a></li>

            </ul>
            <ul class="nav navbar-nav navbar-right ">
         <li style="font-family: 'VT323', monospace; font-size: 30px"><a href="/donate">Donations</a></li>
        </ul>
          </div>
        </div>
      </nav>
</div> <!-- END Nav -->

<div class="container">







        <div class="row main-row" style="background-color:lightblue !important;box-shadow: 0 0 20px #ff00ff;">
		<div class="col-md-12 col-xs-12" >
            <h2>Post Search for /r/GlobalOffensiveTrade</h2>
            <br>
            <p>This feature will allow you to find posts by filtering either have or want.</p>
            <p>Just search for a post below, check out the items in the post too.</p>
        </div>
		</div>


<br>




        <form class="form-inline">

		  <div class="row">
		  <div class="col-md-3 col-xs-12">
            <label for="have">[H] </label>
			 <div class="form-group">
            <input type="text" class="form-control" id="have" value="" placeholder="have" name="have">

		 </div>
		 </div>
		 <div class="col-md-3 col-xs-12">
            <label for="want">[W] </label>
			 <div class="form-group">
            <input type="text" class="form-control" id="want" value="" placeholder="want" name="want">

		  </div>
		 </div>
		<div class="col-md-4 col-xs-12">
              <label class="mr-sm-2" for="limit" >How many results: </label>
			   <div class="form-group">
				<select class="form-control"  name="limit">


				  <option selected>No Limit</option>
                  <option value="10">10</option>
                  <option value="20">20</option>
                  <option value="50">50</option>
                  <option value="100">100</option>
              </select>
			   </div>
			   </div>
			   <div class="col-md-2 col-xs-12">
             <button type="submit" class="btn btn-primary  pull-right"><span class="glyphicon glyphicon-search"></span><strong> Search!</strong></button>
			  </div>
			  </div>
        </form>
</div>
<br><br>
       <div class="container-fluid">
          <table class="table table-striped table-hover">
    <thead>
      <tr>
        <th style="text-align:center"><span class="glyphicon glyphicon-time"></th>
        <th style="text-align:center"><span class="glyphicon glyphicon-list-alt"></th>
        <th style="text-align:center"><span class="glyphicon glyphicon-user"></th>
        <th style="text-align:center"><span class="glyphicon glyphicon-search"></th>
      </tr>
    </thead>
    <tbody>

    </tbody>
          </table>





    </div>








</body>
</html>