<form id="contact" action="" method="POST">
<input name="imie" type="text" class="form-control" tabindex="1" placeholder="Twoje imie" required>
<div class="line"></div>
<input name="nazwisko" type="text" class="form-control" tabindex="2" placeholder="Twoje nazwisko" required>
<div class="line"></div>
<input name="mail" type="text" class="form-control" tabindex="3" placeholder="Twoj mail" required>
<div class="line"></div>
<input name="adres" type="text" class="form-control" tabindex="4" placeholder="Twoj adres" required>
<div class="line"></div>
<textarea placeholder="XD" type="text" class="form-control text-place" tabindex="5"></textarea>
<div class="line"></div><br>
<button name="submit" id="submit-button" data-submit="Sending">Wyslij</button>
</form>







.contact-form {
	position: absolute;
	margin: 0 auto;
	width: 350px;
	height: 500px;
	background-color: #ffffff;
	box-shadow: 4px 6px 29px -13px rgba(0, 0, 0, 0.75);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 1em;
	text-align: center;
	overflow: hidden;
}
.name-section {
	background-color: #f2f2f2;
	padding: 3em 0;
	webkit-clip-path: polygon(100% 0, 100% 76%, 60% 76%, 50% 90%, 40% 76%, 0 0);
	clip-path: polygon(100% 0, 100% 76%, 60% 76%, 50% 90%, 40% 76%, 0 76%, 0 0);
}
h2{
	margin-top: -10px;
}
h4 {
	font-size: 12px;
	font-weight: 300;
}
.form-control {
	width: 100%;
	height: 30px;
	width: 50%;
	border: none !important;
}
body {
	background: linear-gradient(to right top, #f74cff, #d66eff, #b684ff, #9c93ff, #8b9efc, #76aaff, #67b5ff, #5fbffc, #2ed1ff, #00e1ff, #00f1fd, #00ffef);
}
*{
	font-family: 'Comfortaa', cursive;
}
.line{
	position: absolute;
	border-top: 1px solid #2a2a2a;
}
#submit-button {
	background: linear-gradient(to right top, #f74cff, #d66eff, #b684ff, #9c93ff, #8b9efc, #76aaff, #67b5ff, #5fbffc, #2ed1ff, #00e1ff, #00f1fd, #00ffef);
	border: medium none !important;
	border-radius: 10px;
	height: 30px;
	width: 155px;
}
                                
                            

Paste Hosted With By Wklejamy.pl