Flip Box CSS3 Horizontal

<div class="hover flip_panel"><div class="front"> <div class="flip_box_front"><span class="flip_icon"><i class="fa fa-cogs" aria-hidden="true"></i></span><br /> <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"><span class="flip_icon"><i class="fa fa-cogs" aria-hidden="true"></i></span><br /> <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"><span class="flip_icon"><i class="fa fa-cogs" aria-hidden="true"></i></span><br /> <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"><span class="flip_icon"><i class="fa fa-cogs" aria-hidden="true"></i></span><br /> <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"><span class="flip_icon"><i class="fa fa-cogs" aria-hidden="true"></i></span><br /> <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"><span class="flip_icon"><i class="fa fa-cogs" aria-hidden="true"></i></span><br /> <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>