X
GO
en-UScy-GB

Carousel

Features   >   Short Codes   >   Carousel
1

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

2

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

3

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

4

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

5

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

6

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

7

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information

8

The flames

Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor.

More Information


SOURCE CODE 
<div class="carousel carousel_1 " data-autoheight="false">
    <div class="item ">
        <div class="main">
            <div class="ico"><span>1</span></div>
            <h3>The flames </h3>
            <p>Content text 1 ... </p>
            <p><a href="#">More Information</a></p>
        </div>
    </div>
    <div class="item">
        <div class="main">
            <div class="ico"><span>2</span></div>
            <h3>The flames </h3>
            <p>Content text 2 ... </p>
            <p><a href="#">More Information</a></p>
        </div>
    </div>
    <div class="item">
        <div class="main">
            <div class="ico"><span>3</span></div>
            <h3>The flames </h3>
            <p>Content text 3 ... </p>
            <p><a href="#">More Information</a></p>
        </div>
    </div>
    <div class="item">
        <div class="main">
            <div class="ico"><span>4</span></div>
            <h3>The flames </h3>
            <p>Content text 4 ... </p>
            <p><a href="#">More Information</a></p>
        </div>
    </div>
    <div class="item">
        <div class="main">
            <div class="ico"><span>5</span></div>
            <h3>The flames </h3>
            <p>Content text 5 ... </p>
            <p><a href="#">More Information</a></p>
            </div>
        </div>
    </div>
<br />

option

Variable Default Type Description
data-items 5 int This variable allows you to set the maximum amount of items displayed at a time with the widest browser width.
data-navigation true boolean Display "next" and "prev" buttons.
data-pagination true boolean Show pagination.
data-autoplay true int/boolean Change to any integrer for example data-autoplay ="5000" to play every 5 seconds. If you set data-autoplay="false" Stop auto scroll animation.
data-autoheight true boolean Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting.


SOURCE CODE 
<div class="carousel carousel_2" data-autoheight="false">
    <div class="item"> <img alt="" src="/portals/25/photo_20.jpg" /> </div>
    <div class="item"> <img alt="" src="/portals/25/photo_21.jpg" /> </div>
    <div class="item"> <img alt="" src="/portals/25/photo_20.jpg" /> </div>
    <div class="item"> <img alt="" src="/portals/25/photo_21.jpg" /> </div>
    <div class="item"> <img alt="" src="/portals/25/photo_20.jpg" /> </div>
    <div class="item"> <img alt="" src="/portals/25/photo_21.jpg" /> </div>
</div>

option

Variable Default Type Description
data-navigation true boolean Display "next" and "prev" buttons.
data-pagination true boolean Show pagination.
data-autoplay true int/boolean Change to any integrer for example data-autoplay ="5000" to play every 5 seconds. If you set data-autoplay="false" Stop auto scroll animation.
data-autoheight true boolean Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting.


carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.

carousel_title

Nunc at pellentesque libero. Quisque quis elit eget enim facilisis gravida.



SOURCE CODE 
<div data-autoheight="false" class="carousel carousel_3">
    <div class="item">
        <div class="photo_box  ico_zoom"> 
            <a href="/Portals/25/Photo2.jpg" class="LightBox_image_gallery3">
                <div class="pic_box"> 
                	<img alt="" src="/portals/25/Photo2.jpg" />
                    <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                    <div class="shade"></div>
                </div>
            </a>
            <div class="text_sytle_6">
                <h3>carousel_title</h3>
                <p> Content text  ... </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> 
            <a href="/Portals/25/Photo3.jpg" class="LightBox_image_gallery3">
                <div class="pic_box"> 
                    <img alt="" src="/portals/25/Photo3.jpg" />
                    <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                    <div class="shade"></div>
                </div>
            </a>
            <div class="text_sytle_6">
                <h3>carousel_title</h3>
                <p> Content text  ... </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> 
            <a href="/Portals/25/Photo4.jpg" class="LightBox_image_gallery3">
                <div class="pic_box"> 
                    <img alt="" src="/portals/25/Photo4.jpg" />
                    <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                    <div class="shade"></div>
                </div>
            </a>
            <div class="text_sytle_6">
                <h3>carousel_title</h3>
                <p> Content text  ... </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> 
            <a href="/Portals/25/Photo5.jpg" class="LightBox_image_gallery3">
                <div class="pic_box"> 
                    <img alt="" src="/portals/25/Photo5.jpg" />
                    <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                    <div class="shade"></div>
                </div>
            </a>
            <div class="text_sytle_6">
                <h3>carousel_title</h3>
                <p> Content text  ... </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> 
            <a href="/Portals/25/Photo6.jpg" class="LightBox_image_gallery3">
                <div class="pic_box"> 
                    <img alt="" src="/portals/25/Photo6.jpg" />
                    <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                    <div class="shade"></div>
                </div>
            </a>
            <div class="text_sytle_6">
                <h3>carousel_title</h3>
                <p> Content text  ... </p>
            </div>
        </div>
    </div>
 </div>
 <br />

option

Variable Default Type Description
data-items 4 int This variable allows you to set the maximum amount of items displayed at a time with the widest browser width.
data-navigation true boolean Display "next" and "prev" buttons.
data-pagination true boolean Show pagination.
data-autoplay true int/boolean Change to any integrer for example data-autoplay ="5000" to play every 5 seconds. If you set data-autoplay="false" Stop auto scroll animation.
data-autoheight true boolean Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting.

SOURCE CODE 
<div class="carousel carousel_4" data-pagination="false">
    <div class="item">
        <div class="photo_box ico_LeftAndRight_enter">
            <div class="pic_box"> 
                <img alt="" src="/portals/25/Photo2.jpg" />
                <div class="ico"> 
                    <a href="/Portals/25/Photo2.jpg" class="LightBox_image_gallery4"><span class="glyphicons glyph-search ico_left"></span></a> 
                    <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> 
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box ico_LeftAndRight_enter">
            <div class="pic_box"> 
                <img alt="" src="/portals/25/Photo3.jpg" />
                <div class="ico"> 
                    <a href="/Portals/25/Photo3.jpg" class="LightBox_image_gallery4"><span class="glyphicons glyph-search ico_left"></span></a> 
                    <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> 
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box ico_LeftAndRight_enter">
            <div class="pic_box"> 
                <img alt="" src="/portals/25/Photo4.jpg" />
                <div class="ico"> 
                    <a href="/Portals/25/Photo4.jpg" class="LightBox_image_gallery4"><span class="glyphicons glyph-search ico_left"></span></a> 
                    <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> 
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box ico_LeftAndRight_enter">
            <div class="pic_box"> 
                <img alt="" src="/portals/25/Photo5.jpg" />
                <div class="ico"> 
                    <a href="/Portals/25/Photo5.jpg" class="LightBox_image_gallery4"><span class="glyphicons glyph-search ico_left"></span></a> 
                    <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> 
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box ico_LeftAndRight_enter">
            <div class="pic_box"> 
                <img alt="" src="/portals/25/Photo6.jpg" />
                <div class="ico"> 
                    <a href="/Portals/25/Photo6.jpg" class="LightBox_image_gallery4"><span class="glyphicons glyph-search ico_left"></span></a> 
                    <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> 
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box ico_LeftAndRight_enter">
            <div class="pic_box"> 
                <img alt="" src="/portals/25/Photo7.jpg" />
                <div class="ico"> 
                    <a href="/Portals/25/Photo7.jpg" class="LightBox_image_gallery4"><span class="glyphicons glyph-search ico_left"></span></a>
                    <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> 
                </div>
                <div class="shade"></div>
            </div>
        </div>
    </div>
</div>

option

Variable Default Type Description
data-items 5 int This variable allows you to set the maximum amount of items displayed at a time with the widest browser width.
data-navigation true boolean Display "next" and "prev" buttons.
data-pagination true boolean Show pagination.
data-autoplay true int/boolean Change to any integrer for example data-autoplay ="5000" to play every 5 seconds. If you set data-autoplay="false" Stop auto scroll animation.
data-autoheight true boolean Add height to owl-wrapper-outer so you can use diffrent heights on slides. Use it only for one item per page setting.

Text/HTML



Create Website

Professional & Hard

Mobilesite

Responsive Web

Read Books

More Concentrate

Skin Design

Clean & Attractive

carousel_title

Content text ...


SOURCE CODE 
			
						
<div data-autoplay="false" data-navigation="false" data-autoheight="false" class="carousel carousel_5">
    <div class="item">
        <div class="photo_box  ico_zoom"> <a href="/portals/25/Photo2.jpg" class="LightBox_image_gallery3">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo2.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Create Website</h3>
                <p> Professional & Hard </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a href="/portals/25/Photo3.jpg" class="LightBox_image_gallery3">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo3.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Mobilesite</h3>
                <p> Responsive Web </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a href="/portals/25/Photo4.jpg" class="LightBox_image_gallery3">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo4.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Read Books </h3>
                <p> More Concentrate </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a href="/portals/25/Photo5.jpg" class="LightBox_image_gallery3">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo5.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Skin Design </h3>
                <p>Clean & Attractive </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a href="/portals/25/Photo6.jpg" class="LightBox_image_gallery3">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo6.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>carousel_title</h3>
                <p> Content text  ... </p>
            </div>
        </div>
    </div>
</div>

Text/HTML



Skin Features

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

Page Samples

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

Create Website

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

DNN Modules

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

Unlimited Colors

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

Skin Design

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

Responsive Web

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

Professional Work

Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus.

SOURCE CODE 
			
			
<div class="carousel carousel_6" data-pagination="false" data-items="4" data-autoheight="false">
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo2.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo2.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Skin Features</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo3.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo3.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Page Samples</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo4.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo4.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Create Website</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo5.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo5.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>DNN Modules</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo6.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo6.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Unlimited Colors</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo7.jpg">

            <div class="pic_box"> <img alt="" src="/portals/25/Photo7.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Skin Design</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo2.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo2.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Responsive Web</h3>
                <p>Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box  ico_zoom"> <a class="LightBox_image_gallery3" href="/portals/25/Photo3.jpg">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo3.jpg" />
                <div class="ico"> <span class="glyphicons glyph-search "></span> </div>
                <div class="shade"></div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Professional Work</h3>
                <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p>
            </div>
        </div>
    </div>
</div>

Text/HTML



29

Mar

Meeting Report

Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet.

By Admin | 0 Comments

18

Apr

Advanced Technology

Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet.

By Admin | 0 Comments

06

Mar

Coffee Time

Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet.

By Admin | 0 Comments

29

Mar

Meeting Report

Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet.

By Admin | 0 Comments

18

Apr

Advanced Technology

Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet.

By Admin | 0 Comments

06

Mar

Coffee Time

Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet.

By Admin | 0 Comments


SOURCE CODE 
		
<div class="carousel carousel_7" data-autoplay="false" data-autoheight="false" data-items="3">
    <div class="item">
        <div class="photo_box icon_tag_push img_zoom"> <a href="#">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo2.jpg" />
                <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                    <h3>29</h3>
                    Mar </div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Meeting Report</h3>
                <p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
                <span>By Admin   |   0 Comments</span> </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box icon_tag_push img_zoom"> <a href="#">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo1.jpg" />
                <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                    <h3>18</h3>
                    Apr </div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Advanced Technology</h3>
                <p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
                <span>By Admin   |   0 Comments</span> </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box icon_tag_push img_zoom"> <a href="#">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo3.jpg" />
                <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                    <h3>06</h3>
                    Mar </div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Coffee Time</h3>
                <p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
                <span>By Admin   |   0 Comments</span> </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box icon_tag_push img_zoom"> <a href="#">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo2.jpg" />
                <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                    <h3>29</h3>
                    Mar </div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Meeting Report</h3>
                <p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
                <span>By Admin   |   0 Comments</span> </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box icon_tag_push img_zoom"> <a href="#">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo1.jpg" />
                <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                    <h3>18</h3>
                    Apr </div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Advanced Technology</h3>
                <p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
                <span>By Admin   |   0 Comments</span> </div>
        </div>
    </div>
    <div class="item">
        <div class="photo_box icon_tag_push img_zoom"> <a href="#">
            <div class="pic_box"> <img alt="" src="/portals/25/Photo3.jpg" />
                <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                    <h3>06</h3>
                    Mar </div>
            </div>
            </a>
            <div class="text_sytle_6">
                <h3>Coffee Time</h3>
                <p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
                <span>By Admin   |   0 Comments</span> </div>
        </div>
    </div>
</div>