演示网站 Bootstrap网格纯CSS3制作团队人员介绍插件
编写代码
</head> <body> <div class="demo"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="our-team"> <img src="images/img-1.jpg" alt="" /> <div class="team-content"> <h3 class="title">Williamson</h3> <span class="post">web developer</span> <ul class="social-links"> <li><a href="#"><i class="fa fa-facebook"></i> </a></li> <li><a href="#"><i class="fa fa-google-plus"></i> </a></li> <li><a href="#"><i class="fa fa-twitter"></i> </a></li> <li><a href="#"><i class="fa fa-linkedin"></i> </a></li> <li><a href="#"><i class="fa fa-pinterest-p"></i> </a></li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="our-team"> <img src="images/img-2.jpg" alt="" /> <div class="team-content"> <h3 class="title">kristina</h3> <span class="post">Web Designer</span> <ul class="social-links"> <li><a href="#"><i class="fa fa-facebook"></i> </a></li> <li><a href="#"><i class="fa fa-google-plus"></i> </a></li> <li><a href="#"><i class="fa fa-twitter"></i> </a></li> <li><a href="#"><i class="fa fa-linkedin"></i> </a></li> <li><a href="#"><i class="fa fa-pinterest-p"></i> </a></li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="our-team"> <img src="images/img-3.jpg" alt="" /> <div class="team-content"> <h3 class="title">Steve Thomas</h3> <span class="post">web developer</span> <ul class="social-links"> <li><a href="#"><i class="fa fa-facebook"></i> </a></li> <li><a href="#"><i class="fa fa-google-plus"></i> </a></li> <li><a href="#"><i class="fa fa-twitter"></i> </a></li> <li><a href="#"><i class="fa fa-linkedin"></i> </a></li> <li><a href="#"><i class="fa fa-pinterest-p"></i> </a></li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="our-team"> <img src="images/img-4.jpg" alt="" /> <div class="team-content"> <h3 class="title">Miranda joy</h3> <span class="post">Web Designer</span> <ul class="social-links"> <li><a href="#"><i class="fa fa-facebook"></i> </a></li> <li><a href="#"><i class="fa fa-google-plus"></i> </a></li> <li><a href="#"><i class="fa fa-twitter"></i> </a></li> <li><a href="#"><i class="fa fa-linkedin"></i> </a></li> <li><a href="#"><i class="fa fa-pinterest-p"></i> </a></li> </ul> </div> </div>
注册免费下载
抱歉，隐藏内容须成功 评论本文 后刷新可见！
