Flip Box
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
Flip Box
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
SHare Design
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
SHare Design
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
Go To Settings
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
Go To Settings
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
Do Our Best
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
Do Our Best
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
SOURCE CODE
<div class="row">
<div class="col-sm-3">
<div class="flip_box flip_box_1">
<div class="rotate">
<div class="front">
<span class="glyphicons glyph-cardio"></span>
<h3>Flip Box</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>Flip Box</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="flip_box flip_right flip_box_1">
<div class="rotate">
<div class="front">
<span class="glyphicons glyph-redo"></span>
<h3>SHare Design</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>SHare Design</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="flip_box flip_top flip_box_1">
<div class="rotate">
<div class="front">
<span class="glyphicons glyph-settings"></span>
<h3>Go To Settings</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>Go To Settings</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="flip_box flip_bottom flip_box_1">
<div class="rotate">
<div class="front">
<span class="glyphicons glyph-table-tennis"></span>
<h3>Do Our Best</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>Do Our Best</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
</div>
Flip Box
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
Flip Box
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
SHare Design
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
SHare Design
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Go To Settings
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
Go To Settings
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Do Our Best
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
Do Our Best
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
SOURCE CODE
<div class="row">
<div class="col-sm-3">
<div class="flip_box flip_box_2">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-drink"></span>
<h3>Flip Box</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>Flip Box</h3>
<p>content text ...</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="flip_box flip_right flip_box_2">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-ring"></span>
<h3>SHare Design</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>SHare Design</h3>
<p>content text ...</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="flip_box flip_top flip_box_2">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-bomb"></span>
<h3>Go To Settings</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>Go To Settings</h3>
<p>content text ...</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="flip_box flip_bottom flip_box_2">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-microphone"></span>
<h3>Do Our Best</h3>
<p>content text ...</p>
</div>
<div class="back">
<h3>Do Our Best</h3>
<p>content text ...</p>
</div>
</div>
</div>
</div>
</div>
<br />
Flip Box
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
More Information >
Flip Box
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
SHare Design
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
More Information >
SHare Design
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
Go To Settings
Nibhu len, quis faunissim hen urna ac, enia, magna dictuus nunc id elementum dictumst dignissim Tingue phasellus.
More Information >
Go To Settings
Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget lac in venenatis tellus ligulas ipsum, euismod atras vulputate iltricies etri elit.
Read More
SOURCE CODE
<div class="row">
<div class="col-sm-4">
<div class="flip_box flip_box_3">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-drink"></span>
<h3>Flip Box</h3>
<p>content text ...</p>
<a href="#">More Information ></a>
</div>
<div class="back">
<h3>Flip Box</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip_box flip_right flip_box_3">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-ring"></span>
<h3>SHare Design</h3>
<p>content text ...</p>
<a href="#">More Information ></a>
</div>
<div class="back">
<h3>SHare Design</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="flip_box flip_top flip_box_3">
<div class="rotate">
<div class="front"> <span class="glyphicons glyph-bomb"></span>
<h3>Go To Settings</h3>
<p>content text ...</p>
<a href="#">More Information ></a>
</div>
<div class="back">
<h3>Go To Settings</h3>
<p>content text ...</p>
<a href="#" class="but">Read More</a>
</div>
</div>
</div>
</div>
<br />