<!--Mode HTML-->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Form Type #04</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container">
<div class="text">Form Input Data</div>
<form action="#">
<div class="form-row">
<div class="input-data">
<input type="text" name="namadepan" required>
<div class="underline"></div>
<label for="">Nama Depan</label>
</div>
<div class="input-data">
<input type="text" name="namabelakang" required>
<div class="underline"></div>
<label for="">Nama Belakang</label>
</div>
</div>
<div class="form-row">
<div class="input-data">
<input type="text" name="email" required>
<div class="underline"></div>
<label for="">Email</label>
</div>
<div class="input-data">
<input type="text" name="website" required>
<div class="underline"></div>
<label for="">Website</label>
</div>
</div>
<div class="form-row">
<div class="input-data textarea">
<textarea rows="8" cols="80" name="pesan" required></textarea>
<div class="underline"></div>
<label for="">Tulis Pesan</label>
</div>
</div>
<div class="form-row submit-btn">
<div class="input-data">
<div class="inner"></div>
<input type="submit" value="submit">
</div>
</div>
</form>
</div>
</body>
</html>
<style>.footer,.generic-footer{margin-bottom:98px}@media (min-width:374px){.footer,.generic-footer{margin-bottom:78px}}@media (min-width:546px){.footer,.generic-footer{margin-bottom:56px}}@media (min-width:1055px){.footer,.generic-footer{margin-bottom:0}}.disclaimer{position:fixed;z-index:9999999;bottom:0;right:0;border-top:2px solid #ff5c62;text-align:center;font-size:14px;font-weight:400;background-color:#fff;padding:5px 10px 5px 10px}.disclaimer a:hover{text-decoration:underline}@media (min-width:1052px){.disclaimer{text-align:right;border-left:2px solid red;border-top-left-radius:10px}}@media (min-width:1920px){.disclaimer{width:60%}}</style><div class="disclaimer">@Copyright <a title="https://www.javabitpro.com/" target="_blank" href="https://www.javabitpro.com/" style="color: black;"><b>www.javabitpro.com</b></a></div>
/*Mode CSS*/
//Mode JS