FormulariodeContacto Avanzado
FormulariodeContacto Avanzado
*************************************ESTRUCTURA************************************
/
<div class="titulo-formulario">
<h2>QUIERO INFORMACIÓN</h2>
<hr class="linea_edigital">
</div>
/*************************************CSS************************************/
@media (max-width:768px){
.formulario-especialdos .fa-user:after {
content: "";
position: absolute;
width: 1px;
height: 30px;
left: 0;
margin-top:-10px;
background: #ff800d;
}
.formulario-especialdos .fa-mobile-alt:after {
content: "";
position: absolute;
width: 1px;
height: 30px;
left: 2px;
margin-top:-10px;
background: #ff800d;
}
.formulario-especialdos .fa-envelope:after {
content: "";
position: absolute;
width: 1px;
height: 30px;
left: -2px;
margin-top:-10px;
background: #ff800d;
}
.formulario-especialdos .fa-map-marker-alt:after {
content: "";
position: absolute;
width: 1px;
height: 30px;
left: 0px;
margin-top:-10px;
background: #ff800d;
}
.ab_imageuno i{
position: absolute;
height: 2.37em;
color: #ff800d;
right:0px!important;
font-size: 1.5em!important;
margin-top: 0.1em!important;
padding-top:17px;
z-index:10;
margin-right: -220px!important;
}
.caja-nombre i{
padding-left:10px!important;
}
.caja-email i{
padding-left:8px!important;
}
.caja-celular i{
padding-left:12px!important;
}
.caja-ciudad i{
padding-left:10px!important;
}
}
<div class="titulo-formulario">
<h2>REGISTRATE</H2>
<hr class="linea_edigital">
</div>