@extends('main')
@section('styles')
@endsection
@section('page-title')
	<section class="navigation">
		<div class="breadcrumbs-wrap">
			<div class="container clearfix">
				<div class="row">
					<div class="col-md-12">
						<h2>
							{{ $about->title }}
						</h2>
						<ul class="breadcrumbs ul--inline ul--no-style">
							<li>
								<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
							</li>
							<span>/</span>
							<li class="active">
								{{ $about->title }}
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('content')

	<section class="we-are">
		<div class="container">

		<div class="row">
								<div class="col-md-3 col-sm-3 col-xs-12 ">
								<div class="about-tab">

								<ul class="nav nav-tabs " id="pro-tab" role="">
                    <li class="">
                      <a class="nav-link active" id="home-tab" data-toggle="tab" href="#description" role="tab" aria-controls="all" aria-expanded="true">Description</a>
                    </li>
                    <li class="">
                      <a class="nav-link" data-toggle="tab" href="#review" role="tab" aria-controls="on-sale">Review
                        <span>(1)</span>
                      </a>
                    </li>
                  </ul>
				  </div>
				  </div>
				  								<div class="col-md-9 col-sm-9 col-xs-12">

                  <div class="tab-content" id="pro-content">
                    <div class="tab-pane active" id="description" role="tabpanel" aria-labelledby="home-tab">
                      <p class="m-b-25">
                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque
                        ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
                      </p>
                      <p>
                        <span class="tcolor-333 sbold">Material: </span>Synthetic resins
                      </p>
                      <p>
                        <span class="tcolor-333 sbold">Perfomance: </span>Saving 15 % Electric power
                      </p>
                      <p>
                        <span class="tcolor-333 sbold">Guarantee: </span>6 months
                      </p>
                      <p class="m-t-25">
                        Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
                      </p>
                    </div>
                    <div class="tab-pane" id="review" role="tabpanel">
                      <div class="pro-review-item">
                        <div class="cus-info clearfix">
                          <span class="sbold">
                            Thomas Wagner
                          </span>
                          <div class="pro__star pull-right">
                            <i class="fa fa-star" aria-hidden="true"></i>
                            <i class="fa fa-star" aria-hidden="true"></i>
                            <i class="fa fa-star" aria-hidden="true"></i>
                            <i class="fa fa-star" aria-hidden="true"></i>
                            <i class="fa fa-star-half-o" aria-hidden="true"></i>
                          </div>
                        </div>
                        <p>
                          Phasellus rutrum sollicitudin nisl, at egestas tortor sagittis eget. Nulla tincidunt felis metus, in vehicula lectus porta
                          a. Sed felis erat, sodales in turpis eumaneta.
                        </p>
                      </div>
                    </div>
                  </div>
                  <!-- End Tab Content   -->

		</div>
                </div>

			<div class="row shop-list single-pro-info no-sidebar">
				<!-- Single-product start -->
				<div class="col-lg-12">
					<div class="single-product clearfix">
						<div class="row">
							@if ($about->photo)
								<div class="col-md-8 col-sm-8 col-xs-12">
									<div class="section-title text-center">
										<h2 class="title-border">{{ $about->title }}</h2>
										{!! $about->content !!}
									</div>
								</div>
								<div class="image col-md-4 col-sm-4 col-xs-12 ">
									<img src="{{ asset($about->photo) }}"  alt="{{ $about->title }}" />
								</div>
							@else
								<div class="col-md-12">
									{!! $about->content !!}
								</div>
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
@endsection