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

12.9k

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.4k
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.3k
CONTACT US - GET IN TOUCH - PORTFOLIO
Responsive "Contact us" section, dark-mode-friendly contact area featuring stylish cards with icons displaying essential contact details.

Author:
ABDO-SY

7 months ago

1.3k
Responsive contact us section

Author:
Ron Hicks

2 years ago

14.6k
Contact Us
This is contact us page with form

Author:
varniraj vaghela

1 year ago

2k
Contact us page

Author:
Geoffrey Callaghan

1 year ago

5.7k
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

4 months ago

322
Responsive Contact Information and Inquiry Form Component
This component is a fully responsive and reusable section designed for websites that need to display contact information alongside a user inquiry form. It is built with Tailwind CSS for easy customization and integration into any projec

Author:
Vikas Kushwah

6 months ago

816

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components