CybroAddons/theme_medicate/views/snippets/about_us_content_template.xml

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
    <template id="about_us_content" name="About Us Content">
        <section class="section-about-page-content mt-5 mb-5 float-left w-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="w-100 float-left">
                            <img style="width: 95.5%;" src="/theme_medicate/static/src/img/about-page-content-img.jpg"/>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <h3 class="font-weight-bold">Lorem ipsum dolor sit amet,
                            consectetur
                        </h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing
                            elit. In in tincidunt
                            diam. Mauris justo erat, scelerisque non ante nec
                        </p>
                        <ul class="pl-0 ul-about-page float-left mr-5 mt-5">
                            <li>
                                <span>
                                    <img src="/theme_medicate/static/src/img/about-us-tick.png"/>
                                </span>
                                <a>Intervention Success</a>
                            </li>
                            <li class="mt-3 mb-3">
                                <span>
                                    <img src="/theme_medicate/static/src/img/about-us-tick.png"/>
                                </span>
                                <a>Quality of Care Services</a>
                            </li>
                            <li>
                                <span>
                                    <img src="/theme_medicate/static/src/img/about-us-tick.png"/>
                                </span>
                                <a>Client Satisfaction</a>
                            </li>
                        </ul>
                        <ul class="pl-0 ul-about-page float-left mr-5 mt-5">
                            <li>
                                <span>
                                    <img src="/theme_medicate/static/src/img/about-us-tick.png"/>
                                </span>
                                <a>Intervention Success</a>
                            </li>
                            <li class="mt-3 mb-3">
                                <span>
                                    <img src="/theme_medicate/static/src/img/about-us-tick.png"/>
                                </span>
                                <a>Quality of Care Services</a>
                            </li>
                            <li>
                                <span>
                                    <img src="/theme_medicate/static/src/img/about-us-tick.png"/>
                                </span>
                                <a>Client Satisfaction</a>
                            </li>
                        </ul>
                        <div class="w-100 float-left phone-number-container">
                            <p class="p-about-number mb-0 mt-5">
                                <b>+1 (212) 255-5511</b>
                            </p>
                            <span>Do you have any Question?</span>
                        </div>
                        <a href="#"
                           class="a-time-table text-uppercase float-left mt-5 btn-timetable text-white pt-2 pb-2 pl-3 pr-3 text-decoration-none">
                            &#160;&#160; Read more &amp;nbsp;&amp;nbsp; +&#160;&#160;
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <!-- closed section-about-page-content -->
    </template>
</odoo>