gistfile1.txt

<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="eBay Template">
<meta name="author" content="Valley General">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">


<div class="container">

<div class="col-md-9">

<!-- Navbar -->
<nav class="navbar navbar-default navbar-inverse">
  <div class="">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <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="#">Brand</a> -->
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="#">Coffee Items</a></li>
        <li><a href="#">Coffee Items</a></li>
        <li><a href="#">Coffee Items</a></li>       
        <li><a href="#">Others</a></li>       
        </li>
      </ul>
     


    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<!-- /End Navbar -->
<hr>


<!-- Contents are here -->


<hr>
<!-- Categories -->
<div class="row">
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="http://www.ezycoffeepods.com/wp-content/uploads/2012/12/Stainless_Steel_Nespresso_Compatible.jpg" alt="...">
      <div class="caption">
        <h3>Thumbnail Label</h3>
        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="http://www.ezycoffeepods.com/wp-content/uploads/2012/12/Stainless_Steel_Nespresso_Compatible.jpg" alt="...">
      <div class="caption">
        <h3>Thumbnail Label</h3>
        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="http://www.ezycoffeepods.com/wp-content/uploads/2012/12/Stainless_Steel_Nespresso_Compatible.jpg" alt="...">
      <div class="caption">
        <h3>Thumbnail Label</h3>
        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-md-3">
    <div class="thumbnail">
      <img src="http://www.ezycoffeepods.com/wp-content/uploads/2012/12/Stainless_Steel_Nespresso_Compatible.jpg" alt="...">
      <div class="caption">
        <h3>Thumbnail Label</h3>
        <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
      </div>
    </div>
  </div>
</div>
<!-- /End Categories -->

<!-- Features -->
<div class="row">
  <div class="col-sm-12 col-md-4">
    <div class="panel panel-default">
      <div class="panel-body bg-primary" style="height: 25rem;">
        <h3>Please select from the dropdown menu the flavour you wish to purchase and the quantity requried.</h3>
        <p class="small">(10 pods -1 Sleeve or 30 Pods - 3 Sleeve's)</p>  
      </div>
    </div>  
  </div>  

  <div class="col-sm-12 col-md-4">
    <div class="panel panel-default">
      <div class="panel-body bg-primary" style="height: 25rem;">
        <h3>Please contact us for customised selection</h3>        
      </div>
    </div>  
  </div> 
  <div class="col-sm-12 col-md-4">
    <div class="panel panel-default">
      <div class="panel-body bg-primary" style="height: 25rem;">
        <h3>All our orders are despatched in boxes ensuring proection</h3>
        <p class="small">Special gift packages available for your special occasion</p>  
      </div>
    </div>  
  </div> 

</div>  
<!-- /End Features -->


<!-- Sign Up -->
<div class="panel panel-default">
  <div class="panel-body">

    <h3 class="h3">Don't want to miss out on all the latest news, competitions and offers?</h3>
    <a class="btn btn-primary" href="#">Sign Up</a>

  </div>
</div>
<!-- /End Sign Up -->


</div>  <!-- End Col-md-9 -->

</div> <!-- /End container -->