"team"
Bootstrap 3.3.0 Snippet by evarevirus

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="team-members"> <div class="container"> <div class="team-memb-pic"> </div> <!-- end team-memb-pic --> <p class="member-quote">After graduating from the university, I faced with the problem. There were no company where I had not heard a refusal. My friend advised me company. I have chosen a probation program. I was lucky enough to undergo a training in 'Google' company. That was 3 years ago, and nowadays I am a happy top-manager of this company.</p> <h3 class="member-name">Federico Blancato, Italy</h3> <p class="member-role">Designer</p> </div> <!-- end container --> </div> <!-- end team-members -->
/* ====== TEAM MEMBERS ====== */ .team-members { padding: 100px 0px; box-sizing: border-box; text-align: center; color: #444; background-color: #f5f5f5; } .team-memb-pic { height: 150px; width: 150px; border-radius: 100%; margin: 0 auto 20px auto; background: url("http://www.vtsnis.edu.rs/predmeti_2012/web_dizajn/projekti_2016/9_Fotografska_Radnja/img/albumi/portreti/p11.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; } .member-quote { font-size: 1.2em; color: #777; margin-bottom: 20px; } .member-name { color: #444; } .member-role { color: #389c60; } /* ====== FOOTER ====== */

Related: See More


Questions / Comments: