service box style : demo 32

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat accumsan sapien, vel tempor augue accumsan sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Read More

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat accumsan sapien, vel tempor augue accumsan sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Read More

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat accumsan sapien, vel tempor augue accumsan sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Read More

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat accumsan sapien, vel tempor augue accumsan sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Read More

HTML

                        

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat accumsan sapien, vel tempor augue accumsan sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Read More

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque placerat accumsan sapien, vel tempor augue accumsan sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra.

Read More

CSS

                        .serviceBox{
                            border: 1px solid #dfdfdf;
                            border-radius: 0px 30px;
                            padding: 25px 10px;
                            text-align: center;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox:hover{
                            background-color: #40d4f5;
                            border-color: #40d4f5;
                        }
                        .serviceBox .service-icon{
                            width: 60px;
                            height: 60px;
                            background-color: #40d4f5;
                            border-radius: 0 20px;
                            margin: 0 auto 25px;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox:hover .service-icon{
                            background-color: #fff;
                        }
                        .serviceBox .service-icon i{
                            font-size: 26px;
                            color: #fff;
                            line-height: 60px;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox:hover .service-icon i{
                            color: #40d4f5;
                        }
                        .serviceBox .title{
                            font-size: 16px;
                            font-weight: bold;
                            color: #5e5e5e;
                            margin-bottom: 20px;
                            text-transform: capitalize;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox:hover .title{
                            color: #fff;
                        }
                        .serviceBox .title:after{
                            content: "";
                            width: 25%;
                            border-top: 1px solid #5e5e5e;
                            display: block;
                            margin: 15px auto;
                            transition: all 0.8s ease 0s;
                        }
                        .serviceBox:hover .title:after{
                            width: 80%;
                            border-color: #fff;
                        }
                        .serviceBox .description{
                            font-size: 14px;
                            color: #888;
                            line-height: 23px;
                            margin-bottom: 30px;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox:hover .description{
                            color: #fff;
                        }
                        .serviceBox .read{
                            font-size: 14px;
                            color: #444;
                            background-color: #dcdcdc;
                            border-radius: 0 20px;
                            padding: 10px 20px;
                            display: inline-block;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                            transition: all 0.5s ease 0s;
                        }
                        .serviceBox .read:hover{
                            background: #fff;
                        }
                        @media only screen and (max-width: 990px){
                            .serviceBox{ margin-bottom: 30px; }
                        }
                    
License Terms