← Back to all components
Marketing

Hero

Full-width hero section with heading, subheading, and CTA buttons.

Build something amazing

Start building your next project with our collection of copy-paste CSS components.

Get StartedView on GitHub
<section class="hero-section">
  <h1>Build something amazing</h1>
  <p>Start building your next project with copy-paste CSS components.</p>
  <div class="hero-actions">
    <a href="#" class="btn btn-primary btn-lg">Get Started</a>
    <a href="#" class="btn btn-secondary btn-lg">View on GitHub</a>
  </div>
</section>