02. Youtube

<div class="container" style="max-width: 1000px">
  <div class="row" style="background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b6c0437e-63f5-46e3-a99a-049f34dc454f/ddda792-db922a50-3e50-4e8b-8451-5ced3e03866b.png/v1/fill/w_1095,h_730,q_70,strp/bg2_by_inurenko_ddda792-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9ODU0IiwicGF0aCI6IlwvZlwvYjZjMDQzN2UtNjNmNS00NmUzLWE5OWEtMDQ5ZjM0ZGM0NTRmXC9kZGRhNzkyLWRiOTIyYTUwLTNlNTAtNGU4Yi04NDUxLTVjZWQzZTAzODY2Yi5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.FyY9C8hBMKNKbHAhHzqBCRx863ovMB9nLJQ39kRdQJw); background-size: cover; height: 210px; position: relative">
      <div style="background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b6c0437e-63f5-46e3-a99a-049f34dc454f/dddabh9-cb78abbb-1df6-41fb-9f2f-b1281ab89499.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I2YzA0MzdlLTYzZjUtNDZlMy1hOTlhLTA0OWYzNGRjNDU0ZlwvZGRkYWJoOS1jYjc4YWJiYi0xZGY2LTQxZmItOWYyZi1iMTI4MWFiODk0OTkucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.iDn-m8kR5dzDeP4yDqlwp1Sep8KmA8SLkM7o9QX1Eik); background-size: cover; height: 100px; width: 100px; border-radius: 50%; position: absolute; bottom: 15px; left: 15px">
      </div>
      <h1 class="display-1 font-italic m-auto" style="text-shadow: 0 0 5px #000">Name</h1>
  </div>
  <div class="row">
    <div class="col-lg-9 mt-2 p-0 bg-faded">
      <div class="col-lg-12 bg-primary">
        <h2 class="m-0" style="line-height: 2.5rem">About me</h2>
      </div>
      <p class="p-3">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis leo in egestas tristique. Nunc eu erat quis risus finibus interdum. Fusce vitae ipsum ante. Ut posuere nisi vel urna mollis convallis. Proin vel enim mollis, ornare enim ut, tincidunt enim. Phasellus quis elit eget lorem laoreet pretium. In id tempus est. Quisque molestie pretium elementum. Integer eget nunc purus.
      </p>
      <div class="col-lg-12 bg-primary">
        <h2 class="m-0" style="line-height: 2.5rem">History</h2>
      </div>
      <p class="p-3">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis leo in egestas tristique. Nunc eu erat quis risus finibus interdum. Fusce vitae ipsum ante. Ut posuere nisi vel urna mollis convallis. Proin vel enim mollis, ornare enim ut, tincidunt enim. Phasellus quis elit eget lorem laoreet pretium. In id tempus est. Quisque molestie pretium elementum. Integer eget nunc purus.
      </p>
    </div>
    <div class="col-lg-3 pr-0 mt-2">
      <div class="col-lg-12 p-1 bg-faded">
        <ul class="p-0" style="list-style-type: none">
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Gender:</span></li>
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Age:</span></li>
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Height:</span></li>
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Race:</span></li>
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Origin:</span></li>
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Ability:</span></li>
          <li class="p-1" style="border-bottom: 1px white solid"><span class="font-weight-bold">Obtain:</span></li>
        </ul>
      </div>
      <div class="col-lg-12 p-0 bg-faded mt-2">
        <div class="col-lg-12 bg-primary">
          <h2 class="m-0" style="line-height: 2.5rem">Likes</h2>
        </div>
        <ul class="p-0 mb-0 ml-4 fa-ul">
          <li class="p-1"><i class="fas fa-circle text-primary p-1 fa-li" style="font-size: 0.6rem"></i>One</li>
          <li class="p-1"><i class="fas fa-circle text-primary p-1 fa-li" style="font-size: 0.6rem"></i>Two</li>
          <li class="p-1"><i class="fas fa-circle text-primary p-1 fa-li" style="font-size: 0.6rem"></i>Three</li>
        </ul>
      </div>
      <div class="col-lg-12 p-0 bg-faded mt-2">
        <div class="col-lg-12 bg-primary">
          <h2 class="m-0" style="line-height: 2.5rem">Dislikes</h2>
        </div>
        <ul class="p-0 mb-0 ml-4 fa-ul">
          <li class="p-1"><i class="fas fa-circle text-primary p-1 fa-li" style="font-size: 0.6rem"></i>One</li>
          <li class="p-1"><i class="fas fa-circle text-primary p-1 fa-li" style="font-size: 0.6rem"></i>Two</li>
          <li class="p-1"><i class="fas fa-circle text-primary p-1 fa-li" style="font-size: 0.6rem"></i>Three</li>
        </ul>
      </div>
    </div>
  </div>
    <div class="row mt-2 justify-content-end">
      <a href="https://toyhou.se/SandyShop" class="btn btn-primary">< / ></a>
    </div>
</div>