"bootstrap3 job application form "
Bootstrap 3.3.0 Snippet by ravic9089

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container formsection margintop60 staicp">
<h1 class="noneunder"> Job Application form</h1>
</div>
<div class="container formsection">
<div class="row margt0">
<div class="col-xs-12 col-sm-9">
<form class="form-horizontal formJob" name="form_jobapplication" id="jobAppForm" action="" method="POST" role="form">
<div class="setup-content" id="" style="display:block;">
<div class="sidehead">Personal Information:</div>
<div class="form-group">
<label class="col-xs-12 col-sm-4 col-md-4 com4mod control-label mandatory">Apply For</label>
<div class="col-xs-12 col-sm-7 col-md-8 com7mod">
<div class="row checkmargin specify">
<div class="col-sm-12 row-no-padding">
<label class="col-xs-12 col-sm-6 col-md-3 ">
<input type="checkbox" name="sr[]" value="1"><span class="text-sr">SR</span>
</label>
<label class="col-xs-12 col-sm-6 col-md-3 ">
<input type="checkbox" name="delevery_man[]" value="2"><span class="text-sr"> DELEVERY MAN</span>
</label>
<label class="col-xs-12 col-sm-6 col-md-3 ">
<input type="checkbox" name="accounts[]" value="3"><span class="text-sr"> ACCOUNTS</span>
</label>
<label class="col-xs-12 col-sm-6 col-md-3 ">
<input type="checkbox" name="supervisor[]" value="4"><span class="text-sr">SUPERVISOR</span>
</label>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
span.input-group-addon img {
width: 20px;
}
span.text-sr {
font-size: 11px;
}
h1.noneunder {
text-align: center;
font-family:lato;
}
.sidehead {
font-family:;
margin-left: 127px;
font-size: 27px;
margin-top: 40px;
margin-bottom:20px;
}
.formsection .form-control {
height: auto;
padding: 6px 12px;
background: #fbfbfb;
-webkit-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.05);
}
.height100 {
height: 115px!important;
vertical-align: top;
}
.height300{
height: 155px!important;
vertical-align: top;
}
p.statement {
font-size: 17px;
margin-left: 40px;
}
p.datee {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: