menu.html

<div class="container">
  <p class="lead">More components</p>
  <!-- Extra components navbar -->
  <div class="navbar navbar-default yamm">
    <div id="navbar-collapse-2" class="navbar-collapse collapse" style="padding-left: 0px; padding-right: 0px; width: 100% !important;">
      <ul class="nav navbar-nav">
        <!-- Media Example -->
        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Category<b class="caret"></b></a>
          <ul class="dropdown-menu" style="width: 100%;">
            <li>
              <div class="yamm-content">
                <table class="table menu-table">
                  <tbody>
                    <tr>
                      <td class="col-md-4">Make Up</td>
                      <td class="col-md-4">Hair</td>
                      <td class="col-md-4">Bridal</td>
                    </tr>
                    <tr>
                      <td>Body</td>
                      <td>Face/Skin</td>
                      <td>New</td>
                    </tr>
                    <tr>
                      <td>Title</td>
                      <td>Haircut By Junior Stylist</td>
                      <td>Haircut By Senior Stylist</td>
                    </tr>
                    <tr>
                      <td>Senior Stylist</td>
                      <td>Haircut By Master Stylist</td>
                      <td>Master Stylist</td>
                    </tr>
                    <tr>
                      <td>Category</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </li>
          </ul>
        </li>
        <!-- Tables -->
        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Location<b class="caret"></b></a>
          <ul class="dropdown-menu" style="width: 89.7%;">
            <li>
              <div class="yamm-content">
                <table class="table menu-table">
                  <tbody>
                    <tr>
                      <td class="col-sm-4">Make Up</td>
                      <td class="col-sm-4">Hair</td>
                      <td class="col-sm-4">Bridal</td>
                    </tr>
                    <tr>
                      <td>Body</td>
                      <td>Face/Skin</td>
                      <td>New</td>
                    </tr>
                    <tr>
                      <td>Title</td>
                      <td>Haircut By Junior Stylist</td>
                      <td>Haircut By Senior Stylist</td>
                    </tr>
                    <tr>
                      <td>Senior Stylist</td>
                      <td>Haircut By Master Stylist</td>
                      <td>Master Stylist</td>
                    </tr>
                    <tr>
                      <td>Category</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </li>
          </ul>
        </li>
        <!-- Thumbnails demo -->
        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Salon<b class="caret"></b></a>
          <ul class="dropdown-menu" style="width: 79.5%;">
            <li>
              <div class="yamm-content">
              <div class="row">
                <table class="table menu-table">
                  <tbody>
                    <tr>
                      <td class="col-sm-4">Make Up</td>
                      <td class="col-sm-4">Hair</td>
                      <td class="col-sm-4">Bridal</td>
                    </tr>
                    <tr>
                      <td>Body</td>
                      <td>Face/Skin</td>
                      <td>New</td>
                    </tr>
                    <tr>
                      <td>Title</td>
                      <td>Haircut By Junior Stylist</td>
                      <td>Haircut By Senior Stylist</td>
                    </tr>
                    <tr>
                      <td>Senior Stylist</td>
                      <td>Haircut By Master Stylist</td>
                      <td>Master Stylist</td>
                    </tr>
                    <tr>
                      <td>Category</td>
                    </tr>
                  </tbody>
                </table>
              </div>  
              </div>
            </li>
          </ul>
        </li>

        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Brand<b class="caret"></b></a>
          <ul class="dropdown-menu" style="width: 71.1%;">
            <li>
              <div class="yamm-content">
                <table class="table menu-table">
                  <tbody>
                    <tr>
                      <td class="col-sm-4">Make Up</td>
                      <td class="col-sm-4">Hair</td>
                      <td class="col-sm-4">Bridal</td>
                    </tr>
                    <tr>
                      <td>Body</td>
                      <td>Face/Skin</td>
                      <td>New</td>
                    </tr>
                    <tr>
                      <td>Title</td>
                      <td>Haircut By Junior Stylist</td>
                      <td>Haircut By Senior Stylist</td>
                    </tr>
                    <tr>
                      <td>Senior Stylist</td>
                      <td>Haircut By Master Stylist</td>
                      <td>Master Stylist</td>
                    </tr>
                    <tr>
                      <td>Category</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </li>
          </ul>
        </li>

        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Price<b class="caret"></b></a>
          <ul class="dropdown-menu" style="width: 62.4%;">
            <li>
              <div class="yamm-content">
                <input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/>
              </div>
            </li>
          </ul>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <!-- Forms -->
        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Forms<b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li>
              <div class="yamm-content">
                <form action="send.php">
                  <div class="form-group">
                    <input id="inputName" type="text" placeholder="Name" class="form-control">
                  </div>
                  <div class="form-group">
                    <input id="inputEmail" type="password" placeholder="Email" class="form-control">
                  </div>
                  <div class="form-group">
                    <textarea placeholder="Write your message.." class="form-control"></textarea>
                  </div>
                  <div class="form-group">
                    <button type="submit" class="btn btn-success">Send</button>
                  </div>
                </form>
              </div>
            </li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>