@extends('layouts.master')

@section('content')

<section class="page-header" >
					<div class="container">
						 
						<div class="row">
							<div class="col-md-12">
								<h1 style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">@lang('msg.eg_waste') </h1>
							</div>
						</div>
					</div>
				</section>

				<div class="container" dir= {{ session()->get('lang') == 'en'? 'ltr':'rtl' }}>
					<div class="row">
						<div class="col-md-12" >
							<h2 class="word-rotator-title mb-lg center">
							 
								 
							</h2>

							<p class="lead"> @lang('msg.eg1')  </p>
							<p class="lead"> @lang('msg.eg2')	 </p>				
							<p class="lead">  @lang('msg.eg3') </p>
							<p class="lead">  @lang('msg.eg4') </p>
							<p class="lead">  @lang('msg.eg5') </p>

							

							<hr class="tall">
						</div>
					</div>
					 
				</div>

				 

				 

				<div class="container">
					 
					<div class="row mt-xlg mb-xlg">
						<div class="col-md-3 col-sm-6 col-xs-12">
							<span class="thumb-info thumb-info-hide-wrapper-bg">
								<span class="thumb-info-wrapper">
								 
										<img src="img/person4.jpg" style="height: 283px;" alt="">
										<span class="thumb-info-title">
											<span class="thumb-info-inner">@lang('msg.name1')</span>
											<span class="thumb-info-type">@lang('msg.title1')</span>
										</span>
								 
								</span>
								 
							</span>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12">
							<span class="thumb-info thumb-info-hide-wrapper-bg">
								<span class="thumb-info-wrapper">
								 
										<img src="img/person3.jpg"  style="height: 283px;" alt="">
										<span class="thumb-info-title">
											<span class="thumb-info-inner">@lang('msg.name2')</span>
											<span class="thumb-info-type">@lang('msg.title2')</span>
										</span>
									 
								</span>
								
							</span>
						</div>
						
						<div class="col-md-3 col-sm-6 col-xs-12">
							<span class="thumb-info thumb-info-hide-wrapper-bg">
								<span class="thumb-info-wrapper">
								 
										<img src="img/person1.jpg"  style="height: 283px; " alt="">
										<span class="thumb-info-title">
											<span class="thumb-info-inner">@lang('msg.name4')</span>
											<span class="thumb-info-type">@lang('msg.title4')</span>
										</span>
								 
								</span>
								 
							</span>
						</div>

						<div class="col-md-3 col-sm-6 col-xs-12">
							<span class="thumb-info thumb-info-hide-wrapper-bg">
								<span class="thumb-info-wrapper">
								 
										<img src="img/person2.jpg"  style="height: 293px; margin-top:-10px" alt="">
										<span class="thumb-info-title">
											<span class="thumb-info-inner">@lang('msg.name3')</span>
											<span class="thumb-info-type">@lang('msg.title3')</span>
										</span>
								 
								</span>
								 
							</span>
						</div>

						
					</div>
				</div>

				 

@endsection