<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12 margin-bottom">
        <div class="tab-navbar-main-style-7 tabstyle-7">
            <ul class="responsive-tabs">
                <li>
                    <a href="#example-7-tab-1" target="_self">
                        <div class="tab-navicon"></div>
                        Web Design</a>
                </li>
                <li>
                    <a href="#example-7-tab-2" target="_self">
                        <div class="tab-navicon"></div>
                        Development </a>
                </li>
                <li>
                    <a href="#example-7-tab-3" target="_self">
                        <div class="tab-navicon"></div>
                        Marketing</a>
                </li>
                <li>
                    <a href="#example-7-tab-4" class="no-border" target="_self">
                        <div class="tab-navicon"></div>
                        Support</a>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
        <div class="tab-content-style-7">
            <div class="responsive-tabs-content padding-left-4 padding-right-4 padding-top-2 padding-bottom-1">
                <div id="example-7-tab-1" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <h5 class="uppercase font-weight-5">Web Design</h5>
                    <h6 class="font-weight-4">Many desktop publishi packages and web page editors in use the Ipsum as their model as words which look believable many web sites.</h6>
                    <p>Reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose cites of the word in classical literature, discovered the undoubtable source.</p>
                </div>
                <!--end panel 1-->
                <div class="clearfix"></div>
                <div id="example-7-tab-2" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <h5 class="uppercase font-weight-5">Development</h5>
                    <h6 class="font-weight-4">Many desktop publishi packages and web page editors in use the Ipsum as their model as words which look believable many web sites.</h6>
                    <p>Reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose cites of the word in classical literature, discovered the undoubtable source.</p>
                </div>
                <!--end panel 2-->
                <div class="clearfix"></div>
                <div id="example-7-tab-3" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <h5 class="uppercase font-weight-5">Marketing</h5>
                    <h6 class="font-weight-4">Many desktop publishi packages and web page editors in use the Ipsum as their model as words which look believable many web sites.</h6>
                    <p>Reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose cites of the word in classical literature, discovered the undoubtable source.</p>
                </div>
                <!--end panel 3-->
                <div class="clearfix"></div>
                <div id="example-7-tab-4" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <h5 class="uppercase font-weight-5">Support</h5>
                    <h6 class="font-weight-4">Many desktop publishi packages and web page editors in use the Ipsum as their model as words which look believable many web sites.</h6>
                    <p>Reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose cites of the word in classical literature, discovered the undoubtable source.</p>
                </div>
                <!--end panel 3-->
            </div>
        </div>
        <!--end column-->
    </div>
</div>
<!-- end col -->
<div class="clearfix margin-bottom-5"></div>
<div class="row sec-padding hl-more-top-padd">
    <div class="col-md-12">
        <div class="col-md-12 nopadding">
            <div class="tab-navbar-main tabstyle-9">
                <ul class="responsive-tabs">
                    <li><a href="#example-1-tab-1" target="_self"><span class="icon-global"></span> <br/>
				restaurants</a></li>
                    <li><a href="#example-1-tab-2" target="_self"><span class="icon-layers"></span> <br/>
			Hotel Rooms</a></li>
                    <li><a href="#example-1-tab-3" target="_self"><span class="icon-desktop"></span> <br/>
		Spa & Massage</a></li>
                    <li><a href="#example-1-tab-4" target="_self"><span class="icon-envelope"></span> <br/>
	Bar</a></li>
                    <li><a href="#example-1-tab-5" target="_self"><span class="icon-briefcase"></span> <br/>
sport-club</a></li>
                    <li><a href="#example-1-tab-6" target="_self"><span class="icon-lock"></span> <br/>
Events</a></li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="tab-content-holder-9">
            <div class="responsive-tabs-content">
                <div id="example-1-tab-1" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <div class="col-md-7">
                        <div class="tabstyle-9-feature-box-2">
                            <h4 class="uppercase font-weight-7">our restaurant</h4>
                            <h6 class="raleway">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue</h6>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor sit amet consectetuer adipiscing eli Suspendisse et justo sit amet justo elite. </p>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor. </p>
                            <br/>
                            <a class="read-more" href="#">Read more &nbsp;<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    </div>
                    <!--end item-->
                    <div class="col-md-5 col-sm-5 col-xs-12 margin-bottom">
                        <div class="tabstyle-9-feature-box"> <img src="/pexre/sites/default/files/demo-images/hl-10.jpg" alt="10" class="img-responsive" /> </div>
                    </div>
                    <!--end item-->
                </div>
                <!--end panel 1-->
                <div id="example-1-tab-2" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <div class="col-md-5">
                        <div class="tabstyle-9-feature-box"> <img src="/pexre/sites/default/files/demo-images/hl-11.jpg" alt="11" class="img-responsive" /> </div>
                    </div>
                    <!--end item-->
                    <div class="col-md-7 col-sm-7 col-xs-12 margin-bottom">
                        <div class="tabstyle-9-feature-box-2">
                            <h4 class="uppercase font-weight-7">Hotel Rooms</h4>
                            <h6 class="raleway">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue</h6>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor sit amet consectetuer adipiscing eli Suspendisse et justo sit amet justo elite. </p>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor. </p>
                            <br/>
                            <a class="read-more" href="#">Read more &nbsp;<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    </div>
                    <!--end item-->
                </div>
                <!--end panel 2-->
                <div id="example-1-tab-3" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <div class="col-md-7">
                        <div class="tabstyle-9-feature-box-2">
                            <h4 class="uppercase font-weight-7">Spa & Massage</h4>
                            <h6 class="raleway">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue</h6>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor sit amet consectetuer adipiscing eli Suspendisse et justo sit amet justo elite. </p>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor. </p>
                            <br/>
                            <a class="read-more" href="#">Read more &nbsp;<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    </div>
                    <!--end item-->
                    <div class="col-md-5">
                        <div class="tabstyle-9-feature-box"> <img src="/pexre/sites/default/files/demo-images/hl-12.jpg" alt="12" class="img-responsive" /> </div>
                    </div>
                    <!--end item-->
                </div>
                <!--end panel 3-->
                <div id="example-1-tab-4" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <div class="col-md-7">
                        <div class="tabstyle-9-feature-box-2">
                            <h4 class="uppercase font-weight-7">Bar & Restaurant</h4>
                            <h6 class="raleway">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue</h6>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor sit amet consectetuer adipiscing eli Suspendisse et justo sit amet justo elite. </p>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor. </p>
                            <br/>
                            <a class="read-more" href="#">Read more &nbsp;<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    </div>
                    <!--end item-->
                    <div class="col-md-5">
                        <div class="tabstyle-9-feature-box"> <img src="/pexre/sites/default/files/demo-images/hl-13.jpg" alt="13" class="img-responsive" /> </div>
                    </div>
                    <!--end item-->
                </div>
                <!--end panel 4-->
                <div id="example-1-tab-5" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <div class="col-md-7">
                        <div class="tabstyle-9-feature-box-2">
                            <h4 class="uppercase font-weight-7">Sport Club</h4>
                            <h6 class="raleway">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue</h6>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor sit amet consectetuer adipiscing eli Suspendisse et justo sit amet justo elite. </p>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor. </p>
                            <br/>
                            <a class="read-more" href="#">Read more &nbsp;<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    </div>
                    <!--end item-->
                    <div class="col-md-5">
                        <div class="tabstyle-9-feature-box"> <img src="/pexre/sites/default/files/demo-images/hl-14.jpg" alt="14" class="img-responsive" /> </div>
                    </div>
                    <!--end item-->
                </div>
                <!--end panel 5-->
                <div id="example-1-tab-6" class="responsive-tabs-panel">
                    <div class="responsive-tab-title ttitle"></div>
                    <div class="col-md-7">
                        <div class="tabstyle-9-feature-box-2">
                            <h4 class="uppercase font-weight-7">Events & Partys</h4>
                            <h6 class="raleway">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue</h6>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor sit amet consectetuer adipiscing eli Suspendisse et justo sit amet justo elite. </p>
                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras Lorem ipsum dolor. </p>
                            <br/>
                            <a class="read-more" href="#">Read more &nbsp;<i class="fa fa-angle-double-right" aria-hidden="true"></i></a></div>
                    </div>
                    <!--end item-->
                    <div class="col-md-5">
                        <div class="tabstyle-9-feature-box"> <img src="/pexre/sites/default/files/demo-images/hl-15.jpg" alt="15" class="img-responsive" /> </div>
                    </div>
                    <!--end item-->
                </div>
            </div>
        </div>
        <!--end column-->
    </div>
</div>