Flip boxes

Home/Pages/Features/Short Codes/Flip boxes

FlipBox rotate left

Content Front Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
Content Behind Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim. 
<div class="eds_flipBox">
	<div class="eds_front">
		<h3>FlipBox rotate left</h3>
		<strong>Content Front</strong> Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo
		ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
	</div>
	<div class="eds_behind">
		<strong>Content Behind</strong> Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis
		tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec
		consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim.
	</div>
</div>

FlipBox rotate right

Content Front Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
Content Behind Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim. 
<div class="eds_flipBox eds_flipRight">
	<div class="eds_front">
		<h3>FlipBox rotate right</h3>
		<strong>Content Front</strong> Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo
		ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
	</div>
	<div class="eds_behind">
		<strong>Content Behind</strong> Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis
		tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec
		consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim.
	</div>
</div>

FlipBox rotate top

Content Front Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
Content Behind Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim. 
<div class="eds_flipBox eds_flipTop">
	<div class="eds_front">
		<h3>FlipBox rotate top</h3>
		<strong>Content Front</strong> Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo
		ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
	</div>
	<div class="eds_behind">
		<strong>Content Behind</strong> Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis
		tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec
		consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim.
	</div>
</div>

FlipBox rotate bottom

Content Front Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
Content Behind Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim. 
<div class="eds_flipBox eds_flipBottom">
	<div class="eds_front">
		<h3>FlipBox rotate bottom</h3>
		<strong>Content Front</strong> Quisque pulvinar aliquam libero, nec ultrices magna iaculis non. Vestibulum nec justo
		ut nunc euismod suscipit. Etiam id gravida metus. Sed sed nibh nec ante laoreet tristique.
	</div>
	<div class="eds_behind">
		<strong>Content Behind</strong> Ut et mi turpis. Proin aliquam, libero at pellentesque fermentum, arcu arcu convallis
		tellus, a congue turpis dui a metus. Aliquam erat volutpat. Cras pharetra dignissim ante nec congue. Donec
		consequat sit amet diam nec semper. Nulla facilisi. Maecenas quis urna dignissim.
	</div>
</div>