Flip Box CSS3 Horizontal

<div class="hover flip_panel"><div class="front"><!-- [et_pb_line_break_holder] --> <div class="flip_box_front"><!-- [et_pb_line_break_holder] --><span class="flip_icon"><!-- [et_pb_line_break_holder] --><i class="fa fa-cogs" aria-hidden="true"><!-- [et_pb_line_break_holder] --></i></span><!-- [et_pb_line_break_holder] --><br /> <!-- [et_pb_line_break_holder] --><h3 class="flip_title"> RECTO</h3><!-- [et_pb_line_break_holder] --><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --><div class="back"><!-- [et_pb_line_break_holder] --> <div class="flip_box_back"> <!-- [et_pb_line_break_holder] --><h3 class="flip_title"> VERSO</h3><!-- [et_pb_line_break_holder] --><p class="text_flip_card">Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed.</p><!-- [et_pb_line_break_holder] --><div class="flip_button"><!-- [et_pb_line_break_holder] --><a href="#">Learn More</a><!-- [et_pb_line_break_holder] --></div></div> <!-- [et_pb_line_break_holder] --></div></div>

<div class="hover flip_panel"><div class="front"> <div class="flip_box_front1"><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>