<div class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6">
                <div class="infobox">
                    <figure class="infobox__icon">
                        <img src="/assets/images/info-box/responsive.png" alt="responsive" />
                    </figure>
                    <div class="infobox__body">
                        <h4 class="infobox__title">Responsive Layout</h4>
                        <p class="infobox__text">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod</p>
                        <div class="infobox__btn">
                            <a href="#" class="btn btn-solid btn-solid-secondary">learn more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6">
                <div class="infobox flex">
                    <figure class="infobox__icon">
                        <img src="image/responsive.png" alt="responsive" />
                    </figure>
                    <div class="infobox__body">
                        <h4 class="infobox__title">Responsive Layout</h4>
                        <p class="infobox__text">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod</p>
                        <div class="infobox__btn">
                            <a href="#" class="btn btn-solid btn-solid-secondary">learn more</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="infobox flex">
                    <figure class="infobox__icon">
                        <img src="image/responsive.png" alt="responsive" />
                    </figure>
                    <div class="infobox__body">
                        <h4 class="infobox__title">Trendy Design</h4>
                        <p class="infobox__text">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod</p>
                        <div class="infobox__btn">
                            <a href="#" class="btn btn-solid btn-solid-secondary">learn more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6">
                <div class="infobox text-center">
                    <figure class="infobox__icon">
                        <img src="image/responsive.png" alt="responsive" />
                    </figure>
                    <div class="infobox__body">
                        <h4 class="infobox__title">Responsive Layout</h4>
                        <p class="infobox__text">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod</p>
                        <div class="infobox__btn">
                            <a href="#" class="btn btn-outline-primary">learn more</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="infobox text-center">
                    <figure class="infobox__icon">
                        <img src="image/responsive.png" alt="responsive" />
                    </figure>
                    <div class="infobox__body">
                        <h4 class="infobox__title">Trendy Design</h4>
                        <p class="infobox__text">Lorem ipsum dolor sit amet, consect adipiscing elit, sed do eiusmod</p>
                        <div class="infobox__btn">
                            <a href="#" class="btn btn-outline-secondary">learn more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>