service box style : demo 18

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tellus massa, laoreet convallis interdum at, molestie.

Brand Building

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tellus massa, laoreet convallis interdum at, molestie.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tellus massa, laoreet convallis interdum at, molestie.

Clean & Clear Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tellus massa, laoreet convallis interdum at, molestie.

HTML

                        

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tellus massa, laoreet convallis interdum at, molestie.

CSS

                        .serviceBox{
                            border: 2px solid hsl(0, 0%, 27%);
                            color: hsl(0, 0%, 27%);
                            padding: 37px 18px;
                            text-align:center;
                        }
                        .serviceBox .service-icon i{
                            position: relative;
                            bottom: 0;
                            color: hsl(0, 0%, 27%);
                            display: inline-block;
                            font-size: 46px;
                            transition: all 0.2s ease 0s;
                        }
                        .serviceBox:hover i{
                            bottom:5px;
                        }
                        .serviceBox .service-content h3{
                            font-size:14px;
                            text-transform: uppercase;
                            font-weight:600;hsl(0, 0%, 60%)
                        }
                        .serviceBox .service-content p{
                            color:hsl(0, 0%, 60%);
                        }
                        .serviceBox .service-content .line{
                            background:#000;
                            height: 2px;
                            margin: 22px auto;
                            opacity: 0.2;
                            width: 40px;
                        }
                        @media screen and (max-width: 990px){
                            .serviceBox{
                                margin-bottom: 20px;
                            }
                        }
                    
License Terms