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

41.4k
Contact page

Author:
Mahir

2 years ago

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

Author:
Santos78

3 years ago

16.9k
Profile Card
Show more details on hover

Author:
Tamani Phiri

2 years ago

14.7k
Contact us form with map
Contact us form with map

Author:
Chithira Kumar M

2 years ago

12.4k
Inquiry / Contact form

Author:
isolde

2 years ago

7.7k
popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript

Author:
Ti To

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.

Author:
Junclarkaizen Pagu

2 years ago

8.1k
Contact us section
Minimal contact us form

Author:
Geoffrey Callaghan

2 years ago

5.7k
Visernic Profile

Author:
MD Mostafa Niloy

4 months ago

504
Responsive Contact Form with TailwindCSS
A sleek and fully responsive contact form built with TailwindCSS. This form includes input fields for name, email, subject, and message, along with a stylish submit button. The design features a decorative background, smooth focus effects, and optimized mobile responsiveness.

Author:
SHARIFUL ISLAM

1 year ago

1.5k
Responsive contact us section

Author:
Ron Hicks

3 years ago

15k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components