<div class="container">
    <div class="row">
        <div class="col-md-8 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 class="col-md-4 col-sm-12">
            <!-- Accordion begin -->
            <div class="accordion_example">
                <!-- Section 1 -->
                <div class="accordion_in style5 acc_active">
                    <div class="acc_head uppercase">Our History</div>
                    <div class="acc_content no-lpadd">
                        <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit justo consectetuer adipiscing Praesent mattis commodo augue Aliquam ornare consectetuer adipiscing tend to repeat predefined chunks as necessary</p>
                    </div>
                </div>
                <!-- Section 2 -->
                <div class="accordion_in style5">
                    <div class="acc_head uppercase">Our Success</div>
                    <div class="acc_content no-lpadd">
                        <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo consectetuer adipiscing mattis commodo augue ornare adipiscing augue .</p>
                    </div>
                </div>
                <!-- Section 3 -->
                <div class="accordion_in style5">
                    <div class="acc_head uppercase">Our Services</div>
                    <div class="acc_content no-lpadd">
                        <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo consectetuer adipiscing Praesent mattis commodo augue Aliquam ornare consectetuer adipiscing hendrerit augue .</p>
                    </div>
                </div>
                <!-- Section 4 -->
                <div class="accordion_in style5">
                    <div class="acc_head uppercase">Our Awards</div>
                    <div class="acc_content no-lpadd">
                        <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo consectetuer adipiscing Praesent mattis commodo augue Aliquam ornare consectetuer adipiscing hendrerit augue .</p>
                    </div>
                </div>
            </div>
            <!-- Accordion end -->
        </div>
        <!--end item-->
    </div>
    <!-- end col -->
</div>