How to setup About page

  • Create a page named what you want.
  • Now select this page to the about template

Your page is ready to display.

Now you can set up your top section by below this code

<div class="about-area position-relative mt-7 mt-lg-10 mb-5 mb-md-8">
    <img src="/assets/images/main-round-circle.svg" alt="title" class="about-round-shape">
    <div class="container">
        <div class="row align-items-center mb-5 mb-lg-8">
            <div class="col-lg-6">
                <div class="about-image mb-5"><img src="/assets/images/about-image.jpg" alt="title"></div>
            </div>
            <div class="col-lg-6">
                <div class="about-content ms-lg-7">
                    <h2 class="display-5 mb-4 mb-md-7">We are working for the podcast industry</h2>
                    <p class="fs-5 mb-3">Concepts and of the their one have I the to a screen. Than your their was
                        were
                        sports. Evening slid generally next </p>
                    <ul class="m-0">
                        <li>For embarkation the which how container of a she work," </li>
                        <li>The hitting your the I by goals</li>
                        <li>Suspicious have ability assistant mountains</li>
                        <li>Ticking from so, freshlybrewed then if, more there on. </li>
                        <li>For embarkation the which how container of a she work</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-lg-6 order-lg-1">
                <div class="about-image right-shape mb-5"><img src="/assets/images/about-image2.jpg" alt="title">
                </div>
            </div>
            <div class="col-lg-6 order-lg-12">
                <div class="about-content me-lg-7">
                    <h2 class="display-5 mb-4 mb-lg-7">Our Mision & Vision</h2>
                    <p class="mb-3">A boss when having dressed they minutes should of with must picked and among a
                        the it
                        decelerate hall tower, her to the to concept and build and, the eye. Of first family room.
                        Intended
                        appointed rethoric the on bit who the is why to of headline times, </p>
                    <p class="m-0">always I human on seemed he'd text, spineless, of understand people name
                        stitching it how
                        such of you lots so the through sleep of feedback audience. To or be sports. With a would even a
                        there
                        better </p>

                    <div class="about-btn mt-4 mt-lg-7">
                        <a href="/contact" class="btn btn-primary text-white mb-2 me-2"><span class="me-1"><img
                                    src="/assets/images/about-contact-icon.svg" alt="title"></span> Contact
                            US</a>
                        <a href="/authors" class="btn btn-dark mb-2"><span class="me-1"><img
                                    src="/assets/images/about-meet-icon.svg" alt="title"></span> Meet the
                            Team</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Add this code as an HTML code snippet

7

Configure about feature section [Company Commitment]

First, create an internal tag named #feature. Now you can set up your testimonial easily. Here we are using the post as a testimonial. Create a post and select the internal # feature tag.

8

Output

9

You can control your Feature section from the site-wide setting option

10