mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 09:15:37 -06:00
40 lines
1.8 KiB
HTML
40 lines
1.8 KiB
HTML
<section id="contact-section" class="section gap">
|
|
<div class="bg" data-anchor-target="#contact-section"
|
|
data-bottom-top="transform: translate3d(0px, -150px, 0px);"
|
|
data-top-bottom="transform: translate3d(0px, 150px, 0px);"
|
|
></div>
|
|
<div class="overlay-wrapper">
|
|
<div class="fade-in">
|
|
<div class="center">
|
|
<h1 class="section-heading">Get In Touch</h1>
|
|
<span class="divider center"></span>
|
|
<p class="contact-description">Have a sweet project in mind or just want to say hi? Feel free to send me a message!</p>
|
|
</div>
|
|
<div class="contact-wrapper">
|
|
<form id="contactform" class="form-wrapper" method="POST" autocomplete="off">
|
|
<input type="text" name="_gotcha" style="display:none" >
|
|
<div class="input-wrapper">
|
|
<label for="name" class="input-label">Name</label>
|
|
<input type="text" name="name" class="contact-input" id="name" required>
|
|
</div>
|
|
<div class="input-wrapper">
|
|
<label for="email" class="input-label">Email</label>
|
|
<input type="email" name="_replyto" class="contact-input" id="email" required>
|
|
</div>
|
|
<div class="input-wrapper">
|
|
<label for="subject" class="input-label">Subject</label>
|
|
<input type="text" name="_subject" class="contact-input" id="subject" required>
|
|
</div>
|
|
<div class="input-wrapper">
|
|
<label for="message" class="input-label" id="message-label">Message</label>
|
|
<textarea name="message" class="contact-input autoExpand" id="message" required></textarea>
|
|
</div>
|
|
<button type="submit" name="submit" class="message-btn">
|
|
<span>Send Message</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|