Text/HTML

0
0
0
0

0

Combined Years of Experience

0

IT & Industry
Certifications

0

Projects &
Implementations

Images

SIMPLE IMAGE HOVER

SOURCE CODE 
<div class="photo_box"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
        </div>
    </a>
</div>
SOURCE CODE 
<div class="photo_box"> 
    <a href="#">
        <div class="pic_box"> 
                <img  src="/portals/0/images/demo/Photo8.jpg" >
                <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box  img_zoom"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-search"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box ico_left_enter"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box ico_right_enter"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-plus"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box ico_top_enter"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-file"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box ico_bottom_enter"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-file"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box default_show"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-play"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box ico_LeftAndRight_enter"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-search ico_left"></span><span class="glyphicons glyph-link ico_right"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box ico_TopAndBottom_enter"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-search ico_top"></span><span class="glyphicons glyph-link ico_bottom"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>

Modules Development

Web Design
SOURCE CODE 
<div class="photo_box default_show"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="content"> 
                <span class="glyphicons glyph-play"></span>
                <h3>Modules Development</h3>
                <p>Web Design</p>
            </div>
            <div class="shade"></div>
        </div>
    </a>
</div>

Modules Development

SOURCE CODE 
<div class="photo_box ico_LeftAndRight_enter">
    <div class="pic_box"> 
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="ico">
            <h3>Modules Development</h3>
            <a href="#"> <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>
SOURCE CODE 
<div class="photo_box ico_push_in">
    <div class="pic_box"> 
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="ico">
            <a href="#"> <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>

Modules Development

Web Design
SOURCE CODE 
<div class="photo_box ico_left_rotate"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"><span class="glyphicons glyph-link"></span></div>
            <div class="content">
                <div class="vertical_center_1">
                    <div class="vertical_center_2">
                        <h3>Modules Development</h3>
                        <p>Web Design</p>
                    </div>
                </div>
            </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>

Modules Development

Web Design
SOURCE CODE 
<div class="photo_box ico_right_rotate">
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"><span class="glyphicons glyph-link ico_right"></span></div>
            <div class="content">
                <div class="vertical_center_1">
                    <div class="vertical_center_2">
                        <h3>Modules Development</h3>
                        <p>Web Design</p>
                    </div>
                </div>
            </div>
            <div class="shade"></div>
        </div>
    </a>
</div>

IMAGE TITLE

Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.

Read More
SOURCE CODE 
<div class="photo_box content_top_increment">
    <div class="pic_box">
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="content">
            <div class="vertical_center_1">
                <div class="vertical_center_2">
                    <h3 class="increment_3">IMAGE TITLE</h3>
                    <p  class="increment_2 ">Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.</p>
                    <div class="increment_1"> <a href="#" class="but">Read More</a></div>
                </div>
            </div>
        </div>
        <div class="shade"></div>
    </div>
</div>

IMAGE TITLE

Photos,Design
SOURCE CODE 
<div class="photo_box img_zoom ico_zoom"> 
    <a href="#">
        <div class="pic_box">
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="content">
            <div class="vertical_center_1">
                <div class="vertical_center_2">
                    <div class="ico"><span class="glyphicons glyph-link"></span></div>
                    <h3>IMAGE TITLE</h3>
                    <p>Photos,Design</p>
                </div>
            </div>
        </div>
        <div class="shade"></div>
        </div>
    </a> 
</div>

IMAGE TITLE

Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.

Read More
SOURCE CODE 
<div class="photo_box  img_flip content_sytle_2">
    <div class="pic_box"> 
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="content">
            <div class="vertical_center_1">
                <div class="vertical_center_2">
                    <h3>IMAGE TITLE</h3>
                    <p>Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.</p>
                    <a href="#" class="but">Read More</a> 
                </div>
            </div>
        </div>
        <div class="shade"></div>
    </div>
</div>

IMAGE TITLE

Photos,Design
SOURCE CODE 
<div class="photo_box content_push_in"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="content">
                <h3>IMAGE TITLE</h3>
                <p>Photos,Design</p>
            </div>
        </div>
    </a> 
</div>

IMAGE TITLE
SOURCE CODE 
<div class="photo_box icon_tag_push img_zoom"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico "><span class="glyphicons glyph-link ico_right"></span></div>
                <div class="content">
                <h3>IMAGE TITLE</h3>
            </div>
        </div>
    </a>
</div>

IMAGE TITLE

Photos,Design

SOURCE CODE 
<div class="photo_box  ico_LeftAndRight_enter content_bottom_push_in">
    <div class="pic_box"> 
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="ico"> <a href="#"> <span class="glyphicons glyph-search ico_left"></span></a> <a href="#"><span class="glyphicons glyph-link ico_right"></span></a> </div>
        <div class="content">
            <h3>IMAGE TITLE</h3>
            <p>Photos,Design</p>
        </div>
    </div>
</div>

IMAGE TITLE

Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.

Read More
SOURCE CODE 
<div class="photo_box content_bottom_push_in_2 ">
    <div class="pic_box"> 
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="content">
            <div class="vertical_center_1">
                <div class="vertical_center_2">
                    <h3>IMAGE TITLE</h3>
                    <p>Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.</p>
                    <a href="#" class="but">Read More</a> 
                </div>
            </div>
        </div>
        <div class="shade"></div>
    </div>
</div>

IMAGE TITLE

Aliquam fringilla, sapien egetferas scelerisque placerat, lorem libero cursus lorem, sed sodales lorem libero eu sapien.

SOURCE CODE 
<div class="photo_box entirety_left_offset "> 
    <a href="#">
        <div class="pic_box"> 
        <img  src="/portals/0/images/demo/Photo8.jpg" >
        <div class="ico"> <span class="glyphicons glyph-search"></span> </div>
        <div class="content">
            <h3>IMAGE TITLE</h3>
            <p>content text... </p>
        </div>
        <div class="shade"></div>
        </div>
    </a>
</div>

IMAGE TITLE

Start Your Business Here

SOURCE CODE 
<div class="photo_box entirety_bevel">
    <div class="pic_box">
    <img  src="/portals/0/images/demo/Photo8.jpg" >
    <div class="ico"><a href="#"> <span class="glyphicons glyph-heart"></span>  </a><a href="#"> <span class="glyphicons glyph-tag"></span></a> </div>
    <div class="content">
        <div class="vertical_center_1">
            <div class="vertical_center_2">
                <h3>IMAGE TITLE</h3>
                <p>Start Your Business Here </p>
            </div>
        </div>
    </div>
    <div class="shade"></div>
    </div>
</div>
SOURCE CODE 
<div class="photo_box ico_rotate"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>
SOURCE CODE 
<div class="photo_box shade_zoom"> 
    <a href="#">
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="ico"> <span class="glyphicons glyph-resize-small"></span> </div>
            <div class="shade"></div>
        </div>
    </a> 
</div>

IMAGE TITLE

Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.

Read More
SOURCE CODE 
<div class="photo_box content_zoom content_sytle_2"> 
        <div class="pic_box"> 
            <img  src="/portals/0/images/demo/Photo8.jpg" >
            <div class="content ">
                <div class="vertical_center_1">
                    <div class="vertical_center_2">
                        <h3>IMAGE TITLE</h3>
                        <p>Phasellus aliquet tempus ligula, mollis imperdiet massa dignissim.</p>
                        <a href="#" class="but">Read More</a> 
                    </div>
                </div>
            </div>
		<div class="shade"></div>
        </div>
</div>


More Code

IMAGE WITH SHAPE

SOURCE CODE 
<div class="photo_box ico_left_enter">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo2_1.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>
SOURCE CODE 
<div class="photo_box ico_left_enter box_border_radius">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo2_1.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>
SOURCE CODE 
<div class="photo_box ico_right_enter box_border_round">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo2_1.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>

IMAGE WITH BORDER
SOURCE CODE 
<div class="photo_box  box_border">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo6.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>
SOURCE CODE 
<div class="photo_box  box_border_padding">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo6.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>
SOURCE CODE 
<div class="photo_box  box_dotted_padding">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo6.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>

IMAGE WITH SHADOW
SOURCE CODE 
<div class="photo_box  box_bottom_shadow">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo6.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>
SOURCE CODE 
<div class="photo_box  box_bottom_shadow_left box_bottom_shadow_right">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo6.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>
SOURCE CODE 
<div class="photo_box  box_bottom_shadow_right">
 <a href="#"> 
    <div class="pic_box"> 
        <img  src="/portals/30/Photo6.jpg" >
        <div class="ico"> <span class="glyphicons glyph-link"></span> </div>
        <div class="shade"></div>
    </div>
 </a>
</div>