mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
49 lines
No EOL
1.7 KiB
HTML
49 lines
No EOL
1.7 KiB
HTML
<!-- From Uiverse.io by themrsami - Tags: yellow, form, light, tailwindcss, contactus -->
|
|
<div class="container px-4 mx-auto">
|
|
<div class="mx-auto">
|
|
<div class="max-w-md mx-auto px-8 py-6 bg-gray-100 rounded-lg shadow-lg">
|
|
<h2 class="text-2xl font-semibold text-gray-800 mb-4">Contact Us</h2>
|
|
<form>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-800 mb-1" for="name">Your Name</label>
|
|
<input
|
|
class="w-full px-4 py-2 bg-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-300 transition duration-300"
|
|
placeholder="Enter your name"
|
|
type="text"
|
|
/>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-800 mb-1" for="email">Your Email</label>
|
|
<input
|
|
class="w-full px-4 py-2 bg-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-300 transition duration-300"
|
|
placeholder="Enter your email"
|
|
name="email"
|
|
id="email"
|
|
type="email"
|
|
/>
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-800 mb-1" for="message"
|
|
>Your Message</label
|
|
>
|
|
<textarea
|
|
class="w-full px-4 py-2 bg-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-300 transition duration-300"
|
|
rows="4"
|
|
placeholder="Enter your message"
|
|
name="message"
|
|
id="message"
|
|
></textarea>
|
|
</div>
|
|
<button
|
|
class="w-full bg-yellow-300 text-gray-800 py-2 px-4 rounded-lg hover:bg-yellow-400 transition duration-300"
|
|
type="submit"
|
|
>
|
|
Send Message
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|