index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Flip CSS</title>
	<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge" />

	<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
</head>
<body>

<div class="container" role="main">

	<figure class="flip-container">
		<img src="img/montagne.jpg" width="500" height="333" alt=" " />
		<figcaption class="flip-caption flip-right">
			<h1>Image legend</h1>
			<span class="flip-author">by <a href="http://www.flickr.com/photos/hadrien-lanneau/">hadrienl</a></span>
			<blockquote>Here goes the description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lorem magna, ac tempus erat. Sed ultricies ligula eu nunc scelerisque ut laoreet lacus dignissim.</blockquote>
		</figcaption>
	</figure>

</div>

</body>
</html>