"My Favorite Home Page Design"
Bootstrap 3.3.0 Snippet by fetheart

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 ---------->
<div class="container">
<div id="tabs-home" class="row slider" style="background:url(http://legalprom.cl/wp-content/uploads/2014/05/main-bg.jpg) no-repeat center fixed;">
<div class="col-sm-3">
<nav class="nav-sidebar">
<ul class="nav tabs">
<li class="active"><a href="#tab1" data-toggle="tab"><p>CREACION EMPRESAS</p><span>Constitución de Sociedades</span></a></li>
<li class=""><a href="#tab2" data-toggle="tab"><p>MARCAS</p><span>Registro y Renovación</span></a></li>
<li class=""><a href="#tab3" data-toggle="tab"><p>MODIFICACION</p><span>Disolucion Sociedades</span></a></li>
<li class=""><a href="#tab4" data-toggle="tab"><p>¿BUSCA UN ABOGADO?</p><span>Laboral-Bienes Raices-Litigios-Contratos</span></a></li>
</ul>
</nav>
</div>
<!-- tab content -->
<div id="wea" class="col-sm-9 tab-content">
<div class="tab-pane active text-style fade in active" id="tab1">
<h2>Su Sociedad Bien Hecha Online</h2>
<p>Libérese de malos ratos con nuestra garantía de aprobación bancaria de sus estatutos</p>
<p><strong>Desde $74.990 y 24 hrs.</strong></p>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Seleccione Sociedad para comenzar:</h3>
</div>
<div class="panel-body">
<form action="/forms/login" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token" value="ve6XAejZc30dRt9YPpgeHfj7z95M0d8dI9dVZtndr9IhXOt4/mF1WjyPwlScpgyCh4bkLKNzfyt5naNaG837Rw==">
<div class="row form-group">
<div class="col-md-2">
<img src="http://legalprom.cl/wp-content/uploads/2014/05/eirl70.jpg"data-toggle="tooltip" data-original-title="Sociedad EIRL">
<input type="checkbox" name="doc_type[cod][]" class="hidden" value="society_eirl">
</div>
<div class="col-md-2">
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;}
.one-column-text{
padding:80px 0;}
.one-column-text h2{
font-size:42px;
font-weight:300;
color:#057d9f;
line-height:48px;
text-align: center;}
.one-column-text h3{
font-size:24px;
font-weight:300;
color:#057d9f;
text-align: center;
line-height:40px;}
/*------------------------------------------*/
.container{
width:100%;
padding:0;}
.slider{
font-family: 'Open Sans', sans-serif;
padding:50px 120px;
display:block;}
.blogShort{
border-bottom:1px solid #ddd;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: