@extends('frontend.template')

@section('styles')

<style type="text/css">

.Video-sect .inner-div {
    text-align: center;
}


</style>



    <link rel="stylesheet" href="{{asset('assets/css/fancybox.css')}}" />
	


@endsection

@section('content')	
	<div class="bannermain innerbanner">
		<div class="banner_overlay"></div>
		<img src="{{get_thumb_url_400('banners',"/".$basic_details->featured_banner,1)}}" alt="{{$basic_details->name}}">
		<div class="innercaption">
			<div class="container">
				<h1>Project Case</h1>
			</div>
		</div>
	</div>
          
          <section class="video">
        
        <div class="container">
            
            <div class="row Video-sect">
		       
		        
		        
		        <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">

                    <div class="card">
                            <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Big Brick Tiles Installed on Exercise Area.jpg">
                                <img class="card-img-top img-fluid" src="/images/Big Brick Tiles Installed on Exercise Area.jpg">
                            </a>
                            <div class="card-body">
                                <p class="card-text">
                                    Big Brick Tiles Installed on Exercise Area
                                </p>
                            </div>
                    </div>  

                </div>
		       
		        
		         <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Bone Tiles Installed on Horse Stable .jpg">
                            <img class="card-img-top img-fluid" src="/images/Bone Tiles Installed on Horse Stable .jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Bone Tiles Installed on Horse Stable
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Bone Tiles Installed on Neighborhood.jpg">
                            <img class="card-img-top img-fluid" src="/images/Bone Tiles Installed on Neighborhood.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Bone Tiles Installed on Neighborhood
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Brick Rubber Tiles Installed on Garage.jpg">
                            <img class="card-img-top img-fluid" src="/images/Brick Rubber Tiles Installed on Garage.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Brick Rubber Tiles Installed on Garage
                            </p>
                        </div>
                    </div>
                
                </div>
		        
		        </div>
		        
		        <div class="row extra-raw">
		            
		             <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Brick Rubber Tiles Installed on Garden.jpg">
                            <img class="card-img-top img-fluid" src="/images/Brick Rubber Tiles Installed on Garden.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Brick Rubber Tiles Installed on Garden.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                 <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Brick Tiles Installed on Sideway .jpg">
                            <img class="card-img-top img-fluid" src="/images/Brick Tiles Installed on Sideway .jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Brick Tiles Installed on Sideway.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                 <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Brick Tiles Installed on Terrace.jpg">
                            <img class="card-img-top img-fluid" src="/images/Brick Tiles Installed on Terrace.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Brick Tiles Installed on Terrace.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                 <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Prefabricated Athletic Running Track Insalled on Highschool.jpg">
                            <img class="card-img-top img-fluid" src="/images/Prefabricated Athletic Running Track Insalled on Highschool.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Prefabricated Athletic Running Track Insalled on Highschool.
                            </p>
                        </div>
                    </div>
                
                </div>
		            
		        </div>
		        
		        <div class="row extraaaaaa">
		            
		            <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Prefabricated Athletic Running Track Installed on High School 2.jpg">
                            <img class="card-img-top img-fluid" src="/images/Prefabricated Athletic Running Track Installed on High School 2.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Prefabricated Athletic Running Track Installed on High School 2.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Composite Mat Installed on Gym.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Composite Mat Installed on Gym.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Composite Mat Installed on Gym.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Composite Mat Installed on Gym3.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Composite Mat Installed on Gym3.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Composite Mat Installed on Gym3.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Composite Mat Installed on Gym2.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Composite Mat Installed on Gym2.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Composite Mat Installed on Gym2.
                            </p>
                        </div>
                    </div>
                
                </div>
		            
		        </div>
		        
		        <div class="row exx-rows">
		            
		            <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Composite Mat Installed on Gym4 .jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Composite Mat Installed on Gym4 .jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Composite Mat Installed on Gym4.
                        </div>
                    </div>
                
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Rolls Installed on Gym.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Rolls Installed on Gym.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Rolls Installed on Gym.
                            </p>
                        </div>
                    </div>
                
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Rolls Installed on Gym2.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Rolls Installed on Gym2.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Rolls Installed on Gym2.
                            </p>
                        </div>
                    </div>
                
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Rolls installed on Gym4.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Rolls installed on Gym4.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Rolls installed on Gym4.
                            </p>
                        </div>
                    </div>
                
                </div>
    
		        </div>
		        
		        <div class="row exxxt-rawww">
		            
		            <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Rolls Intalled on GYm3.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Rolls Intalled on GYm3.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Rolls Intalled on GYm3.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Tiles Installed on Horse Stable.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Tiles Installed on Horse Stable.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Tiles Installed on Horse Stable.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Tiles Installed on Playgrounds Area 2.JPG">
                            <img class="card-img-top img-fluid" src="/images/Rubber Tiles Installed on Playgrounds Area 2.JPG">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Tiles Installed on Playgrounds Area 2.
                            </p>
                        </div>
                    </div>
                
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 col-lg-3 inner-div">
		            
		               
                	<div class="card">
                        <a data-fancybox="bigbuckbunny" data-width="640" data-height="360" href="/images/Rubber Tiles Installed on Playgrounds Area3.jpg">
                            <img class="card-img-top img-fluid" src="/images/Rubber Tiles Installed on Playgrounds Area3.jpg">
                        </a>
                        <div class="card-body">
                            <p class="card-text">
                                Rubber Tiles Installed on Playgrounds Area3.
                            </p>
                        </div>
                    </div>
                
                </div>
		            
		        </div>
            
            </div>
            
        

</section>
	

	<div class="clear"> </div>

@endsection

@section('scripts')
<script src="{{asset('assets/js/fancybox.js')}}"></script>
@endsection