<div class="section py-5 bg-image" data-img-src="../../assets/images/upload/skills-bg-image-01.jpg">
    <div class="container">
        <div class="row align-items-center py-5 my-xl-3">
            
            <div class="col-lg-6">
                <div class="py-3 pr-lg-4 mb-5 mb-lg-0">

                    <h2 class="display-4 font-weight-300 text-primary mb-1">Our Talents</h2>

                    <h2 class="display-4 font-weight-800 text-white mb-4">Skills Expertise</h2>

                    <div class="lead-sm text-white-50 mb-5">
                        Curabitur ipsum nulla pellentesque vitae ornare in condimentum torquent amet dolor class aptent taciti sociosqu ad litora per conubia magna pulvinar condimentum
                    </div>

                    <div data-height="10px"></div>

                    <a href="#" class="btn btn-lg btn-round btn-outline-light mb-lg-2">Our showcase</a>
                    
                </div>
            </div>

            <div class="col-lg-6">

                <div class="pl-xl-4 mb-3">

                    <div class="progress-label text-uppercase text-white"><span>Sales strategy</span><span class="progress-count float-right">80%</span></div>
                    <div class="progress progress-thin progress-light-2 mb-4">
                        <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>

                    <div data-height="20px"></div>

                    <div class="progress-label text-uppercase text-white"><span>Online marketing</span><span class="progress-count float-right">90%</span></div>
                    <div class="progress progress-thin progress-light-2 mb-4">
                        <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>

                    <div data-height="20px"></div>

                    <div class="progress-label text-uppercase text-white"><span>Mobile application</span><span class="progress-count float-right">80%</span></div>
                    <div class="progress progress-thin progress-light-2 mb-4">
                        <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>

                    <div data-height="20px"></div>

                    <div class="progress-label text-uppercase text-white"><span>SEO strategy</span><span class="progress-count float-right">70%</span></div>
                    <div class="progress progress-thin progress-light-2">
                        <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    
                </div>

            </div>

        </div>
    </div>
</div>