Home
Anonymous
deLed.ro

deLed.ro

Forked from> @noob_dev/coming-soon-section

Proiectul deLed sustinut de Offix.SRL vine in intampinare dumneavoastra cu o abordare moderna si curajoasa. Momentan in constructie, va asteptam cu drag in curand.

This tailwind example is contributed by Anonymous, on 25-Jun-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are upcoming, Pre-launch page, Teaser page, Under construction page, Placeholder page, Sneak peek page,Launch page

Coming Soon Page

Author Anonymous

Fork Fullscreen

<div class="flex items-center justify-center h-screen bg-gray-200">
    <div class="container">
        <div class="bg-white rounded-lg shadow-lg p-5 md:p-20 mx-2">
            <div class="text-center">
                <h2
                    class="text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:text-5xl sm:leading-none md:text-6xl">
                    de<span class="text-indigo-600">L</span>ed<span class="text-red-600">.ro</span>
                </h2>
                <h3 class='text-xl md:text-3xl mt-10'>Pagină în construcție</h3>
                <p class="text-md md:text-xl mt-10"><a class="hover:underline" href="#">deLed.ro</a> e un proiect ambițios aflat la început de drum.<p>Vă așteptăm cu drag în curând!</p>
            </div>
            <div class="flex flex-wrap mt-10 justify-center">
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Facebook"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-blue-600 hover:border-blue-600 hover:bg-blue-600 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Facebook</span>
                    </a>
                </div>
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Twitter"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-blue-500 hover:border-blue-500 hover:bg-blue-500 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Twitter</span>
                    </a>
                </div>
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Pinterest"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-red-600 hover:border-red-600 hover:bg-red-600 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Pintrest</span>
                    </a>
                </div>
                <div class="m-3">
                    <a href="#" title="Quicktoolz On Facebook"
                        class="md:w-32 bg-white tracking-wide text-gray-800 font-bold rounded border-2 border-orange-500 hover:border-orange-500 hover:bg-orange-500 hover:text-white shadow-md py-2 px-6 inline-flex items-center">
                        <span class="mx-auto">Reddit</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Coming Soon Countdown Section – Animated & Responsive
A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

Author:
wavy kits

3 months ago

622
Maintenance page

Author:
Faye

1 year ago

1.8k
Animated Coming Soon Page 1
animated coming soon landing page

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

1 year ago

4.1k
"Coming Soon" landing page with countdown timer

Author:
Anonymous

8 months ago

553
Coming soon page with countdown

Author:
Samuel Dawson

3 years ago

14.6k
Simple coming soon page

Author:
Adia Okonkwo

2 years ago

20.1k
Coming Soon Section
Simple and beautiful card for your showing on your projects (in development) home screen

Author:
Noob

3 years ago

10.5k
Maintenance page template
The site is under maintenance placeholder page

Author:
Noah Schmidt

2 years ago

14.8k
Coming soon page with newsletter

Author:
Samuel Dawson

3 years ago

11.2k
Minimal coming soon page
Temporary placeholder for website landing page

Author:
Anonymous

1 year ago

1.9k
Coming Soon Page

Author:
Conan Hilton

3 years ago

10.2k
Website Pricing List Card Component
Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

Author:
Ayyamperumal S

10 months ago

1.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components