@extends('main')
@section('styles')
  {!! Html::style(Theme::current()->assetPath.'/css/timeline.css') !!}
@endsection
@section('page-title')
  <section class="breadcrumbs-wrap">
		<div class="section-content">
			<div class="container clearfix">
				<div class="breadcrumbs-inner">
					<h1 class="page-title">
						{{ __('History') }}
					</h1>
					<ul class="breadcrumbs ul--inline ul--no-style">
						<li>
							<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
						</li>
            <span>/</span>
            <li>
              <a href="#">{{ __('About us') }}</a>
            </li>
            <span>/</span>
            						<li class="active">
							{{ __('History') }}
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')
  <section class="we-are">
    <div class="container">
      <div class="row shop-list single-pro-info no-sidebar">
        <div class="col-lg-12">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="main-timeline">
                  @foreach ($abouts as $key => $about)
                    <div class="timeline">
                        <span class="timeline-year"></span>
                        <div class="content">
                          <h3>{!! $about->title !!}</h3>
                          <p class="description">
                            @if ($about->photo)
                              <img src="{!! path_img($about->photo,400,300) !!}" alt="{!! $about->title !!}">
                            @endif
                          </p>
                          {!! $about->content !!}
                        </div>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection
@section('scripts')
@endsection