Drop me a line.
super-embed:
<html lang="en">
<head>
<style>
.vertical-form {
display: flex;
flex-direction: column;
gap: 0.5rem;
max-width: 500px;
margin: auto;
}
.label {
color: rgba(232, 228, 208, 0.45);
font-family: var(--system-ui);
font-weight: 500;
font-size: 0.625rem;
text-align: initial;
margin-bottom: -0.15rem;
text-transform: uppercase;
letter-spacing: 0.15rem;
}
.input {
background-color: rgba(0, 0, 0, 0.15);
border-radius: 0.375rem;
border: none;
resize: none;
color: rgba(232, 228, 208, 0.75);
font-size: 1rem;
appearance: none;
padding: 1rem;
font-family: var(--system-ui);
font-weight: 300;
margin-bottom: 0.25rem;
}
.input:focus {
outline: none;
}
#name, #email {
height: 2.5rem;
}
.button {
padding: 1rem;
background-color: rgba(232, 228, 208, 0.03);
color: rgba(232, 228, 208, 0.7);
border-radius: 0.375rem;
cursor: pointer;
font-family: var(--system-ui);
font-weight: 400;
font-size: 1.0625rem;
margin-top: 0.25rem;
}
</style>
</head>
<body>
<form class="vertical-form" action="https://submit-form.com/1lGEYj5N">
<label class="label" for="name">Name</label>
<input class="input" id="name" name="name" type="text" />
<label class="label" for="email">Email</label>
<input class="input" id="email" name="email" type="text" />
<label class="label" for="message">Message</label>
<textarea class="input" id="message" name="message" cols="15" rows="5"></textarea>
<button class="button" type="submit">Submit</button>
<input type="hidden" name="_redirect" value="https://sie.gs/thanks" />
</form>
</body>
</html>