Icon With Text

<div class="row g-xl-5 mt-n1-9 position-relative z-index-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style03 h-100">
            <div class="card-body p-0">
                <div class="border-bottom pb-1-9 mb-1-9">
                    <img src="img/icons/icon-01.png" alt="...">
                </div>
                <h3 class="mb-1-6 h4">Commercial Cleaning</h3>
                <p class="mb-1-9">Our products are handcrafted and tested with care, then hand.</p>
                <a href="#!" class="text-dark font-weight-700 text-primary-hover">View More</a>
                <div class="number">
                    <span>01</span>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style03 h-100">
            <div class="card-body p-0">
                <div class="border-bottom pb-1-9 mb-1-9">
                    <img src="img/icons/icon-02.png" alt="...">
                </div>
                <h3 class="mb-1-9 h4">Residential Cleaning</h3>
                <p class="mb-1-9">Our products are handcrafted and tested with care, then hand.</p>
                <a href="#!" class="text-dark font-weight-700 text-primary-hover">View More</a>
                <div class="number">
                    <span>02</span>
                </div>
            </div>
        </div>
    </div>
</div>
                    

<div class="about-style01">
    <div class="row mb-1-9 mt-n3">
        <div class="col-sm-6 mt-3">
            <div class="d-flex align-items-center me-md-4 me-lg-0">
                <div class="flex-shrink-0 about-icon">
                    <img src="img/icons/icon-04.png" alt="...">
                </div>
                <div class="flex-grow-1">
                    <h3 class="h5 mb-0">High Quality Cleaning</h3>
                </div>
            </div>
        </div>
        <div class="col-sm-6 mt-3">
            <div class="d-flex align-items-center me-md-4 me-lg-0">
                <div class="flex-shrink-0 about-icon">
                    <img src="img/icons/icon-05.png" alt="...">
                </div>
                <div class="flex-grow-1">
                    <h3 class="h5 mb-0">Expert Cleaner Cleaning</h3>
                </div>
            </div>
        </div>
    </div>
</div>
                    

<div class="row mt-n1-9">
    <div class="col-md-6 mt-1-9">
        <div class="card card-style01 m-0">
            <div class="services-img text-center bg-img" data-background="img/service/service-01.jpg"></div>
            <div class="card-body position-relative z-index-9 text-center p-0">
                <div class="card-icon border-right-img">
                    <img src="img/icons/icon-10.png" alt="...">
                </div>
                <h3 class="h5"><a href="#!" class="text-primary">House Cleaning</a></h3>
                <p class="w-xxl-80 mx-auto"> We dislike men who are so seduced and denounce them with righteous indignation.</p>
                <div>
                    <a href="#!">Read more</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-1-9">
        <div class="card card-style01 m-0">
            <div class="services-img text-center bg-img" data-background="img/service/service-06.jpg"></div>
            <div class="card-body position-relative z-index-9 text-center p-0">
                <div class="card-icon border-right-img">
                    <img src="img/icons/icon-11.png" alt="...">
                </div>
                <h3 class="h5"><a href="#!" class="text-primary">Kitchen Cleaning</a></h3>
                <p class="w-xxl-80 mx-auto"> We dislike men who are so seduced and denounce them with righteous indignation.</p>
                <div>
                    <a href="#!">Read more</a>
                </div>
            </div>
        </div>
    </div>
</div>
                    

<div class="d-flex mb-2-6">
    <div class="flex-shrink-0 me-4">
        <i class="ti-mobile text-primary display-14"></i>
    </div>
    <div class="flex-grow-1">
        <h5 class="mb-2">Phone Number :</h5>
        <span>(+44) 152-567-987</span>
    </div>
</div>
<div class="d-flex mb-2-6">
    <div class="flex-shrink-0 me-4">
        <i class="ti-email text-primary display-14"></i>
    </div>
    <div class="flex-grow-1">
        <h5 class="mb-2">Email Address :</h5>
        <span>info@example.com</span>
    </div>
</div>
<div class="d-flex">
    <div class="flex-shrink-0 me-4">
        <i class="ti-location-pin text-primary display-14"></i>
    </div>
    <div class="flex-grow-1">
        <h5 class="mb-2">Our Location :</h5>
        <span>66 Guild Street 512B, Great North Town.</span>
    </div>
</div>
                    

<div class="row mb-1-9 mb-lg-5 mt-n1-9">
    <div class="col-sm-6 col-xl-4 mt-1-9">
        <div class="d-flex align-items-center">
            <div class="flex-shrink-0 me-3">
                <img src="img/icons/icon-17.png" alt="...">
            </div>
            <div class="flex-grow-1">
                <h3 class="h5 mb-0 w-md-80">High Quality Cleaning</h3>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-4 mt-1-9">
        <div class="d-flex align-items-center">
            <div class="flex-shrink-0 me-3">
                <img src="img/icons/icon-18.png" alt="...">
            </div>
            <div class="flex-grow-1">
                <h3 class="h5 mb-0 w-md-80">Best Cleaning Equipments</h3>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-4 mt-1-9">
        <div class="d-flex align-items-center">
            <div class="flex-shrink-0 me-3">
                <img src="img/icons/icon-19.png" alt="...">
            </div>
            <div class="flex-grow-1">
                <h3 class="h5 mb-0 w-md-80">Highly Skilled Employees</h3>
            </div>
        </div>
    </div>
</div>