service box style : demo 65

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius, nisl id bibendum imperdiet, lacus neque maximus arcu, ut dignissim.

Read More

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius, nisl id bibendum imperdiet, lacus neque maximus arcu, ut dignissim.

Read More

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius, nisl id bibendum imperdiet, lacus neque maximus arcu, ut dignissim.

Read More

HTML

                        

Web Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius, nisl id bibendum imperdiet, lacus neque maximus arcu, ut dignissim.

Read More

Web Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius, nisl id bibendum imperdiet, lacus neque maximus arcu, ut dignissim.

Read More

CSS

                        .serviceBox{
                            padding: 25px;
                            margin: 0 20px 40px 0;
                            border: 1px solid #ddd;
                            position: relative;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox:hover{ border: 1px solid #2b336c; }
                        .serviceBox .service-icon{
                            display: inline-block;
                            font-size: 40px;
                            color: #ff6f59;
                            margin-bottom: 10px;
                        }
                        .serviceBox .title{
                            display: block;
                            font-size: 18px;
                            font-weight: 600;
                            color: #2b336c;
                            text-transform: uppercase;
                            margin: 0 0 10px 0;
                        }
                        .serviceBox .description{
                            font-size: 15px;
                            color: #777;
                            line-height: 25px;
                            margin: 0;
                        }
                        .serviceBox .read{
                            display: inline-block;
                            padding: 7px 20px;
                            font-size: 17px;
                            font-weight: 700;
                            color: #777;
                            position: absolute;
                            bottom: -20px;
                            right: -20px;
                            z-index: 1;
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox:hover .read{ color: #fff; }
                        .serviceBox .read:after{
                            content: "";
                            width: 100%;
                            height: 100%;
                            background: #fff;
                            border: 1px solid #ddd;
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: -1;
                            transform: skewX(-15deg);
                            transition: all 0.3s ease 0s;
                        }
                        .serviceBox:hover .read:after{
                            background: #ff6f59;
                            border: 1px solid #ff6f59;
                        }
                    
License Terms