service box style : demo 53

web design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at sapien at erat hendrerit.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at sapien at erat hendrerit.

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at sapien at erat hendrerit.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at sapien at erat hendrerit.

HTML

                        

web design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at sapien at erat hendrerit.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at sapien at erat hendrerit.

CSS

                        .serviceBox{
                            text-align: center;
                            padding: 35px 15px;
                            overflow: hidden;
                            position: relative;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox:hover{
                            background: #967128;
                        }
                        .serviceBox:before{
                            content: "";
                            width: 40px;
                            height: 40px;
                            border-width: 20px;
                            border-style: solid;
                            border-color: #fff #fff rgba(1, 1, 1, 0.2) rgba(0, 0, 0, 0.2);
                            position: absolute;
                            top: -40px;
                            right: -40px;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox:hover:before{
                            top: 0;
                            right: 0;
                        }
                        .serviceBox i{
                            display: block;
                            font-size: 35px;
                            color: #967128;
                            margin-bottom: 14px;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox .title{
                            font-size: 18px;
                            font-weight: 900;
                            color: #545454;
                            line-height: 25px;
                            text-transform: capitalize;
                            margin: 0 0 16px 0;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox .description{
                            font-size: 15px;
                            color: #545454;
                            line-height: 25px;
                            margin: 0;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox:hover i,
                        .serviceBox:hover .title,
                        .serviceBox:hover .description{
                            color: #fff;
                        }
                        @media only screen and (max-width: 990px){
                            .serviceBox{ margin-bottom: 20px; }
                        }
                    
License Terms