Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Test kodu</title>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

  <style>
    body {
      margin: 0;
      padding: 0;

      font-family: Roboto;
      font-size: 14px;
    }

    .logo {
      display: block;
    }

    .logo img {
      display: block;
      max-height: 100px;
      width: auto;
    }

    header {
      display: flex;
      justify-content: center;
    }

    header,
    footer,
    section {
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 30px;
    }

    .description a {
      display: block;
      text-align: center;
    }

    .trailer {
      padding-left: 30px;
    }
    .columns {
      display: flex;
      align-items: center;
    }
  </style>
  </head>
<body>

  <header>
    <a href="#" class="logo">
      <img src="logo.png" alt="Logo">
    </a>
  </header>

  <section class="description">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet pharetra finibus. Vestibulum est elit, sagittis a metus id, gravida porttitor erat. Pellentesque rhoncus metus id scelerisque commodo. Curabitur pulvinar diam libero, vel commodo est posuere in. Ut id ligula felis. Curabitur faucibus sagittis nibh, ut ornare ipsum eleifend eget. Fusce non risus sem. Mauris quam sem, iaculis a massa vitae, consectetur efficitur magna. Vestibulum ac justo imperdiet tortor laoreet laoreet. Nulla facilisi. Etiam volutpat, urna ut bibendum tristique, mauris quam tristique mauris, sit amet tempus tortor urna ut urna. Maecenas vulputate consectetur metus, a ultricies metus malesuada sed.
    </p>
    <a href="#">
      Show producer Page
    </a>
  </section>

  <section class="columns">
    <div class="frame">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/LembwKDo1Dk?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div class="trailer">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet pharetra finibus. Vestibulum est elit, sagittis a metus id, gravida porttitor erat. Pellentesque rhoncus metus id scelerisque commodo. Curabitur pulvinar diam libero, vel commodo est posuere in. Ut id ligula felis. Curabitur faucibus sagittis nibh, ut ornare ipsum eleifend eget. Fusce non risus sem. Mauris quam sem, iaculis a massa vitae, consectetur efficitur magna. Vestibulum ac justo imperdiet tortor laoreet laoreet. Nulla facilisi. Etiam volutpat, urna ut bibendum tristique, mauris quam tristique mauris, sit amet tempus tortor urna ut urna. Maecenas vulputate consectetur metus, a ultricies metus malesuada sed.
    </div>
  </section>

  <footer>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet pharetra finibus. Vestibulum est elit, sagittis a metus id, gravida porttitor erat. Pellentesque rhoncus metus id scelerisque commodo. Curabitur pulvinar diam libero, vel commodo est posuere in. Ut id ligula felis. Curabitur faucibus sagittis nibh, ut ornare ipsum eleifend eget. Fusce non risus sem. Mauris quam sem, iaculis a massa vitae, consectetur efficitur magna. Vestibulum ac justo imperdiet tortor laoreet laoreet. Nulla facilisi. Etiam volutpat, urna ut bibendum tristique, mauris quam tristique mauris, sit amet tempus tortor urna ut urna. Maecenas vulputate consectetur metus, a ultricies metus malesuada sed.
    </p>
  </footer>
</body>
</html>