@extends('layouts.master')

@section('content')

<section class="page-header" >
					<div class="container" style="font-family: 'Baloo Bhaijaan 2', cursive;">
						 
						<div class="row">
							<div class="col-md-12">
								<h1 style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">@lang('msg.aboutus') </h1>
							</div>
						</div>
					</div>
				</section>

				<div style="font-family: 'Baloo Bhaijaan 2', cursive;" 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">
							@lang('msg.about_us5')  
								<strong class="inverted inverted-primary">
									<span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
										<span class="word-rotate-items">
											<span>@lang('msg.about_us6') .</span>
											<span>@lang('msg.about_us7') .</span>
											<span>@lang('msg.about_us8') .</span>
										</span>
									</span>				
								</strong>
							</h2>

							<p class="lead"> @lang('msg.about_us1')  </p>
							<p class="lead"> @lang('msg.about_us3')	 </p>				
							<p class="lead">  @lang('msg.about_us4') </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