How to build about me section of this website?

[polaryeti]

 

I want to build this. But I'm confused now.

I've built this instead:

 

I've built so far.

<!-- about me  -->

  <div class="container">

    <div class="row">

      <div class="col-md-3"><img src="https://i.redd.it/1oxcj4cs3t7a1.jpg" class="about-me-image" alt=""> </div>

      <div class="col-md-9 d-flex flex-column align-items-end">

        <p class="text-danger">MY INTRO</p>

        <h1>About Me</h1>

        <p>Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. Semper at tempufddfel. Lorem

          ipsum dolor sit amet consectetur adipisicing elit. Non quae, fugiat consequatur voluptatem nihil ad. Lorem

          ipsum dolor sit amet.</p>



        <p>Name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Mary Ateer</p>

        <p>Age&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 26 years</p>

        <p>From&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : London,UK</p>

        <p>Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : maryateer@gmail.com</p>

      </div>

    </div>

  </div>

 

Here's the full codepen.

https://codepen.io/pelko/pen/WNKvdZz

 

How do I build that?

 

[polaryeti]

I've built this now. Fixed! I'll update the codepen soon.