Untitled

avatar
unknown
plain_text
3 years ago
2.5 kB
7
Indexable
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Home</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />

    <!--
      Need a visual blank slate?
      Remove all code in `styles.css`!
    -->
    <link rel="stylesheet" href="styles.css" />
    <script type="module" src="script.js"></script>
  </head>
  <body>
    <div class="row">
      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <div class="img-container align-self-center">
          <img src="#" />
        </div>
        <div class="text-container align-self-center">
          <h2>TEXT</h2>
          <p>LOREM IPSUM GIPSUM WKHFIQJ WEHFOKEN IOEHWAF EIOAHBF</p>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <div class="img-container align-self-center">
          <img src="#" />
        </div>
        <div class="text-container align-self-center">
          <h2>TEXT</h2>
          <p>LOREM IPSUM GIPSUM WKHFIQJ WEHFOKEN IOEHWAF EIOAHBF</p>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <div class="img-container align-self-center">
          <img src="#" />
        </div>
        <div class="text-container align-self-center">
          <h2>TEXT</h2>
          <p>LOREM IPSUM GIPSUM WKHFIQJ WEHFOKEN IOEHWAF EIOAHBF</p>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <div class="img-container align-self-center">
          <img src="#" />
        </div>
        <div class="text-container align-self-center">
          <h2>TEXT</h2>
          <p>LOREM IPSUM GIPSUM WKHFIQJ WEHFOKEN IOEHWAF EIOAHBF</p>
        </div>
      </div>
    </div>

    <script
      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
      integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
      integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
Editor is loading...