Enter Title

Lightbox effects 1

+
+
+
+
	
<h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 1</h3>      
<div id="image-effect-1" class="image-effect clearfix">            
    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">                  
        <div class="img">                        
        <img alt="" src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg">                        
        <div class="overlay"><a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" class="expand">+</a>                        
        </div>                  
        </div>            
    </div>            
    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">                  
        <div class="img">                        
        <img alt="" src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg">                        
        <div class="overlay"><a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" class="expand">+</a>                        
        </div>                  
        </div>            
    </div>            
    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">                  
        <div class="img">                        
        <img alt="" src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg">                        
        <div class="overlay"><a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" class="expand">+</a>                        
        </div>                  
        </div>            
    </div>            
    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">                  
        <div class="img">                        
        <img alt="" src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg">                        
        <div class="overlay"><a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" class="expand">+</a>                        
        </div>                  
        </div>            
    </div>      
</div>                     
               

Text/HTML

Lightbox effects 3

+
+
+
+
		
 <div class="spd-row spd-padding-top-bottom-50">		          
   <h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 3</h3>		    		          
   <div id="image-effect-3" class="image-effect clearfix">		                    
      <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                                  
         <div class="img">		                                            
            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" alt="">		                                            
            <div class="overlay">		                        <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" class="expand">+</a>		                        <!--  -->		                                            
            </div>		                                  
         </div>		                        
      </div>		                        
      <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                                  
         <div class="img">		                                            
            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" alt="">		                                            
            <div class="overlay">		                        <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" class="expand">+</a>		                        		                                            
            </div>		                                  
         </div>		                        
      </div>		                        
      <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                                  
         <div class="img">		                                            
            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" alt="">		                                            
            <div class="overlay">		                        <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" class="expand">+</a>		                        		                                            
            </div>		                                  
         </div>		                        
      </div>		                        
      <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                                  
         <div class="img">		                                            
            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="">		                                            
            <div class="overlay">		                        <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" class="expand">+</a>		                        		                                            
            </div>		                                  
         </div>		                        
      </div>		              
   </div>		    
</div>				
 
               

Text/HTML

Lightbox effects 4

+
+
+
+
		            <div class="spd-row spd-padding-top-bottom-50">		                <h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 4</h3>		                		                <div id="image-effect-4" class="image-effect clearfix">		                    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" class="expand">+</a>		                                    <!-- <a class="close-overlay hidden">x</a> -->		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                    </div>		                </div>		            </div>		                                  
            

Text/HTML

Lightbox effects 5

+
+
+
+
		            <div class="spd-row spd-padding-top-bottom-50">		                <h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 5</h3>		                		                <div id="image-effect-5" class="image-effect clearfix">		                    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" class="expand">+</a>		                                    <!-- <a class="close-overlay hidden">x</a> -->		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                    </div>		                </div>		            </div>		                                  
            

Text/HTML

Lightbox effects 6

+
+
+
+
		            <div class="spd-row spd-padding-top-bottom-50">		                <h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 6</h3>		                		                <div id="image-effect-6" class="image-effect clearfix">		                    <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" class="expand">+</a>		                                    <!-- <a class="close-overlay hidden">x</a> -->		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                        <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                            <div class="img">		                                <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="">		                                <div class="overlay">		                                    <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" class="expand">+</a>		                                    <a class="close-overlay hidden">x</a>		                                </div>		                            </div>		                        </div>		                    </div>		                </div>		            </div>		                                  
            

Text/HTML

Lightbox effects 7

		            <div class="spd-row spd-padding-top-bottom-50">		                <h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 7</h3>		                <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                    <div class="spd-row">		                        <div class="view_05 view_05-third img">		                            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" alt="">		                            <div class="mask">		                                <div class="Both_05">		                                    <h2 class="Cont_05_Icon ToP_05"><a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg"> <i class="fa fa-search fa-lg"></i> </a> </h2>		                                   		                                     <p class="Cont_05_Icon BoT_05"> <a href="#"> <i class="fa fa-chain fa-lg"></i> </a> </p>		                                </div>		                            </div>		                        </div>		                    </div>		                </div>		                <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                    <div class="spd-row">		                        <div class="view_05 view_05-third img">		                            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" alt="">		                            <div class="mask">		                            <div class="Both_05">		                                <h2 class="Cont_05_Icon ToP_05"> <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg"> <i class="fa fa-search fa-lg"></i> </a> </h2>		                               		                                 <p class="Cont_05_Icon BoT_05"> <a href="#"> <i class="fa fa-chain fa-lg"></i> </a> </p>		                            </div>		                            </div>		                        </div>		                    </div>		                </div>		                <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                    <div class="spd-row">		                        <div class="view_05 view_05-third img">		                            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg" alt="">		                            <div class="mask">		                            <div class="Both_05">		                                <h2 class="Cont_05_Icon ToP_05"> <a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-01.jpg"> <i class="fa fa-search fa-lg"></i> </a> </h2>		                               		                                 <p class="Cont_05_Icon BoT_05"> <a href="#"> <i class="fa fa-chain fa-lg"></i> </a> </p>		                            </div>		                            </div>		                        </div>		                    </div>		                </div>		                <div class="spd-col-md-3 spd-col-sm-3 spd-xs-margin-bottom-50">		                    <div class="spd-row">		                        <div class="view_05 view_05-third img">		                            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="">		                            <div class="mask">		                                <div class="Both_05">		                                <h2 class="Cont_05_Icon ToP_05"><a title="Single Photo" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg"> <i class="fa fa-search fa-lg"></i> </a> </h2>		                               		                                 <p class="Cont_05_Icon BoT_05"> <a href="#"> <i class="fa fa-chain fa-lg"></i> </a> </p>		                                 </div>		                            </div>		                        </div>		                    </div>		                </div>      		        </div>		                                        
               

Text/HTML

Lightbox effects 8

Creative Zoe

Zoe never had the patience of her sisters. She deliberately punched the bear in his face.

Creative Zoe

Zoe never had the patience of her sisters. She deliberately punched the bear in his face.

Creative Zoe

Zoe never had the patience of her sisters. She deliberately punched the bear in his face.

		            <div class="spd-row spd-padding-top-bottom-50">		                <h3 class="spd-padding-top-bottom-50 spd-text-center"> Lightbox effects 8</h3>		                <div class="spd-col-md-4 spd-col-sm-4 spd-xs-padding-bottom-50">		                    <div class="effect-zoe xs-img">		                        <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg" alt="">		                        <figcaption>		                            <h2>Creative <strong>Zoe</strong></h2>		                            <a class="fa fa-heart-o"></a>		                            <a class="fa fa-eye" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-03.jpg"></a>		                            <a class="fa fa-paperclip"></a>		                            <p>Zoe never had the patience of her sisters. She deliberately punched the bear in his face.</p>		                        </figcaption>           		                    </div>		                </div>		                <div class="spd-col-md-4 spd-col-sm-4 spd-xs-padding-bottom-50">		                    <div class="effect-zoe xs-img">		                        <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg" alt="">		                        <figcaption>		                            <h2>Creative <strong>Zoe</strong></h2>		                            <a class="fa fa-heart-o"></a>		                            <a class="fa fa-eye" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-02.jpg"></a>		                            <a class="fa fa-paperclip"></a>		                            <p>Zoe never had the patience of her sisters. She deliberately punched the bear in his face.</p>		                        </figcaption>           		                    </div>		                </div>		                <div class="spd-col-md-4 spd-col-sm-4 spd-xs-padding-bottom-50">		                        <div class="effect-zoe xs-img">		                            <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="">		                            <figcaption>		                                <h2>Creative <strong>Zoe</strong></h2>		                                <a class="fa fa-heart-o"></a>		                                <a class="fa fa-eye" data-rel="prettyPhoto[pp_gal]" href="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg"></a>		                                <a class="fa fa-paperclip"></a>		                                <p>Zoe never had the patience of her sisters. She deliberately punched the bear in his face.</p>		                            </figcaption>           		                        </div>		                </div>		                    		        </div>		                                        
               

Footer Social

Contact Us Free Demo