<div class="container">
    <div class="row">
        <div class="col-lg-6 col-sm-6 right-padd3 ser-panel">
            <div class="title1">
                <h2 class="font50 font-thin uppercase"><span class="line greyline"></span> why<br>
              <span class="blue font-sbold">choose us?</span></h2>
            </div>
            <div aria-multiselectable="true" role="tablist" id="accordion" class="panel-group top-padd-2">
                <div class="panel panel-default">
                    <div id="headingOne" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseOne" aria-expanded="true" href="#collapseOne" data-parent="#accordion" data-toggle="collapse" role="button">Who we are?</a> </h4>
                    </div>
                    <div aria-labelledby="headingOne" role="tabpanel" class="panel-collapse collapse in" id="collapseOne">
                        <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 id="headingTwo" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseTwo" aria-expanded="false" href="#collapseTwo" data-parent="#accordion" data-toggle="collapse" role="button" class="collapsed"> Whtat we do</a> </h4>
                    </div>
                    <div aria-labelledby="headingTwo" role="tabpanel" class="panel-collapse collapse" id="collapseTwo">
                        <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 id="headingThree" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseThree" aria-expanded="false" href="#collapseThree" data-parent="#accordion" data-toggle="collapse" role="button" class="collapsed"> Our great skills </a> </h4>
                    </div>
                    <div aria-labelledby="headingThree" role="tabpanel" class="panel-collapse collapse" id="collapseThree">
                        <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">
                <h2 class="font50 font-thin uppercase"><span class="line greyline"></span> Our<br>
              <span class="blue font-sbold">crazy skills</span></h2>
            </div>
            <div class="top-padd-2">
                <div class="progress-info">Marketing <span class="right">80%</span></div>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> <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 class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 72%"> <span class="sr-only">70% Complete</span> </div>
                </div>
                <div class="progress-info">Marketing <span class="right">90%</span></div>
                <div class="progress">
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%"> <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 class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 60%"> <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 class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 100%"> <span class="sr-only">100% Complete (danger)</span> </div>
                </div>
            </div>
        </div>
    </div>
</div>
