@extends('front.layout.app')
@section('content')

		<section class="breadcrumb-section">
        <div class="container-auto">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-12">
                    <div class="page-title">
                        <h1>Environment Responsibility</h1>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-12">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ base_url() }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Environment Responsibility</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
		 
<main id="main"> 


		<!--Collection Start--> 

			 <div class="gallery-wrap mt-5 environmentWrp">
<div class="container">

	@php echo adjustUrl($page->content) @endphp

	
        <div class="items-container clearfix row"> 
        @foreach($cmsModuleDataImages as $images)
       
          <!--Default Portfolio Item-->
          <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="colorchoice default-collect-item">
              <div class="image-box mb-3"><img src="{{ $images->thumb }}" alt="{{ $images->image_alt }}" title{{ $images->image_title }}="">
              	<div class="hover-link"> 
											 <a href="{{ $images->thumb }}" class="fancybox-effects-a"><i class="fa-solid fa-magnifying-glass-plus"></i></a>  
										</div>
									</div> 
          </div>
          </div>

  @endforeach    
  
        </div>

</div>
</div>


  <!--Collection End-->
			 

 
		</main>

@endsection