sidebar_products.html

<div class="col-md-2 hidden-xs">
    <ul class="nav nav-stacked">
      <li role="presentation" class="active"><a href="#">All</a></li>
      <li role="presentation"><a href="products.html">Furniture</a></li>
      <li role="presentation"><a href="products.html">Bedding</a></li>
      <li role="presentation"><a href="products.html">Lighting</a></li>
      <li role="presentation"><a href="products.html">Pillow & Decor</a></li>
      <li role="presentation"><a href="products.html">Wall Art & Mirror</a></li>
      <li role="presentation"><a href="products.html">Table Top</a></li>
      <li role="presentation"><a href="products.html">Glassware</a></li>
      <li role="presentation"><a href="products.html">Rugs & Windows</a></li>
      <li role="presentation"><a href="products.html">Houseware</a></li>
      <li role="presentation"><a href="products.html">Holidays</a></li>
      <li role="presentation"><a href="products.html">Gift</a></li>
      <li role="presentation"><a href="products.html">Sale</a></li>
    </ul>

    <div class="maya-small-padding">
        <h4 class="text-bold">Filter Product</h4>
        <div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                Popular
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                Latest
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">
                A - Z
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios3" value="option4" >
                Z - A
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios3" value="option5" >
                Low to High
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios3" value="option6" >
                High to Low
              </label>
            </div>
        </div>

        <div class="maya-small-padding"></div>
        <div class="button-paint-color">
            <button class="paint-peach"></button>
            <button class="paint-light-brown"></button>
            <button class="paint-white"></button>
            <button class="paint-green"></button>
            <button class="paint-purple"></button>
            <button class="paint-blue"></button>
            <button class="paint-pink"></button>
            <button class="paint-dark-gray"></button>
            <button class="paint-black"></button>
            <button class="paint-red"></button>
            <button class="paint-brown"></button>
            <button class="paint-magenta"></button>
        </div>

        <div class="maya-tiny-padding"></div>
        <button class="btn btn-default btn-block button-yellow">Apply Filter</button>
    </div>
</div>