service box style : demo 15

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus eu justo non vestibulum. Aenean et erat varius, auctor sapien.

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus eu justo non vestibulum. Aenean et erat varius, auctor sapien.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus eu justo non vestibulum. Aenean et erat varius, auctor sapien.

HTML

                        

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus eu justo non vestibulum. Aenean et erat varius, auctor sapien.

CSS

                        .serviceBox{
                            text-align: center;
                            margin-top: 50px;
                        }
                        .serviceBox .service-icon{
                            border-left: 2px solid #e67e22;
                            border-right: 2px solid #e67e22;
                            width: 116px;
                            height: 67px;
                            margin: 0 auto;
                            transform: rotate(0.0001deg);
                            position: relative;
                        }
                        .serviceBox .service-icon:after,
                        .serviceBox .service-icon:before{
                            content: "";
                            width: 82px;
                            height: 82px;
                            border-bottom: 2.8284px solid #e67e22;
                            border-left: 2.8284px solid #e67e22;
                            position: absolute;
                            left: 14.9878px;
                            bottom: -41.0122px;
                            transform: scaleY(0.5774) rotate(-45deg);
                            z-index: 1;
                        }
                        .serviceBox .service-icon:before{
                            border: 0px none;
                            border-right: 2.8284px solid #e67e22;
                            border-top: 2.8284px solid #e67e22;
                            top: -41.0122px;
                        }
                        .serviceBox .service-icon > i{
                            font-size: 48px;
                            line-height: 67px;
                            color:#e67e22;
                        }
                        .serviceBox .service-content h3{
                            font-size: 18px;
                            line-height: 28px;
                            color:#333333;
                            margin-top: 60px;
                            text-transform: uppercase;
                        }
                        .serviceBox .service-content h3:after{
                            content: "";
                            border:1px solid #e67e22;
                            width: 40px;
                            display: block;
                            margin: 20px auto;
                        }
                        .serviceBox .service-content p{
                            line-height: 24px;
                            font-size: 15px;
                        }
                        @media screen and (max-width: 990px){
                            .serviceBox{
                                margin-bottom:20px;
                            }
                        }
                    
License Terms