Skip to content

Instantly share code, notes, and snippets.

@harrisonmalone
Created September 16, 2019 02:09
Show Gist options
  • Select an option

  • Save harrisonmalone/81d96f614988e2e6ba45881d88ced16a to your computer and use it in GitHub Desktop.

Select an option

Save harrisonmalone/81d96f614988e2e6ba45881d88ced16a to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=`, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<form action="https://formspree.io/harrison.malone2@gmail.com" method="POST">
<label for="name">Name</label>
<input type="text" name="name" id="name">
<label for="content">Content</label>
<textarea name="content" id=""></textarea>
<label for="email">Email</label>
<input type="email" name="email" id="email">
<input type="submit" value="Submit" id="submit">
</form>
</div>
</body>
</html>
body {
margin: 0px; }
.container {
height: 80vh;
display: flex;
justify-content: center;
align-items: center; }
form {
display: flex;
flex-direction: column;
align-items: center; }
form input {
margin: 10px 0px;
width: 500px; }
form textarea {
resize: none;
height: 300px;
width: 500px;
font-size: 30px; }
form #submit {
width: 200px; }
/*# sourceMappingURL=style.css.map */
body {
margin: 0px;
}
.container {
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
form {
display: flex;
flex-direction: column;
align-items: center;
input {
margin: 10px 0px;
width: 500px;
}
textarea {
resize: none;
height: 300px;
width: 500px;
font-size: 30px;
}
#submit {
width: 200px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment