Flip Box CSS3 Image
<div class="hover flip_panel">
<div class="front"> <div class="flip_box_front">
<h3 class="flip_title"> Überschrift</h3><p class="text_flip_card">Inhalt für die vorderseite</p>
</div></div> <div class="back">
<div class="flip_box_back">
<h3 class="flip_title"> Überschrift für die Rückseite</h3><p class="text_flip_card">Inhalt für die Rückseite</p><div class="flip_button"><a href="#">Learn More!</a>
</div></div> </div></div>
<div class="front"> <div class="flip_box_front">
<h3 class="flip_title"> Überschrift</h3><p class="text_flip_card">Inhalt für die vorderseite</p>
</div></div> <div class="back">
<div class="flip_box_back">
<h3 class="flip_title"> Überschrift für die Rückseite</h3><p class="text_flip_card">Inhalt für die Rückseite</p><div class="flip_button"><a href="#">Learn More!</a>
</div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>
<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p></div></div> <div class="back"> <div class="flip_box_back"> <h3 class="flip_title"> Here your title</h3><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><div class="flip_button"><a href="#">Learn More!</a></div></div> </div></div>