service box style : demo 5

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas efficitur tellus leo, nec ullamcorper tellus vestibulum.

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas efficitur tellus leo, nec ullamcorper tellus vestibulum.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas efficitur tellus leo, nec ullamcorper tellus vestibulum.

HTML

                        

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas efficitur tellus leo, nec ullamcorper tellus vestibulum.

CSS

                        .serviceBox{
                            padding:30px 0;
                            text-align: center;
                            background: #E75D5D;
                            color: #ffffff;
                        }
                        .serviceBox.yellow{
                            background: #F1A733;
                        }
                        .serviceBox.green{
                            background: #5EB28F;
                        }
                        .serviceBox .service-icon {
                            background: none repeat scroll 0 0 #fff;
                            border-radius: 100px;
                            height: 70px;
                            line-height: 73px;
                            width: 70px;
                            margin: 0 auto;
                        }
                        .serviceBox .service-icon a {
                            font-size: 30px;
                        }
                        .serviceBox h3 {
                            font: 600 17px/18px "arial";
                        }
                        .serviceBox p {
                            font: lighter 14px/21px;
                            padding: 0 20px;
                            font-family: 'Open Sans', sans-serif;
                        }
                        .serviceBox .drag-icon {
                            background: none repeat scroll 0 0 #dc3d3d;
                            padding: 13px;
                        }
                        .serviceBox .drag-icon a{
                            color: #fff;
                            font-size: 20px;
                        }
                        @media screen and (max-width: 767px){
                            .serviceBox{
                                margin-bottom: 30px;
                            }
                        }