"Necesita un abogado"
Bootstrap 3.3.0 Snippet by alesalazar

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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>
<div class="container">
<div class="row photo-with-button" style="background:url(http://legalprom.cl/wp-content/uploads/2014/05/main-bg-sociedades.jpg) no-repeat center;">
<div class="col-md-6 photo-with-button-content">
<h2>Necesito ayuda en</h2>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox1" value="option1"> Laboral
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox2" value="option2"> Bienes Raices
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"> Litigios
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"> Contratos
</label>
<h5 style="font-size:18px;font-weight:700;">Cuéntenos su caso</h5>
<textarea class="form-control" rows="3"></textarea>
<h5 style="font-size:18px;font-weight:700;">Quiero que un abogado experto me responda a</h5>
<form class="form-inline">
<div class="form-group">
<label for="exampleInputEmail2">Mi e-mail</label>
<input type="email" class="form-control" id="exampleInputEmail2" style="margin:0 0 10px 30px;">
</div>
<div class="form-group">
<label for="exampleInputnumber">Mi teléfono</label>
<input type="quantity" class="form-control" id="exampleInputnumber" min="8" max="12" style="margin-left:14px;">
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
body{
font-family: 'Open Sans', sans-serif;}
.container{
width:100%;}
.photo-with-button{
padding-top:100px;
padding-bottom:100px;}
.photo-with-button-content{
color:#35556b;
padding-left:170px;}
.photo-with-button-content h2{
font-size:46px;
font-weight:300;
width:600px;
margin-bottom:30px;}
.photo-with-button-content p{
font-size:18px;
font-weight:300;
}
.btn-blue-large{
margin-top:30px;
padding:20px;
font-size:24px;
font-weight:600;
background-color:#35556b;
border-color:#35556b;}
.row-three{
margin:50px 0;
padding:0 100px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: