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 v3.4. It is responsive. similar terms for this example are Get in touch, Contact form

Author Livia Flores

Tailwind v3.4 13.4k 12

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

Kris Showen

3 years ago

42.5k
Contact page

Mahir

3 years ago

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

Santos78

3 years ago

17.5k
Profile Card
Show more details on hover

Tamani Phiri

3 years ago

15.2k
Contact us form with map
Contact us form with map

Chithira Kumar M

2 years ago

13.1k
Inquiry / Contact form

isolde

2 years ago

8.2k
Contact Information section with form
A section that displays ways to connect, featuring icons for social media and clickable email addresses.

Junclarkaizen Pagu

3 years ago

8.6k
Contact Us
Fully Responsive Contact Us page with google maps embeded

AKASH GANDHAR

2 years ago

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

Vikas Kushwah

1 year ago

1.9k
Contact Us / Enquiry-form Responsive

KULDEEP

1 year ago

2.2k
Contact form Modern
Contact Us We'd love to hear from you!

Alif Bima Pradana

8 months ago

1.1k
Responsive contact us section

Ron Hicks

3 years ago

15.9k