<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-heading">
<h6 class="panel-title">
</h6>
</div>
<div class="panel-body">
<form action="/dell" method="post" class='form-vertical'>
<div class="form-group">
<div class="row">
<div id="ml" class="col-sm-10">
<label for="mailpass" >mailpass:</label>
<textarea name="mailpass" id="mailpass" rows="7" cols="7" class="form-control" placeholder="email@mail.com|password"></textarea>
</div>
<div id="sk" class="col-sm-4" style="display:none;">
<label for="socks" class="control-label">Socks 5 {{-- (<a href="javascript:void(0);" class="import-sock">Get Socks</a>) --}}:</label>
<textarea name="socks" id="socks" rows="7" cols="7" class="form-control" placeholder="127.0.0.1:8080"></textarea>
</div>
<div class="control-group">
<label>Check options:</label>
<div class="controls">
<label> <input type="checkbox" name="syssock" id="syssock" onclick="ShowHideDiv(this)"/> check with your socks </label>
<label> <input type="checkbox" name="checkbox" id="email"/> Email </label>
<label> <input type="checkbox" name="checkbox" checked="checked" id="nochange"/> Change sock if live </label>
<label> <input type="checkbox" name="nosocks" id="nosocks"/>check without socks </label>
</div>
</div>
</div>
</div>
<div class="form-actions">