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