<div class="container">
    <div class="row">
        <div class="col-md-6 col-sm-6">
            <div class="sec-titiel m-bottom4"> <span class="uppercase font-grey font-bold font14">designer</span>
                <h2 class="uppercase font-black font30 nomargin">rossy alen</h2>
            </div>
            <div class="col-md-12 nopadding">
                <p>My Name is Rossy Alen Excepteur sint occaecat cupidatat non proident, sunt culpa only officia deserunt mollit borum amit. Nam a massa in dui pellentesque auctor. Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa.</p>
                <p>Nam a massa in dui pellentesque auctor. Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa. Sed posuere, purus non accumsan facilisis.</p>
            </div>
            <div class="col-md-12 m-bottom6 nopadding">
                <h2 class="uppercase font-black font25">My skills</h2>
                <div class="progress-info">Photoshop<span class="right">80%</span></div>
                <div class="progress">
                    <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> <span class="sr-only">80% Complete</span> </div>
                </div>
                <div class="progress-info">HTML 5<span class="right">65%</span></div>
                <div class="progress">
                    <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%"> <span class="sr-only">65% Complete</span> </div>
                </div>
                <div class="progress-info">Javascript / jQuery <span class="right">90%</span></div>
                <div class="progress">
                    <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%"> <span class="sr-only">90% Complete</span> </div>
                </div>
                <div class="progress-info">PHP <span class="right">70%</span></div>
                <div class="progress">
                    <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%"> <span class="sr-only">70% Complete</span> </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-6"> <img class="img-responsive animate-in" alt="" src="<?php print demo_image_path('demo-images') ?>/site-img-207.jpg" data-anim-delay="100" data-anim-type="fade-in-left"> </div>
    </div>
</div>
