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