#planes {
padding-top: 47px;
background-color: rgba(208, 207, 207,1
1);
}
.our_planes {
padding: 71px 0 78px;
background-color: #fff
}
span.separator {
border: 0;
border-top: 1px solid #999;
border-bottom: 1px solid #333;
height: 1px;
padding: 0;
}
ul li a.i1,
ul li a.i2 {
font-size: larger;
font-weight: 600;
}
ul li.active a.i1,
ul li.active a.i2 {
border: 1.5px solid #059279 !important;
border-bottom: #0000 !important;
}
.sngl_pricing ul {
/* border : #b4b4b4 solid 5px; */
margin margin: 0;
padding padding: 0;transition0;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s
}
@media {
}
.sngl_pricing ul li {
color color: #666666;
font-family : sans-serif;
font-size : 14px;
list-style : none outside none;
text-transform : capitalize;
/* border-top : 2px solid #b4b4b4; */
padding padding: 7px 0;
text-align : center;
font-weight: 550;
}
.sngl_pricing ul li:first-child {
border-top : 0;
}
.our_planes .nav-tabs {
border-bottom: 2px solid #105089;
}
.our_planes .nav-tabs>li {
margin-bottom: -2px;
}
.sngl_pricing {
text-align : center;
/* border : #b4b4b4 solid 5px; */
margin-bottom: 5px;
}
#web-dev .sngl_pricing:hover {
border border: #03c5c3 solid 5px;transition5px;
transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s
}
#social .sngl_pricing:hover {
border : #7303a9 solid 5px;transition5px;
transition: all 1s ease 0s;
}
.sngl_pricing > h2sngl_pricing>h2 {
color color: #fff;
font-size : 20px;
font-weight: 500;
margin margin: 0;
padding padding: 10px;
text-transform : uppercase;
/* background-color: #059279; */
/* background-image : url("../images/clean_code_bg.jpg"); */
}
.p_b_color {
background-image: linear-gradient(to right bottom, #032bc5, #0064e5, #008ae5, #00a9d3, #03c5c3);
background-color: none;
}
.s_b_color {
background-image: linear-gradient(to left bottom, #7303a9, #6512b0, #541cb7, #3c24be, #032bc5);
background-color: none;
}
div.ecommerce:hover {
border-color: #008000;
}
.sngl_pricing > h2sngl_pricing>h2.ecommerce {
background-color: #008000;
}
.title_bg_1 {
background-image : url("../img/basic.jpg");
ba;ckground ba;
ckground-position : center center;
background-repeat : no-repeat;
background-size : 100% 100%;
}
.title_bg_2 {
background-image : url("../img/standar.jpg");
background-position : center center;
background-repeat : no-repeat;
background-size : 100% 100%;
}
.title_bg_3 {
background-image : url("../img/extended.jpg");
background-position : center center;
background-repeat : no-repeat;
background-size : 100% 100%;
}
.sngl_pricing > h3sngl_pricing>h3 {
background background: none 0 0 repeat scroll #b4b4b4;
color color: #515050;
font-size : 33px;
margin margin: 0;
padding padding: 20px 0;
}
.currency {
font-size : 18px;
position position: relative;
top top: -18px;
}
.monuth {
font-size : 24px;
text-transform : none;
}
.btn.pricing_btn {
background background: none 0 0 repeat scroll #105089;
border border: #666666 solid 1px;
color color: #fff;
text-transform : uppercase;
padding padding: 10px 30px;
}
.sngl_pricing ul {
margin margin: 0;
padding padding: 24px 0;
}
.sngl_pricing a {
margin-top : 30px;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />
<div id="web-dev" class="tab-pane fade in clearfix active">
<h4 class="margtop20">Enlace su empresa a la web con nuestro servicio de desarrollo.</h4>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="sngl_pricing">
<h2 class="title_price p_b_color">Inicial</h2>
<ul>
<li>Plantilla Personalizada</li>
<li>Hasta 3 páginas para contenido</li>
<li>Nombre de dominio</li>
<li>1000mb de hospedaje</li>
<li>Integración de redes Sociales</li>
<li>Responsive Design</li>
<li>Formulario de Contacto</li>
<li>Mantenimiento y Administración</li>
<li >Publicación<li>Publicación y Registro de la Web</li>
<li>Correo Corporativo</li>
<li>Publicación En Español</li>
<li><a href="" class="margtopboton btn pricing_btn" data-toggle="modal" data-target="#p-i-form">Solicitar</a></li>
</ul>
</div>
</div>
<li><a href="" class="margtopboton <divbtn class="col-xs-6pricing_btn" col-smdata-6toggle="modal" col-mddata-3 coltarget="#p-lgi-3">
<div class="sngl_pricing">
<h2 class="title_price p_b_color">Empresarial</h2>
<ul>
<li>Plantillas Personalizadas.</li>
<li>8 páginas para contenido.</li>
<li>Modulo de Registro.</li>
<li>Nombre de dominio .com.ve</li>
<li>2000mb de hospedaje.</li>
<li>Integración de redes Sociales.</li>
<li>Responsive Design.</li>
<li>Formulario de Contacto.</li>
<li>Mantenimiento y Administración.<form">Solicitar</li>
<li>Publicación y Registro de la Web.<a></li>
<li>Correo Corporativo.</li>ul>
<li>Autoadministrable.</li>div>
<li>Publicación en Español.</li>
<li><a href="" class="btn pricing_btn" data-toggle="modal" data-target="#p-e-form">Solicitar</a></li>div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="sngl_pricing">
<h2 class="title_price p_b_color">Empresarial</h2>
<ul>
<li>Plantillas Personalizadas.</ul>li>
<li>8 páginas para contenido.</li>
<li>Modulo de Registro.</li>
< <li>Nombre de dominio .com.ve</div>li>
<li>2000mb de hospedaje.</li>
<li>Integración de redes Sociales.</div>li>
<li>Responsive Design.</li>
<li>Formulario de Contacto.</li>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<li>Mantenimiento y Administración.</li>
<li>Publicación y Registro de la Web.</li>
<div<li>Correo class="sngl_pricing">Corporativo.</li>
<li>Autoadministrable.</li>
<li>Publicación en Español.</li>
<h2<li><a class="title_pricehref="" p_b_color">Profesional<class="btn pricing_btn" data-toggle="modal" data-target="#p-e-form">Solicitar</h2>a></li>
<ul>
<li>Plantillas Personalizadas.</li>
<li>Multiples páginas para contenido</li>
<li>Modulo administrativo y registro</li>
<li>Nombre de dominio .com.ve</li>
<li>3000mb de hospedaje</li>
<li>Integración de redes Sociales</li>
<li>Responsive Design</li>
<li>Formulario de Contacto.</li>
<li>Mantenimiento y Administración.</li>
<li>Publicación y Registro de la Web.</li>
<li>Correo Corporativo.</li>
<li>Autoadministrable.</li>
<li>Publicación En Ingles y Español.</li>
<li><a href="" class="btn pricing_btn" data-toggle="modal" data-target="#p-p-form">Solicitar</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="sngl_pricing ecommerce">class="sngl_pricing">
<h2 class="title_price ecommerce">E-commerse<p_b_color">Profesional</h2>
<ul>
<li>Plantillas Personalizadas.</li>
<li> Sin limite de Productos.</li>
<!-- <li>Modulo de Registro de Usuarios.</li> -->
<li>Nombre de dominio .com.ve</li>
<li>3000mb de hospedaje.</li>
<li>Integración de redes Sociales.</li>
<li>Responsive Design.</li>
<li>Mantenimiento y Administración.</li>
<li>Publicación y Registro de la Web.</li>
<li>Correo Corporativo.</li>
<li>Autoadministrable.</li>
<li>Publicación en Español.</li>
<li><a href="#" class="btn pricing_btn" data-toggle="modal" data-target="#model-web">Solicitar</a></li>
<ul>
<li>Plantillas Personalizadas.</li>
<li>Multiples páginas para contenido</li>
<li>Modulo administrativo y registro</li>
<li>Nombre de dominio .com.ve</li>
<li>3000mb de hospedaje</li>
<li>Integración de redes Sociales</li>
<li>Responsive Design</li>
<li>Formulario de Contacto.</ul>li>
<li>Mantenimiento y Administración.</li>
<li>Publicación y Registro de la Web.</li>
<li>Correo Corporativo.</div>li>
<li>Autoadministrable.</li>
<li>Publicación En Ingles y Español.</li>
<li><a href="" class="btn pricing_btn" data-toggle="modal" data-target="#p-p-form">Solicitar</a></li>
</ul>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3">
<div class="sngl_pricing ecommerce">
<h2 class="title_price ecommerce">E-commerse</h2>
<ul>
<li>Plantillas Personalizadas.</li>
<li> Sin limite de Productos.</li>
<!-- <li>Modulo de Registro de Usuarios.</li> -->
<li>Nombre de dominio .com.ve</li>
<li>3000mb de hospedaje.</li>
<li>Integración de redes Sociales.</li>
<li>Responsive Design.</li>
<li>Mantenimiento y Administración.</li>
<li>Publicación y Registro de la Web.</li>
<li>Correo Corporativo.</li>
<li>Autoadministrable.</li>
<li>Publicación en Español.</li>
<li><a href="#" class="btn pricing_btn" data-toggle="modal" data-target="#model-web">Solicitar</a></li>
</ul>
</div>
</div>
</div>
<!-- // WEB-DEV -->