@extends('frontend.template')

@section('styles')

<style type="text/css">

.Video-sect .inner-div {
    text-align: center;
}
.main-inner-servv {
    height: 250px;
    margin-bottom:15px;
}

.main-serv-inner-imgg img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}
h2.gernal-headd {
    margin: 50px 0px;
    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">
				<h2>Videos</h2>
			</div>
		</div>
	</div>

    <section class="cat-featt">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
              	            
	                <h2 class="gernal-headd">Dalson Packing Machinery Video</h2>
	            </div>
	          
            
        </div>
          
 
		   <div class="row">

          <div class="col-md-4 col-sm-6 col-xs-12 col-lg-4">

                  <div class="main-inner-servv">
                    
                   
                           <div class="main-serv-inner-imgg">
                         <a data-fancybox="gallery" href="/images/wKgDYl7nG8CAJdc7ACTPOb8TVGM230.mp4"><img class="w300 img-responsive" src="/images/v1.jpg">
                        <!--<i class="fa fa-play" aria-hidden="true"></i>-->
                        </a>
                      </div>
                   
                    
                    <div class="main-serv-inner-2">
                        <h4>There are many variations of passages available</h4>
                    </div>
                    
                </div></div>
                
                
                  <div class="col-md-4 col-sm-6 col-xs-12 col-lg-4">
                   <div class="main-inner-servv">
                    
                   
                         <div class="main-serv-inner-imgg">
                         <a data-fancybox="gallery" href="/images/wKgDYl7nG62AMQU7AI3ohQmEJic828.mp4"><img class="w300 img-responsive" src="/images/v2.jpg">
                        <!--<i class="fa fa-play" aria-hidden="true"></i>-->
                        </a>
                      </div>
                   
                    
                    <div class="main-serv-inner-2">
                        <h4>There are many variations of passages available</h4>
                    </div>
                    
                </div></div>

             
             
             
             
              <div class="col-md-4 col-sm-6 col-xs-12 col-lg-4">

                  <div class="main-inner-servv">
                    
                   
                        <div class="main-serv-inner-imgg">
                         <a data-fancybox="gallery" href="/images/wKgDYl82DP2AWRFvBcmPgwXF0hY904.mp4"><img class="w300 img-responsive" src="/images/v33.jpg">
                        <!--<i class="fa fa-play" aria-hidden="true"></i>-->
                        </a>
                      </div>
                   
                    
                    <div class="main-serv-inner-2">
                        <h4>There are many variations of passages available</h4>
                    </div>
                    
                </div>
                
             </div>
             
          
             
           
             
           
          
             
          <div class="col-md-4 col-sm-6 col-xs-12 col-lg-4">

                 <div class="main-inner-servv">
                    
                   
                      <div class="main-serv-inner-imgg">
                         <a data-fancybox="gallery" href="/images/wKgDYl7nHFCAYn-SACBz7jN8t2o370.mp4"><img class="w300 img-responsive" src="/images/v4.jpg">
                        <!--<i class="fa fa-play" aria-hidden="true"></i>-->
                        </a>
                      </div>
                   
                    
                    <div class="main-serv-inner-2">
                        <h4>There are many variations of passages available</h4>
                    </div>
                    
                </div></div>
                
                  <div class="col-md-4 col-sm-6 col-xs-12 col-lg-4">
                     <div class="main-inner-servv">
                    
                   
                         <div class="main-serv-inner-imgg">
                         <a data-fancybox="gallery" href="/images/wKgDYl7nHCWAaceiAEYZeO9DfOQ133.mp4"><img class="w300 img-responsive" src="/images/v5.jpg">
                        <!--<i class="fa fa-play" aria-hidden="true"></i>-->
                        </a>
                      </div>
                   
                    
                    <div class="main-serv-inner-2">
                        <h4>There are many variations of passages available</h4>
                    </div>
                    
                </div>

             </div>
  
           
            
	        </div>
    </div>
    </div>
</section>

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

@endsection

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