Tutorial 15 · Sections

Marketing Sections

Hero, features, pricing, testimonials — composition with lucUI sections.

12 minBeginnerlucUI 2 · v2.1.3

Objectives

Use .luc-hero and .luc-features.
Build pricing and testimonial cards.

Steps

Hero

hero.html

<section class="luc-hero">
  <div class="luc-hero-content">
    <h1 class="luc-hero-title luc-gradient-text">Title</h1>
    <p class="luc-hero-subtitle">Subtitle</p>
  </div>
</section>

Pricing

Starter

Studio

$29

← Previous Next →