Form sizing
This commit is contained in:
+11
-11
@@ -16,24 +16,24 @@ showAuthor: true
|
||||
|
||||
---
|
||||
|
||||
<form action="https://formspree.io/f/mykndyej" method="POST" class="contact-form" style="width: 100%; max-width: 850px; margin: 20px auto;">
|
||||
<form action="https://formspree.io/f/mykndyej" method="POST" style="width: 100%; box-sizing: border-box;">
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<label style="display: block; margin-bottom: 5px;">Name</label>
|
||||
<input type="text" name="name" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;">
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="display: block; margin-bottom: 8px; font-weight: bold;">Name</label>
|
||||
<input type="text" name="name" required style="width: 100%; padding: 12px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit; box-sizing: border-box;">
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<label style="display: block; margin-bottom: 5px;">Email</label>
|
||||
<input type="email" name="_replyto" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;">
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="display: block; margin-bottom: 8px; font-weight: bold;">Email</label>
|
||||
<input type="email" name="_replyto" required style="width: 100%; padding: 12px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit; box-sizing: border-box;">
|
||||
</div>
|
||||
|
||||
<div style="margin-bottom: 15px;">
|
||||
<label style="display: block; margin-bottom: 5px;">Message</label>
|
||||
<textarea name="message" rows="5" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;"></textarea>
|
||||
<div style="margin-bottom: 20px;">
|
||||
<label style="display: block; margin-bottom: 8px; font-weight: bold;">Message</label>
|
||||
<textarea name="message" rows="5" required style="width: 100%; padding: 12px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit; box-sizing: border-box; resize: vertical;"></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" style="background-color: #3d3d4d; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; width: 100%; max-width: 200px;">
|
||||
<button type="submit" style="background-color: #3d3d4d; color: white; padding: 12px 30px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: opacity 0.2s;">
|
||||
Send Message
|
||||
</button>
|
||||
</form>
|
||||
Reference in New Issue
Block a user