Home
Leon Bachmann
hero section fullpage

hero section fullpage

This tailwind example is contributed by Leon Bachmann, on 24-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Hero

Author Leon Bachmann

11.1k

Fork Fullscreen

<div class="px-4 mx-auto mt-16 mb-16 max-w-7xl sm:mt-24">
        <div class="text-center">
            <h1 class="text-4xl font-extrabold tracking-tight text-gray-200 sm:text-5xl md:text-6xl font-title">
                <span class="block">Leading US-Based cycle maker</span>
                <span class="block pt-2">New Product Launch</span>
            </h1>
            <p class="max-w-md mx-auto mt-3 text-base text-gray-300 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
                Innovative technology to revolutionize industry standards,
                Available for pre-order now and shipping to customers in the coming months
            </p>
            <div class="max-w-md mx-auto mt-5 sm:flex sm:justify-center md:mt-8">

</div>

Related Examples

Carousel with Tailwind CSS and Alpine.js
Simple card Carousel

Author:
Brandon D

3 years ago

31k
Clean hero section
Hero template with buttons

Author:
Laurits

2 years ago

14.8k
Product Page
Showcase for the product.

Author:
Prem..

3 years ago

31.3k
Hero section with a gradient background
With text overlay, and a call-to-action button

Author:
Anonymous

2 years ago

19.3k
Typical SAAS hero section

Author:
Eamon Carter

2 years ago

9.1k
Premium SAAS HERO Section
A hero section for your SAAS application

Author:
Emdadul Islam

1 year ago

2.5k
Registration
used in personal information

Author:
Uwase Alliance

4 months ago

597
Minimalistic hero section

Author:
Sophia Baker

2 years ago

11.3k
home
html , css

Author:
Hacker Development

4 months ago

1.3k
home page
Hero Section: Gradient background with noise texture Animated floating image Gradient text effect Call-to-action buttons Features Section: Three feature cards with gradient headers Hover animations Clean iconography Stats Display: Full-width gradient background Clean stat presentation Testimonials: Three testimonial cards with user avatars Star ratings Border accents Hover scaling effects Call-to-Action (CTA) Section: Gradient background Centered content Multiple action buttons Footer: Four-column layout Social media icons Newsletter signup Copyright information Design Features: Vibrant gradient color scheme Smooth hover animations and transitions Responsive layout for all screen sizes Modern typography Subtle floating animations Clean, card-based design

Author:
ishimwe prince

4 months ago

609
Animated Hero Slider, different images for mobile
A hero with 2 images alternating each other every 7 seconds, zoom on scroll

Author:
Gianluca Secondo

7 months ago

984
HERO

Author:
ABDO-SY

6 months ago

577

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components