service box style : demo 61

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dui erat. Nam tincidunt diam ac iaculis ullamcorper. Ut vel.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dui erat. Nam tincidunt diam ac iaculis ullamcorper. Ut vel.

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dui erat. Nam tincidunt diam ac iaculis ullamcorper. Ut vel.

HTML

                        

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dui erat. Nam tincidunt diam ac iaculis ullamcorper. Ut vel.

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac dui erat. Nam tincidunt diam ac iaculis ullamcorper. Ut vel.

CSS

                        .serviceBox{
                            text-align: center;
                            margin-top: 20px;
                        }
                        .serviceBox .service-icon{
                            display: inline-block;
                            width: 80px;
                            height: 80px;
                            line-height: 70px;
                            border-radius: 50% 0 50% 50%;
                            border: 5px solid #cc2936;
                            font-size: 30px;
                            color: #cc2936;
                            margin-bottom: 30px;
                            transform: rotate(-45deg);
                            transition:all 0.3s ease 0s;
                        }
                        .serviceBox:hover .service-icon{
                            border-radius: 50% 50% 50% 0;
                        }
                        .serviceBox .service-icon i{
                            transform: rotate(45deg);
                        }
                        .serviceBox .title{
                            display: block;
                            font-size: 20px;
                            font-weight: 600;
                            color: #475156;
                            text-transform: uppercase;
                            margin: 0 0 10px 0;
                        }
                        .serviceBox .description{
                            font: 13px;
                            color: #897b7b;
                            line-height: 25px;
                            transition: all 300ms ease 0s;
                        }
                        @media only screen and (max-width:990px){
                            .serviceBox{ margin-bottom: 30px; }
                        }
                    
License Terms