Template Example 1

<<PREVIOUS                12345678                      NEXT>>

contact lens header

High Quality Contact Lenses

We offer the best contact lenses in the industry


What type of lenses are you looking for?

How often do you wear your contact lenses?

Powered by ConversionBase

Style Code:

To use this style on your website, you simply need to copy/paste the following code into the Custom CSS field at the bottom of each LeadGenerator Settings page. Full instructions provided!

 

.conversionbase-box>form .questionbox {
background-color: #1280a7;

}
.conversionbase-box>form .questionbox h4 {
opacity: .8;
}
.conversionbase-box {
width: 40%;
margin-top: 75px;
margin-bottom:25px;
border: none;
margin-left: 10%;
}
.conversionbase-box>.conversionbase-form h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: bold;
opacity: .8;
}
.conversionbase-box>.conversionbase-form {
background: linear-gradient(to bottom, rgba(69,72,77,.9) 0%,rgba(0,0,0,.9) 100%);
opacity: 1;
border: none;
}
.conversionbase-box>form .questionbox {
padding: .5em;
margin: 3em auto;
}
.conversionbase-box>form .conversionbaseBox-item {
background-color: #fff;
border-radius: 1em;
cursor: pointer;
margin: 0 0 2em;
padding: .8em 0;
border: 2px solid #fff;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 5px rgba(0,0,0,.3);
transition: all .2s;
}
.conversionbase-box>form .conversionbaseBox-item:hover {
background: transparent;
}
.conversionbase-box>form .conversionbaseBox-item:hover label {
background: transparent;
color: #fff;
}
.conversionbase-box>form .conversionbaseBox-item label {
padding: .4em .0 .4em 0;
font-weight: bold;
font-size: .7em;
cursor: pointer;
color: #000;
text-transform: uppercase;
transition: all .2s;
letter-spacing: .15em;
}
.conversionbase-box>form .conversionbaseBox-item label:before {
display: none;}
.conversionbase-box>form #circleSteps .conversionbase-step {
width: .7em;
height: .7em;
margin: 0 .4em;
border-radius: 0;
transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
.conversionbase-box {
margin: 20px auto;
}
.conversionbase-box>.conversionbase-form .conversionbaseBox-item label {
font-size: .6em;
}
.conversionbase-box>form .questionbox {
margin-top: 1.5em;
}
}