<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content="Neil Brommer - Contact Page"> <meta name="author" content="Neil Brommer"> <link rel="icon" href="favicon.ico"> <!-- theme colors --> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#3f51b5"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#3f51b5"> <!-- iOS --> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <title>Neil Brommer - Contact</title> <!-- Bootstrap core CSS --> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- font awesome --> <link href="font-awesome/css/font-awesome.css" rel="stylesheet"> <!-- Custom styles for this site --> <link href="css/main.css" rel="stylesheet"> <!-- Google Analytics --> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-105178749-1', 'auto'); ga('send', 'pageview'); </script> <!-- Bootstrap core JavaScript --> <script src="js/jquery-3.2.1.js"></script> <script src="js/popper.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <script src="js/contact.js"></script> <!-- Google reCAPTCHA --> <script src='https://www.google.com/recaptcha/api.js'></script> </head> <body> <!-- Fixed navbar --> <nav id="topnav" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <div class="container"> <a class="navbar-brand" href="/">Neil Brommer</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav mr-auto"> <li class="nav-item" id="homelnk"> <a class="nav-link" href=".">Home</a> </li> <li class="nav-item" id="resumelnk"> <a class="nav-link" href="resume.html">Resumé</a> </li> <li class="nav-item" id="projectslnk"> <a class="nav-link" href="projects.html">Projects</a> </li> <li class="nav-item active" id="contactlnk"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> </div> </div> </nav> <!-- Main component for a primary marketing message or call to action --> <div class="container"> <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-size="compact" data-sitekey="6LfFATcUAAAAAJ_YZ3qvYWqrtOUHmCItq-azzV3x"></div> </div> <button id="contactSubmit" type="submit" class="btn btn-primary">Submit</button> </form> </div> </div> </body> </html>