service box style : demo 62

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed ligula eu metus facilisis blandit. Nulla.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed ligula eu metus facilisis blandit. Nulla.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed ligula eu metus facilisis blandit. Nulla.

HTML

                        

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed ligula eu metus facilisis blandit. Nulla.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed ligula eu metus facilisis blandit. Nulla.

CSS

                        .serviceBox{ text-align: center; }
                        .serviceBox .service-icon{
                            width: 80px;
                            height: 80px;
                            line-height: 80px;
                            border-radius: 50%;
                            border: 1px solid #715afc;
                            font-size:35px;
                            color: #715afc;
                            margin: 0 auto 15px;
                            position: relative;
                        }
                        .serviceBox .service-icon i{
                            transform: scale(1);
                            transition: all 0.3s ease-in-out 0s;
                        }
                        .serviceBox:hover .service-icon i{
                            transform: scale(1.15);
                        }
                        .serviceBox .service-icon:after{
                            content: "";
                            width: 90px;
                            height: 90px;
                            border-radius: 50%;
                            background: transparent;
                            position: absolute;
                            top: -6px;
                            left: -6px;
                            transition: all 0.3s ease-in-out 0s;
                        }
                        .serviceBox:hover .service-icon:after{
                            box-shadow: 3px 3px 0 rgba(113, 90, 252, 0.89);
                        }
                        .serviceBox .title{
                            font-size: 24px;
                            font-weight: 700;
                            color: #484848;
                            margin: 0 0 10px 0;
                        }
                        .serviceBox .description{
                            font-size: 16px;
                            color: #777;
                            padding: 0 20px;
                            margin: 0;
                        }
                        @media only screen and (max-width:990px){
                            .serviceBox{ margin-bottom: 30px; }
                        }
                    
License Terms