ui-182

<!-- UI # -->
        <div class="ui-182">

            <!-- Accordion starts -->
            <div class="panel-group" id="accordion">
             <!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->
              <div class="panel">
                <!-- Panel heading -->
                 <div class="panel-heading">
                    <h4 class="panel-title">
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                        <i class="fa fa-angle-right"></i> Day One : London
                      </a>
                    </h4>
                 </div>
                 <div id="collapseOne" class="panel-collapse collapse in">
                    <!-- Panel body -->
                    <div class="panel-body">

                        <div class="table-responsive">
                            <table class="table">
                                <!-- Table heading -->
                                <tr>
                                    <th>Time</th>
                                    <th>Details</th>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                 </div>
              </div>
              <div class="panel">
                 <div class="panel-heading">
                    <h4 class="panel-title">
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                        <i class="fa fa-angle-right"></i> Day Two : Germany
                      </a>
                    </h4>
                 </div>
                 <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">

                        <div class="table-responsive">
                            <table class="table">
                                <!-- Table heading -->
                                <tr>
                                    <th>Time</th>
                                    <th>Details</th>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                 </div>
              </div>
              <div class="panel">
                 <div class="panel-heading">
                    <h4 class="panel-title">
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                        <i class="fa fa-angle-right"></i> Day Three : Italy
                      </a>
                    </h4>
                 </div>
                 <div id="collapseThree" class="panel-collapse collapse">
                    <div class="panel-body">

                        <div class="table-responsive">
                            <table class="table">
                                <!-- Table heading -->
                                <tr>
                                    <th>Time</th>
                                    <th>Details</th>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                 </div>
              </div>
              <div class="panel">
                 <div class="panel-heading">
                    <h4 class="panel-title">
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                        <i class="fa fa-angle-right"></i> Day Four : Spain
                      </a>
                    </h4>
                 </div>
                 <div id="collapseFour" class="panel-collapse collapse">
                    <div class="panel-body">

                        <div class="table-responsive">
                            <table class="table">
                                <!-- Table heading -->
                                <tr>
                                    <th>Time</th>
                                    <th>Details</th>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                 </div>
              </div>
              <div class="panel">
                 <div class="panel-heading">
                    <h4 class="panel-title">
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                        <i class="fa fa-angle-right"></i> Day Five : Scotland
                      </a>
                    </h4>
                 </div>
                 <div id="collapseFive" class="panel-collapse collapse">
                    <div class="panel-body">

                        <div class="table-responsive">
                            <table class="table">
                                <!-- Table heading -->
                                <tr>
                                    <th>Time</th>
                                    <th>Details</th>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Time -->
                                    <td>06:00AM - 05:39PM</td>
                                    <td>
                                        <!-- Heading -->
                                        <h4>Ad vegan excepteur butcher</h4>
                                        <!-- Para -->
                                        <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.</p>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                 </div>
              </div>
            </div>
            <!-- Accordion ends -->

        </div>