html 自定义CTA与图像

Posted 2021-05-10

#block-customfrontcta {
  background: #570000;
  .cell {
    text-align: center;
    h1 {
      color: #d6b040;
    }
    p {
      color: #fff;
    }
    @media (min-width: 2024px){
      // img {
      //   float: left;
      //   margin-right: 20px;
      // }
    }
  }
}

<div class="grid-x">
  <div class="cell large-10 large-offset-1 medium-10 medium-offset-1">
    <div class="grid-x">
      <div class="cell large-3 align-self-middle">
      <img class="napa-award" src="/sites/noeldulac.us1.advisor.ws/files/styles/max_325x325/public/images/2017_NAPA_TopDCAdvisorTeams_Logo-516988-edited_0.png?itok=jomW3Sfv" alt="NAPA">
    </div>

    <div class="cell large-9">
      <h1>AFS 401(k) Retirement Services Honored in NAPA’s Top DC Advisor Teams List</h1>

    <p>Bethesda, MD (January 3, 2018)—AFS 401(k) Retirement Services, a 401(k) Retirement Plans Consulting Firm in Bethesda, MD, today announces that it has been named one of National Association of Plan Advisors (NAPA) Top DC Advisor Teams list.</p>
    </div>
    </div>
  </div>
</div>