Banner de dos columnas

Al copiar el código del componente banner usted sólo conseguirá la estructura de éste para que coloque el contenido que desee.

Los estilos empleados en la demostración (como el color de fondo o estilos del texto) provienen de la guía de estilos de EDteam.

<section class="l-section s-py-4">
  <!-- Separación del contenido en columnas -->
  <div class="ed-grid lg-grid-2 row-gap s-gap-2 m-gap-4">
    <!-- Contenido de la columna 1 -->
    <div class="s-column s-main-center lg-main-start lg-cross-start s-center lg-left">
      <h1>Banner principal de dos columnas con EDgrid</h1>
      <p>Creado utilizando los componentes de columnas. Totalmente responsive.</p>
      <!-- Botones -->
      <div class="s-main-center">
        <a class="button s-mr-2 s-mb-2 m-mb-0">Botón 1</a>
        <a class="button s-mb-2 m-mb-0">Botón 2</a>
      </div>
    </div>
    <!-- Contenido de la columna 2 -->
    <div>
      <div class="img-container s-ratio-16-9">
        <img class="s-radius-1" src="/assets/img/og-image.jpg">
      </div>
    </div>
  </div>
</section>