service box style : demo 2

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat.

Read more

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat.

Read more

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat.

Read more

Clean & Clear Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat.

Read more

HTML

                        

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat.

Read more

CSS

                        .serviceBox{
                            text-align: center;
                        }
                        .serviceBox .service-icon{
                            background:#58B25E;
                            height: 62px;
                            width: 62px;
                            border-radius:50%;
                            display: inline-block;
                            margin-bottom:20px;
                        }
                        .serviceBox .service-icon.purple{
                            background:#9F84C4;
                        }
                        .serviceBox .service-icon.red{
                            background:#F35958;
                        }
                        .serviceBox .service-icon.blue{
                            background:#02A2DD;
                        }
                        .serviceBox .service-icon i{
                            font-size:30px;
                            color: #fff;
                            line-height: 62px;
                        }
                        .serviceBox .service-content h3{
                            color: hsl(0, 0%, 20%);
                            font-size: 18px;
                            font-weight: 600;
                            margin-top: 0;
                        }
                        .serviceBox .service-content p{
                            color:hsl(0, 0%, 47%);
                            line-height: 2;
                            font-family: 'Open Sans', sans-serif;
                        }
                        @media screen and (max-width: 990px){
                            .serviceBox{
                                margin-bottom: 25px;
                            }
                        }