Home
Livia Flores
Contact information section

Contact information section

Display Location, email, address, and phone number

This tailwind example is contributed by Livia Flores, on 07-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Get in touch, Contact form

Author Livia Flores

13k

Fork Fullscreen

<div class="bg-gray-100 py-12">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="lg:text-center">
            <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Location</h2>
            <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
                Our Store
            </p>
            <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus magnam voluptatum cupiditate veritatis
                in, accusamus quisquam.
            </p>
        </div>

</div>
                    </div>
                    <div class="ml-4">
                        <dt class="text-lg leading-6 font-medium text-gray-900">
                            Address
                        </dt>
                        <dd class="mt-2 text-base text-gray-500">
                            123 Main St, Suite 100<br>
                            Anytown, USA 12345
                        </dd>
                    </div>
                </div>

</div>
                    </div>
                    <div class="ml-4">
                        <dt class="text-lg leading-6 font-medium text-gray-900">
                            Phone number
                        </dt>
                        <dd class="mt-2 text-base text-gray-500">
                            (555) 555-5555
                        </dd>
                    </div>
                </div>

</div>
                    </div>
                    <div class="ml-4">
                        <dt class="text-lg leading-6 font-medium text-gray-900">
                            Email
                        </dt>
                        <dd class="mt-2 text-base text-gray-500">
                            info@ourstore.com
                        </dd>
                    </div>
                </div>

</div>
                    </div>
                    <div class="ml-4">
                        <dt class="text-lg leading-6 font-medium text-gray-900">
                            Store Hours
                        </dt>
                        <dd class="mt-2 text-base text-gray-500">
                            Monday - Friday: 9am to 8pm<br>
                            Saturday: 10am to 6pm<br>
                            Sunday: 12pm to 4pm
                        </dd>
                    </div>
                </div>
            </dl>
        </div>
    </div>
</div>

Related Examples

Get in touch contact form

Author:
Kris Showen

2 years ago

40.8k
Contact page

Author:
Mahir

2 years ago

17.5k
Visit us section with google map
useful for landing pages

Author:
Santos78

2 years ago

16.5k
Profile Card
Show more details on hover

Author:
Tamani Phiri

2 years ago

14.3k
Contact us form with map
Contact us form with map

Author:
Chithira Kumar M

1 year ago

11.8k
Inquiry / Contact form

Author:
isolde

1 year ago

7.4k
Simple contact us form

Author:
Geoffrey Callaghan

1 year ago

7k
Why Everyone Around the World Loves Us
"Our platform is built to serve everyone, everywhere — with speed, security, and a human touch." "From cities to remote villages, our features connect the world through technology that truly cares." "Designed with the whole world in mind — fast, secure, and made for real people." "No matter who you are or where you're from, our tools are built to empower and inspire you." "We believe great technology should be accessible, safe, and helpful to all — and that's exactly what we offer."

Author:
Nicole Shalom

5 months ago

894
Call Display UI built with Tailwind CSS
Here's a Call Display UI built with Tailwind CSS that mimics an incoming/ongoing call screen with a modern design:

Author:
irahoza daniel

5 months ago

337
Get in touch tailwind contact form
Get in touch tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

2.2k
Contact us page template
full page fancy contact us page

Author:
Geoffrey Callaghan

1 year ago

7.3k
Get in touch contact form with fabform.io

Author:
Ho O

9 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components