<!--Mode HTML-->
<head>
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<header>
<h1>Form Type #04</h1>
</header>
<div id="form">
<div class="fish" id="fish"></div>
<div class="fish" id="fish2"></div>
<form action="url" id="waterform" method="post">
<div class="formgroup" id="name-form">
<label for="name">Nama Depan*</label>
<input type="text" id="name" name="namadepan" />
</div>
<div class="formgroup" id="name-form">
<label for="name">Nama Belakang*</label>
<input type="text" id="name" name="namabelakang" />
</div>
<div class="formgroup" id="email-form">
<label for="email">Email*</label>
<input type="email" id="email" name="email" />
</div>
<div class="formgroup" id="message-form">
<label for="message">Pesan</label>
<textarea id="message" name="message"></textarea>
</div>
<input type="submit" value="Submit" />
</form>
</div>
<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