Blurbs 15
Blurbs 15
Developing Effective Strategy
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
Marketing Technics
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
Email Funnel Strategy
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
1
Developing Effective Strategy
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
2
Marketing Technics
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
3
Email Funnel Strategy
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
/* ===== Blurbs 15 ===== */
#blurbs-15 .col {
position: relative;
}
#blurbs-15 .col:before {
display: block;
width: 50%;
height: 1px;
position: absolute;
content: '';
border-bottom: 1px solid rgba(132, 132, 132, .2);
top: 28px;
left: 74%;
}
#blurbs-15 .col:last-child:before {
display: none;
}
#blurbs-15 .number {
display: block;
position: relative;
margin-bottom: 0;
line-height: 1;
top: 10px;
font-weight: 700;
width: 36px;
height: 36px;
margin: auto;
z-index: 9
}
#blurbs-15 .number:before {
content: '';
background-color: #3452ff;
width: 76px;
height: 76px;
opacity: .2;
margin-left: -38px;
top: -20px;
border-radius: 50%;
z-index: 0;
position: absolute;
}
#blurbs-15 .number span {
position: relative;
font-weight: 600;
text-align: center;
font-size: 16px;
display: block;
-webkit-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
color: #fff;
line-height: 36px;
background-color: #3452ff;
border-radius: 50%;
}
#blurbs-15 .number span:before {
content: '';
position: absolute;
width: 56px;
height: 56px;
top: -10px;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
opacity: .4;
z-index: 0;
background-color: #3452ff;
border: 2px solid transparent;
border-radius: 50%;
}
#blurbs-15 .col .number:before,
#blurbs-15 .col .number span:before {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#blurbs-15 .col:hover .number:before {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#blurbs-15 .col:hover .number span:before {
background: rgba(52, 82, 255, 0.6)
}
#blurbs-15 .card {
padding-top: 50px;
background: transparent;
border: none;
}
#blurbs-15 .card h4 {
margin-bottom: 1.5rem;
}
#blurbs-15 .btn {
background-color: #3452ff;
color: #fff;
}
@media(max-width: 992px) {
#blurbs-15 .col-12:before {
display: none;
}
}