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