Text/HTML

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 />