A CodePen by ganshoot.

index.html

<section id="features" class="l-marketing-feature-briefs" data-url-path="features">
  <div class="marketing-feature-brief">
    <a href="#payments" class="marketing-feature-brief__graphic js-scroll-link"><span class="marketing-feature-brief__graphic__inner marketing-feature-brief__graphic__inner--payments">Payments</span></a>
    <h2 class="marketing-feature-brief__heading"><a href="#payments" class="js-scroll-link">Effortless integrated payments.</a></h2>
    <p class="marketing-feature-brief__description">There’s no easier way to accept recurring or one-time credit card payments for your space. And it takes minutes to set up.</p>
  </div>
  <div class="marketing-feature-brief">
    <a href="#booking" class="marketing-feature-brief__graphic js-scroll-link"><span class="marketing-feature-brief__graphic__inner marketing-feature-brief__graphic__inner--booking">Booking</span></a>
    <h2 class="marketing-feature-brief__heading"><a href="#booking" class="js-scroll-link">Track bookings and resources.</a></h2>
    <p class="marketing-feature-brief__description">With a booking system designed specifically for shared spaces, you’ll always know who’s coming, who’s going, and what they’re using.</p>
  </div>
  <div class="marketing-feature-brief">
    <a href="#members" class="marketing-feature-brief__graphic js-scroll-link"><span class="marketing-feature-brief__graphic__inner marketing-feature-brief__graphic__inner--members">Members</span></a>
    <h2 class="marketing-feature-brief__heading"><a href="#members" class="js-scroll-link">The best member experience.</a></h2>
    <p class="marketing-feature-brief__description">Desktime’s Member Profiles help your members connect, and a full payment and booking history give them control.</p>
  </div>
  <div class="marketing-feature-brief">
    <a href="#directory" class="marketing-feature-brief__graphic js-scroll-link"><span class="marketing-feature-brief__graphic__inner marketing-feature-brief__graphic__inner--directory">Directory</span></a>
    <h2 class="marketing-feature-brief__heading"><a href="#directory" class="js-scroll-link">Promote your space.</a></h2>
    <p class="marketing-feature-brief__description">Keep your space close to capacity with a listing in the Desktime Directory. It’s completely free, and fully-integrated into Desktime.</p>
  </div>
</section>