1 Column 1

<div class="blocks-sc-1col-01 wrapper bg-color-ui-01">
  <div class="grid-container">
    <div class="grid-x">
      <div class="large-6 medium-10 small-12 cell">
        <div class="spacer xxxx-large"></div>
        <h2 class="heading-2 font-h2">So many components!</h2>
        <div class="spacer"></div>
        <div>
          <p>
            A whole kitchen sink of goodies comes with Insites Components. Check out the framework to see them all, along with details on making them your own.
          </p>
        </div>
        <div class="spacer"></div>
        <a>
          <ins-button solid color="blue" label="LEARN MORE"></ins-button>
        </a>
        <div class="spacer xxxx-large"></div>
      </div>
    </div>
  </div>
</div>

.blocks-sc-1col-01 {
  background-image: url(https://insites.imgix.net/bg-dark.jpg);
  background-position: center;
  background-size: cover;
}

.blocks-sc-1col-01 h2,
.blocks-sc-1col-01 p {
  color: var(--color-font-inv, #FFFFFF);
}