Personal-Site/content/contact.md
2018-05-12 16:50:36 -07:00

49 lines
1.4 KiB
Markdown

+++
title = "Contact"
date = 2018-05-12T11:58:21-07:00
draft = false
[menu]
[menu.main]
weight = -70
+++
<div class="jumbotron">
<h1>Contact</h1>
<div id="successAlert" class="alert alert-success" role="alert" style="display: none;">Message sent successfully!</div>
<div id="errorAlert" class="alert alert-danger" role="alert" style="display: none"></div>
<form id="contactForm">
<div class="form-group">
<label for="nameField">Name
<span class="required">\*</span>
</label>
<input id="nameField" type="text" required="required" class="form-control">
</div>
<div class="form-group">
<label for="emailField">Email Address
<span class="required">\*</span>
</label>
<input id="emailField" type="email" required="required" class="form-control">
</div>
<div class="form-group">
<label for="subjectField">Subject</label>
<input id="subjectField" type="text" class="form-control">
</div>
<div class="form-group">
<label for="messageField">Message
<span class="required">\*</span>
</label>
<textarea id="messageField" rows="5" required="required" class="form-control"></textarea>
</div>
<div class="form-group captcha">
<div class="g-recaptcha" data-sitekey="6LfFATcUAAAAAJ_YZ3qvYWqrtOUHmCItq-azzV3x"></div>
</div>
<button id="contactSubmit" type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src="/js/contact.js"></script>