service box style : demo 44

Web Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam aliquid consequatur, repudiandae sunt tenetur totam unde ut vitae voluptate.

Web Development

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam aliquid consequatur, repudiandae sunt tenetur totam unde ut vitae voluptate.

Brand Building

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam aliquid consequatur, repudiandae sunt tenetur totam unde ut vitae voluptate.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam aliquid consequatur, repudiandae sunt tenetur totam unde ut vitae voluptate.

HTML

                        

Web Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam aliquid consequatur, repudiandae sunt tenetur totam unde ut vitae voluptate.

Web Development

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquam aliquid consequatur, repudiandae sunt tenetur totam unde ut vitae voluptate.

CSS

                        .serviceBox{
                            text-align: center;
                        }
                        .serviceBox .service-icon{
                            width: 90px;
                            height: 90px;
                            line-height: 90px;
                            font-size: 40px;
                            color: #434163;
                            margin: 20px auto;
                            position: relative;
                        }
                        .serviceBox .service-icon:before,
                        .serviceBox .service-icon:after{
                            content: "";
                            width: 100%;
                            height: 100%;
                            border-radius: 50%;
                            position: absolute;
                            top: 0;
                            left: -2px;
                            transition: all 0.33s ease-out 0s;
                        }
                        .serviceBox .service-icon:before{
                            border: 2px solid #00a79c;
                            top: -4px;
                        }
                        .serviceBox .service-icon:after{
                            border: 2px solid #ff794a;
                            top: 4px;
                        }
                        .serviceBox:hover .service-icon:before{
                            top: 4px;
                        }
                        .serviceBox:hover .service-icon:after{
                            top: -4px;
                        }
                        .serviceBox .title{
                            font-size: 24px;
                            font-weight: bold;
                            color: #434163;
                            margin-bottom: 15px;
                        }
                        .serviceBox .description{
                            font-size: 14px;
                            color: #666;
                        }
                        @media only screen and (max-width: 990px){
                            .serviceBox{ margin-bottom: 30px; }
                        }
                    
License Terms