Skip to content

Instantly share code, notes, and snippets.

@maxmatthews
Last active February 27, 2020 19:47
Show Gist options
  • Save maxmatthews/af4766432141d1c764a44f02073497f5 to your computer and use it in GitHub Desktop.
Save maxmatthews/af4766432141d1c764a44f02073497f5 to your computer and use it in GitHub Desktop.
A starter webpage with a contact form powered by MailThis.to, Bootstrap, & Google Fonts
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Max Matthews</title>
<link
href="https://fonts.googleapis.com/css?family=Raleway:300,400&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<style>
body {
margin: 40px auto;
max-width: 650px;
line-height: 1.6;
font-size: 18px;
color: #444;
padding: 0 10px;
background: #eeeeee;
text-align: right;
font-family: "Raleway", sans-serif;
}
h1,
h2,
h3 {
line-height: 1.2;
}
h1 {
font-weight: 400;
}
p,
label {
font-weight: 300;
}
</style>
</head>
<body>
<h1>Hi, I'm Max!</h1>
<p>
You can reach out to me <a href="mailto:max@mzmtech.com">here</a> or fill
out the form below...
</p>
<form action="https://mailthis.to/max@mzmtech.com" method="POST">
<div class="form-group">
<label>Name:</label>
<input type="text" class="form-control" name="Name" />
</div>
<div class="form-group">
<label>Your Email:</label>
<input type="email" class="form-control" name="_replyto" required />
</div>
<div class="form-group">
<label>Message:</label>
<textarea class="form-control" name="Message" rows="3"></textarea>
</div>
<input type="hidden" name="_honeypot" value="" />
<button type="submit" class="btn btn-primary">Send</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment