service box style : demo 51

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ligula et orci congue dignissim sit amet vitae enim. Suspendisse a felis et urna mattis vestibulum id.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ligula et orci congue dignissim sit amet vitae enim. Suspendisse a felis et urna mattis vestibulum id.

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ligula et orci congue dignissim sit amet vitae enim. Suspendisse a felis et urna mattis vestibulum id.

HTML

                        

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ligula et orci congue dignissim sit amet vitae enim. Suspendisse a felis et urna mattis vestibulum id.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ligula et orci congue dignissim sit amet vitae enim. Suspendisse a felis et urna mattis vestibulum id.

CSS

                        .serviceBox{
                            border: 2px solid #fcb3ba;
                            padding: 30px;
                            margin: 60px 0 0 20px;
                            position: relative;
                        }
                        .serviceBox .service-icon{
                            width: 80px;
                            height: 80px;
                            line-height: 80px;
                            background: #fff;
                            border: 2px solid #fcb3ba;
                            text-align: center;
                            font-size: 40px;
                            color: #999;
                            position: absolute;
                            top: -55px;
                            left: -20px;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox:hover .service-icon{
                            color: #fff;
                            background: #9f1331;
                            border: 2px solid #9f1331;
                        }
                        .serviceBox .title{
                            font-size: 22px;
                            font-weight: 600;
                            color: #3e5482;
                            margin-bottom: 15px;
                        }
                        .serviceBox .description{
                            font-size: 15px;
                            color: #7a696f;
                            line-height: 27px;
                        }
                        @media only screen and (max-width: 990px){
                            .serviceBox{ margin-bottom: 80px; }
                        }
                    
License Terms