RotatingCSSCards_3

RotatingCSSCards_3

<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="card-container">
<div class="card">
<div class="front">
<div class="cover">
<img src="images/rotating_card_thumb3.png" />
</div>
<div class="user">
<img class="img-circle" src="images/rotating_card_profile.png" />
</div>
<div class="content">
<div class="main">
<h3 class="name">Inna Corman</h3>
<p class="profession">Product Manager</p>
<h5>Paris, France</h5>
<h5>Creative Tim Inc.</h5>
<h5>inna@creative-tim.com</h5>
</div>
<div class="footer">
<div class="rating"></div>
</div>
</div>
</div>
<!-- end front panel -->
<div class="back">
<div class="header">
<h5 class="motto">&quot;To be or not to be, this is my awesome motto!&quot;</h5>
</div>
<div class="content">
<div class="main">
<h4 class="text-center">Experince</h4>
<p>Inna was working with our team since 2012.</p>
<h4 class="text-center">Areas of Expertise</h4>
<p>Web design, Adobe Photoshop, HTML5, CSS3, Corel and many others...</p>
</div>
</div>
<div class="footer">
<div class="social-links text-center">
<a href="http://cretive-tim.com" class="facebook"></a>
<a href="http://cretive-tim.com" class="google"></a>
<a href="http://cretive-tim.com" class="twitter"></a>
</div>
</div>
</div>
<!-- end back panel -->
</div>
<!-- end card -->
</div>
<!-- end card-container -->
</div>
</div>
</div>