open table html

widget.html

<div class="otw-minimal-light-style open-table-widget" style="/* max-width:250px; */"><h3 class="otw-widget-title ">Single Restaurant Reservation</h3>
    <div class="otw-minimal-light">

      
<div class="otw-widget-form-wrap">

<form method="get" class="otw-widget-form" action="http://www.opentable.com/restaurant-search.aspx" target="_blank">
  <div class="otw-wrapper">

        <div class="otw-date-wrap otw-input-wrap">
              <label for="date-1232">Date</label>
            <input id="date-1232" name="startDate" class="otw-reservation-date" type="text" value="" autocomplete="off" data-date-format="mm/dd/yyyy">
    </div>
    <div class="otw-time-wrap otw-input-wrap">
              <label for="time-1232">Time</label>
            
      <select id="time-1232" name="ResTime" class="otw-reservation-time selectpicker" style="display: none;">
        <option value="7:00pm" selected="selected">7:00 pm</option>
<option value="7:30pm">7:30 pm</option>
<option value="8:00pm">8:00 pm</option>
<option value="8:30pm">8:30 pm</option>
<option value="9:00pm">9:00 pm</option>
<option value="9:30pm">9:30 pm</option>
<option value="10:00pm">10:00 pm</option>
<option value="10:30pm">10:30 pm</option>
<option value="11:00pm">11:00 pm</option>
<option value="11:30pm">11:30 pm</option>
      </select><div class="btn-group bootstrap-select otw-reservation-time"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="time-1232" title="7:00 pm"><span class="filter-option pull-left">7:00 pm</span>&nbsp;<span class="caret"></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner selectpicker" role="menu"><li rel="0" class="selected"><a tabindex="0" class="" style=""><span class="text">7:00 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="1"><a tabindex="0" class="" style=""><span class="text">7:30 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="2"><a tabindex="0" class="" style=""><span class="text">8:00 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="3"><a tabindex="0" class="" style=""><span class="text">8:30 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="4"><a tabindex="0" class="" style=""><span class="text">9:00 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="5"><a tabindex="0" class="" style=""><span class="text">9:30 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="6"><a tabindex="0" class="" style=""><span class="text">10:00 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="7"><a tabindex="0" class="" style=""><span class="text">10:30 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="8"><a tabindex="0" class="" style=""><span class="text">11:00 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="9"><a tabindex="0" class="" style=""><span class="text">11:30 pm</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li></ul></div></div>

    </div>
    <div class="otw-party-size-wrap otw-input-wrap">
              <label for="party-1232">Party Size</label>
            <select id="party-1232" name="partySize" class="otw-party-size-select selectpicker" style="display: none;">
        <option value="1">1 Person</option>
        <option value="2" selected="selected">2 People</option>
        <option value="3">3 People</option>
        <option value="4">4 People</option>
        <option value="5">5 People</option>
        <option value="6">6 People</option>
        <option value="7">7 People</option>
        <option value="8">8 People</option>
        <option value="9">9 People</option>
        <option value="10">10 People</option>
      </select><div class="btn-group bootstrap-select otw-party-size-select"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="party-1232" title="2 People"><span class="filter-option pull-left">2 People</span>&nbsp;<span class="caret"></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner selectpicker" role="menu"><li rel="0"><a tabindex="0" class="" style=""><span class="text">1 Person</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="1" class="selected"><a tabindex="0" class="" style=""><span class="text">2 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="2"><a tabindex="0" class="" style=""><span class="text">3 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="3"><a tabindex="0" class="" style=""><span class="text">4 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="4"><a tabindex="0" class="" style=""><span class="text">5 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="5"><a tabindex="0" class="" style=""><span class="text">6 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="6"><a tabindex="0" class="" style=""><span class="text">7 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="7"><a tabindex="0" class="" style=""><span class="text">8 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="8"><a tabindex="0" class="" style=""><span class="text">9 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="9"><a tabindex="0" class="" style=""><span class="text">10 People</span><i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li></ul></div></div>

    </div>

    <div class="otw-button-wrap">
      <input type="submit" class="otw-submit-btn" value="Find a Table">
    </div>
    <input type="hidden" name="RestaurantID" class="RestaurantID" value="49051">
    <input type="hidden" name="rid" class="rid" value="49051">
    <input type="hidden" name="GeoID" class="GeoID" value="0">
    <input type="hidden" name="txtDateFormat" class="txtDateFormat" value="mm/dd/yyyy">
    <input type="hidden" name="RestaurantReferralID" class="RestaurantReferralID" value="49051">
  </div>
</form>
<div class="powered-by-open-table"><span class="powered-by-text">Powered By:</span></div>
</div><!-- /.otw-widget-form-wrap -->
    </div>
    </div>