<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="wrapper">
<div class="container">
<div class="stencil">
<div class="line">
<div class="line"></div>
</div>
</div>
<div class="border-triangle"></div>
<div class="content-triangle"></div>
<div class="enter-triangle-one"></div>
<div class="enter-triangle-two"></div>
<form onsubmit="return false" method="post" id="form">
<div class="title">
<label>LOG INTO</label>
<label>SYSTEM</label>
</div>
<div class="input-inform">
<input type="text" name="name" id="name" placeholder="LOGIN..." />
<input type="password" name="password" id="password" placeholder="PASSWORD..." />
<input type="button" value="FORGOT PASSWORD?" id="forgot-pas"/>
</div>
<div class="enter">
<label for="enter"></label>
<input type="submit" name="submit" value="ENTER" id="enter"/>
</div>
</form>
</div>
</div>
<script>
document.getElementById('enter').onclick = function() {
valid(document.getElementById('form'));
