<div class="container">
    <div class="row">
        <div class="col-lg-6 col-sm-6 right-padd3 ser-panel">
            <div class="title1">
                <h4 class="font-thin font35 nomargin great-vibes">Why</h4>
                <h2 class="font-thin font35 nomargin">Choose Us?</h2>
            </div>
            <div class="panel-group top-padd-2" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Who we are?</a> </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">Excepteur sint occaecat cupidatat non proident, sunt culpa only officia deserunt mollit borum amit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut a enim ad minim veniam, quis nostrud exercitation sed diam nonumy eirmod tempor invidunt ut labore. ullamco laboris nisi ut the aliquip ex ea. </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Whtat we do</a> </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body">Excepteur sint occaecat cupidatat non proident, sunt culpa only officia deserunt mollit borum amit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut a enim ad minim veniam, quis nostrud exercitation sed diam nonumy eirmod tempor invidunt ut labore. ullamco laboris nisi ut the aliquip ex ea. </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Our great skills </a> </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">Excepteur sint occaecat cupidatat non proident, sunt culpa only officia deserunt mollit borum amit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut a enim ad minim veniam, quis nostrud exercitation sed diam nonumy eirmod tempor invidunt ut labore. ullamco laboris nisi ut the aliquip ex ea. </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-sm-6">
            <div class="title1">
                <h4 class="font-thin font35 nomargin great-vibes">Our</h4>
                <h2 class="font-thin font35 nomargin">Crazy Skills</h2>
            </div>
            <div class="top-padd-2">
                <div class="progress-info">Marketing <span class="right">80%</span></div>
                <div class="progress">
                    <div style="width: 80%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"> <span class="sr-only">80% Complete (success)</span> </div>
                </div>
                <div class="progress-info">Business <span class="right">70%</span></div>
                <div class="progress">
                    <div style="width: 72%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" class="progress-bar progress-bar-info"> <span class="sr-only">70% Complete</span> </div>
                </div>
                <div class="progress-info">Marketing <span class="right">90%</span></div>
                <div class="progress">
                    <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" role="progressbar" class="progress-bar progress-bar-warning"> <span class="sr-only">90% Complete (warning)</span> </div>
                </div>
                <div class="progress-info">Great ideas <span class="right">60%</span></div>
                <div class="progress">
                    <div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-danger"> <span class="sr-only">60% Complete (danger)</span> </div>
                </div>
                <div class="progress-info">Awesomeness <span class="right">100%</span></div>
                <div class="progress">
                    <div style="width: 100%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80" role="progressbar" class="progress-bar progress-bar-info"> <span class="sr-only">100% Complete (danger)</span> </div>
                </div>
            </div>
        </div>
    </div>
</div>
