Home
Abigail
Hero section with bold heading

Hero section with bold heading

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

Hero

Author Abigail

11.7k

Fork Fullscreen

<div class="xl:max-w-screen-xl pt-6 md:pt-12 pb-6 lg:pb-10 mx-auto px-6 sm:px-6 md:px-8 lg:px-12 xl:pt-24">
    <h1 class="text-3xl md:text-4xl lg:text-6xl xl:text-7xl font-bold mb-6 text-gray-900">
        Eco-Friendly Reusable Silicone Food Storage Bags
    </h1>
    <div class="prose prose-lg lg:prose-xl xl:prose-2xl">
        These reusable silicone food storage bags are a must-have for
        anyone looking to reduce their environmental impact and save money in the long run.
    </div>
    <div class="flex gap-4 flex-wrap my-4 md:mt-8">
        <a href="#"
            class="bg-indigo-600 hover:bg-indigo-700 transition ease-in-out duration-150 text-base text-white px-4 lg:px-8 py-4 inline-block font-bold rounded-md shadow-xl">Start
            Browse
        </a>

<a href=""
            class="bg-white hover:bg-yellow-200 text-base text-indigo-600 px-4 lg:px-8 py-4 inline-block font-bold rounded-md shadow-xl transition ease-in-out duration-150">
            Our impact
        </a>
    </div>
    <a href="" class="font-semibold mt-6 inline-block text-lg lg:text-xl text-indigo-600 hover:underline"><span
            class="hidden sm:inline">Discover our key features. »</span>
        <span class="inline sm:hidden">Learn more »</span>
    </a>
</div>

Related Examples

Générateur de Certificat Officiel
Générateur de Certificat Officiel

Author:
Omer fils ELENGA

2 months ago

221
Animated bento box.
A Coastal UI component (coastalui.com). This can be used as part of a bento box, great for showing connectivity between context, could be used beyond just showing tech stacks.

Author:
Coastal UI

1 year ago

1.4k
Portfolio Hero Section 1
visually stunning and captivating hero section component for your portfolio website.

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

5.7k
Hero template

Author:
Leon Bachmann

3 years ago

13.8k
Premium High-Performance Web Gaming Hub
Experience the future of browser-based gaming. I’ve developed a premium arcade hub designed for speed, clarity, and zero-latency gameplay. Built with modern web technologies, Ayyamperumal Games brings AAA-inspired visuals and high-octane mechanics directly to your browser—no downloads, no lag, just pure performance. Explore a curated library of titles ranging from minimalist logic puzzles like Sudoku Elite to fast-paced action in Neon Drift. This is where clean code meets high-level entertainment.

Author:
Ayyamperumal S

2 months ago

411
hero section

Author:
Anonymous

2 years ago

9.9k
MENU OMERLINKS
MENU OMERLINKS

Author:
Omer fils ELENGA

1 month ago

148
New Collection
A "New Collection" in fashion refers to a series of new garments and accessories designed and released by a designer or brand for a specific season (e.g., Spring/Summer, Fall/Winter). It's a carefully curated selection of items that typically share a common theme, style, or inspiration, reflecting the brand's identity and target audienc

Author:
nii fanny

9 months ago

695
Hero section with image

Author:
Sophia Baker

3 years ago

13.3k
template hero

Author:
Raul antonio de la cruz hernandez

2 months ago

410
future ai robot
this an ai template by salvator

Author:
Baraka Salvator

9 months ago

1.2k
Hero Section
Home hero section search bar

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

2 years ago

7.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components