Merhaba hakkımızda sayfasına yazımızı girdiğimde bu şekilde alt alta gidiyor.

Bunu bu şekilde veya buna benzer hale getirebilir miyiz ?

Hakkımızdaki sayfanın php kodları: (Aslında 15. satır ve yukarısı ile ilgili sanırım) ama hepsini ekledim.
<?php /* Template Name: Hakkımızda Sayfası */ ?>
<?php global $herle_opt; ?>
<?php get_header(); ?>
<i class="fa fa-accessible-icon"></i>

<section class="about-content">
    <h1 class="about-us"><?php wp_title($sep = ''); ?></h1>
    <h3 class="about-us-2"><?php wp_title($sep = ''); ?></h3>
    <div class="container about-herle">
        <div class="row">
            <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                <p><?php echo $herle_opt['abouts-desc']; ?></p>
            </div>
            <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                <img class="img-fluid" src="<?php echo $herle_opt['abouts-image']['url']; ?>" alt="">
            </div>
        </div>
    </div>
    <div class="canvas-div">
        <div class="canvas-backend"></div>
        <div class="canvas-text">
            <h3><?php echo $herle_opt['abouts-title-2']; ?></h3>
            <p><?php echo $herle_opt['abouts-desc-2']; ?></p>
        </div>
        <canvas id="canvas"></canvas>
        <div class="about-img" style="background: url(<?php echo $herle_opt['abouts-image-2']['url']; ?>) no-repeat center center fixed #000;">
        </div>
        <canvas id="canvas2"></canvas>
    </div>
    <div class="about-card">
        <div class="container ">
            <div class="row" >
                <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                    <i class="fa <?php echo $herle_opt['project-icon-1']; ?> fa-3x" aria-hidden="true"></i>
                    <h3><?php echo $herle_opt['project-title-1']; ?></h3>
                    <p id="about-p">
                        <?php echo $herle_opt['project-1']; ?>
                    </p>
                    
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                    <i class="fa <?php echo $herle_opt['project-icon-2']; ?> fa-3x" aria-hidden="true"></i>
                    <h3><?php echo $herle_opt['project-title-2']; ?></h3>
                    <p id="about-p2">
                        <?php echo $herle_opt['project-2']; ?>

                    </p>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-12">
                    <i class="fa <?php echo $herle_opt['project-icon-3']; ?> fa-3x" aria-hidden="true"></i>
                    <h3><?php echo $herle_opt['project-title-3']; ?></h3>
                    <p id="about-p3">
                        <?php echo $herle_opt['project-3']; ?>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<?php get_footer(); ?>