<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8">
<title>Contact Us</title>
<meta name="description" content="" /><meta name="keywords" content="" /><meta name="" content=""><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Latest compiled and minified CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /><!-- Optional theme -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet" /><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="form.css" rel="stylesheet" /><script src="form.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h2 style="text-align: center;">Contact Us</h2>
<p>Send your message in the form below and we will get back to you as early as possible.</p>
<form id="reused_form" method="post" role="form">
<div class="form-group"><label for="name">Name:</label> <input class="form-control" id="name" maxlength="50" name="name" required="" type="text" /></div>
<div class="form-group"><label for="email">Email:</label> <input class="form-control" id="email" maxlength="50" name="email" required="" type="email" /></div>
<div class="form-group"><label for="name">Message:</label><textarea class="form-control" id="message" maxlength="6000" name="message" placeholder="Your Message Here" rows="7" type="textarea"></textarea></div>
<div class="row" style="margin-bottom:30px;">
<div class="col-sm-5"><img id="captcha_image" src="captcha.php" /><br />
<a href="#" id="captcha_reload">reload</a></div>
<div class="col-sm-6"><label for="email">Enter the code from the image here:</label> <input class="form-control" id="captcha" name="captcha" required="" type="text" /></div>
</div>
<button class="btn btn-lg btn-success pull-right" id="btnContactUs" type="submit">Post It! →</button></form>
<div id="success_message" style="width:100%; height:100%; display:none; ">
<h3>Message Sent! Good Luck</h3>
</div>
<div id="error_message" style="width:100%; height:100%; display:none; ">
<h3>Error</h3>
<g class="gr_ gr_20 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-ins replaceWithoutSep" data-gr-id="20" id="20">Sorry</g> there was an error sending your form.</div>
</div>
</div>
</div>
<p style="text-align: center;"><br />
<br />
</p>
</body>
</html>