our team style : demo 53

Williamson

Web Developer

kristina

Web Designer

Steve Thomas

Web Developer

HTML

                        

Williamson

Web Developer

kristina

Web Designer

CSS

                        .our-team img{
                            width: 100%;
                            height: auto;
                        }
                        .our-team .team-content{
                            height: 120px;
                            background: #ea8828;
                            position: relative;
                            top: -18px;
                            left: 0;
                            transform: rotate(7deg) skew(7deg);
                        }
                        .our-team .team-info{
                            width: 100%;
                            text-align: center;
                            padding: 39px 0 0;
                            position: absolute;
                            transform: rotate(-5deg) skew(-5deg);
                        }
                        .our-team .title{
                            font-size: 25px;
                            color: #fff;
                            margin: 0;
                        }
                        .our-team .post{
                            font-size: 14px;
                            color: #fff;
                        }
                        .our-team .icon{
                            list-style: none;
                            padding: 0;
                            margin: 0;
                            position: absolute;
                            top: -50px;
                            right: 0;
                        }
                        .our-team .icon li{
                            display: inline-block;
                            float: left;
                        }
                        .our-team .icon li a{
                            display: inline-block;
                            width: 50px;
                            height: 50px;
                            line-height: 50px;
                            background: #ea8828;
                            text-align: center;
                            font-size: 18px;
                            color: #fff;
                            margin-right: 2px;
                            transition: all 0.3s ease 0s;
                        }
                        .our-team .icon li:nth-child(2n) a{
                            position: relative;
                            bottom: -13px;
                        }
                        .our-team .icon li:last-child a{
                            margin-right: 0;
                        }
                        .our-team .icon li a:hover{
                            background: #161616;
                        }
                        @media only screen and (max-width: 990px){
                            .our-team{ margin-bottom: 30px; }
                        }
                    
License Terms