Css Style Our Team : Demo 7

HTML

                    
                        
                            
                                
                                    
                                        
                                    
                                    
                                        Williamson
                                        Web Desginer
                                        
                                            
                                            
                                            
                                            
                                        
                                        
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet ipsum ut quam faucibus dictum a sit amet lorem.

CSS

                    .our-team{
                        border: 1px solid #ddd;
                        text-align: center;
                    }
                    .pic img{
                        width: 100%;
                        height: 100%;
                    }
                    .post-title{
                        font-size: 15px;
                        color:#000;
                    }
                    .post{
                        display: block;
                        margin-bottom: 10px;
                        color:#666;
                        text-transform: capitalize;
                        font-size: 16px;
                    }
                    .team_social{
                        list-style: none;
                        padding: 0;
                    }
                    .team_social > li{
                        display: inline-block;
                    }
                    .team_social > li > a{
                        width: 36px;
                        height: 36px;
                        line-height: 36px;
                        border-radius: 50%;
                        border: 1px solid #666;
                        color:#666;
                        display: block;
                        font-size: 15px;
                        transition: all 0.2s ease-out 0s;
                    }
                    .team_social > li > a:hover{
                        background: #dc005a;
                        color:#fff;
                        border-color: #dc005a;
                    }
                    .description{
                        padding: 20px;
                        color:#666;
                        font-size: 15px;
                        border-bottom: 3px solid transparent;
                        margin-bottom: 0;
                    }
                    .our-team:hover{
                        border-bottom: 1px solid transparent;
                    }
                    .our-team:hover .description{
                        border-bottom: 3px solid #dc005a;
                        transition: all 0.2s ease-out 0s;
                    }
                    @media screen and (max-width: 990px){
                        .our-team{
                            margin-bottom: 30px;
                        }
                    }

our team style : demo 7

Williamson

Miranda joy

Steve thomas

Kristiana

HTML

CSS