فراخوانی برای اقدام

<section class="bg-img cover-background bg-primary overflow-visible py-lg-0" data-background="img/bg/bg-02.png">
    <div class="container">
        <div class="row g-0 align-items-center">
            <div class="col-lg-7 order-lg-1 order-2">
                <div class="position-relative pe-xl-10">
                    <div class="text-start">
                        <div class="section-title green mb-2-9 position-relative">
                            <h6 class="text-white">What We Do</h6>
                            <h2 class="text-white">Distinctive Special Ideas For Interior Design</h2>
                        </div>
                        <p class="text-white w-90 mb-1-9">We have been providing advice on the interior layout, Generating 2D or 3D interior design plans & customer service.</p>
                    </div>
                    <div class="row">
                        <div class="col-lg-10">
                            <div class="mb-1-9">
                                <div class="progress-text display-30 font-weight-600 mb-2">
                                    <div class="row">
                                        <div class="col-7 text-white">Architecture</div>
                                        <div class="col-5 text-end text-white">80%</div>
                                    </div>
                                </div>
                                <div class="custom-progress progress progress-medium" style="height: 8px;border-radius: 10px">
                                    <div class="animated custom-bar progress-bar slideInLeft bg-secondary" style="width: 80%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="10" role="progressbar"></div>
                                </div>
                            </div>
                            <div class="mb-1-9">
                                <div class="progress-text display-30 font-weight-600 mb-2">
                                    <div class="row">
                                        <div class="col-7 text-white">Interior</div>
                                        <div class="col-5 text-end text-white">95%</div>
                                    </div>
                                </div>
                                <div class="custom-progress progress progress-medium" style="height: 8px;border-radius: 10px">
                                    <div class="animated custom-bar progress-bar slideInLeft bg-secondary" style="width: 95%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="10" role="progressbar"></div>
                                </div>
                            </div>
                            <div>
                                <div class="progress-text display-30 font-weight-600 mb-2">
                                    <div class="row">
                                        <div class="col-7 text-white">Construction</div>
                                        <div class="col-5 text-end text-white">75%</div>
                                    </div>
                                </div>
                                <div class="custom-progress progress progress-medium" style="height: 8px;border-radius: 10px">
                                    <div class="animated custom-bar progress-bar slideInLeft bg-secondary" style="width: 75%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="10" role="progressbar"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 bg-img cover-background image-wrappers min-height-700 order-lg-2 order-1 mb-5 mb-lg-0" data-background="img/content/extra-01.jpg"></div>
        </div>
    </div>
</section>