<div class="row row-content">
        <a name="reservation"></a>
        <div class="col-xs-12 col-sm-3 col-sm-offset-1">
            <h2>Reserve A Table</h2>
        </div>
        <div class="col-xs-12 col-sm-8 col-sm-pull-1">
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-xs-12 col-sm-2">
                        <label class="control-label">Number of Guests</label>
                    </div>
                    <div class="col-xs-12 col-sm-10 radio">
                        <label class="radio-inline">
                            <input type="radio">1
                        </label>
                        <label class="radio-inline">
                            <input type="radio">2
                        </label>
                        <label class="radio-inline">
                            <input type="radio">3
                        </label>
                        <label class="radio-inline">
                            <input type="radio">4
                        </label>
                        <label class="radio-inline">
                            <input type="radio">5
                        </label>
                        <label class="radio-inline">
                            <input type="radio">6
                        </label>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-2 control-label">
                    <label>Date &amp; Time</label>
                </div>
                <div class="form-group">
                    <div class="col-xs-12 col-sm-9">
                        <div class="col-xs-12 col-sm-5">
                            <div class="input-group">
                                <input type="time" id="time" name="time" class="form-control"><span class="glyphicon glyphicon-time input-group-addon" aria-hidden="true"></span>

                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-sm-offset-1">
                            <div class="input-group">
                                <input type="date" id="date" name="date" class="form-control"><span class="glyphicon glyphicon-calendar input-group-addon" aria-hidden="true"></span>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="form-group">
                    <div class="col-xs-12 col-sm-2">
                    </div>
                    <div class="col-xs-12 col-sm-10">
                        <button class="btn btn-primary">Reserve</button>
                    </div>
                </div>

            </form>
        </div>
   </div>