Skip to content

Instantly share code, notes, and snippets.

@dawidadach
Created March 19, 2015 21:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dawidadach/08737beca73cf53ff346 to your computer and use it in GitHub Desktop.
Save dawidadach/08737beca73cf53ff346 to your computer and use it in GitHub Desktop.
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><i class="fa fa-map-marker fa-fw text-muted"></i> Paris, France</h5>
<h5><i class="fa fa-building-o fa-fw text-muted"></i> Creative Tim Inc. </h5>
<h5><i class="fa fa-envelope-o fa-fw text-muted"></i> inna@creative-tim.com</h5>
</div>
<div class="footer">
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div> <!-- end front panel -->
<div class="back">
<div class="header">
<h5 class="motto">"To be or not to be, this is my awesome motto!"</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"><i class="fa fa-facebook fa-fw"></i></a>
<a href="http://cretive-tim.com" class="google"><i class="fa fa-google-plus fa-fw"></i></a>
<a href="http://cretive-tim.com" class="twitter"><i class="fa fa-twitter fa-fw"></i></a>
</div>
</div>
</div> <!-- end back panel -->
</div> <!-- end card -->
</div> <!-- end card-container -->
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment