@extends('layout.master1')

@section('title',$title)

@section('description',$description)

@section('keywords',$keywords)

@section('og:title',$og_title)

@section('og:description',$og_description)

@section('content')

<div class="breadcrumb-wrap breadcrumb-wrap-2">
  <div class="container">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">

          @lang('general.home')

        </a></li>
        <li class="breadcrumb-item active" aria-current="page">
          @if( App::getLocale() == 'tr')
          {{ $about->aboutTr }}
          @elseif( App::getLocale() == 'en')
          {{ $about->aboutEn }}
          @else
          {{ $about->aboutAr }}
          @endif
        </li>
      </ol>
    </nav>
  </div>
</div>

<section class="about-wrap2">
  <div class="container">
    <div class="row flex-row-reverse flex-lg-row">
      <div class="col-xl-6 col-lg-6">
        <div class="about-img">
          <img src="{{ asset('assets/assets/img/about/about8.jpg')}}" alt="about" width="746" height="587">
        </div>
      </div>
      <div class="col-xl-6 col-lg-6">
        <div class="about-box3 wow fadeInUp" data-wow-delay=".2s">
          <h2 class="item-title">  {{ $about->title }}</h2>
          <p>  {!! $about->content !!}    </p>
        </div>
      </div>
  <!--    <div class="row">
        <div class="col-lg-2 col-md-2 col-sm-2">
          <div class="about-layout1">
            <div class="item-img">
              <img src="assets/assets/img/figure/shape14.svg" alt="shape" width="60" height="57">
            </div>
            <h3 class="item-sm-title">Ofis</h3>

          </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2">
          <div class="about-layout1">
            <div class="item-img">
              <img src="assets/assets/img/figure/shape15.svg" alt="shape" width="60" height="57">
            </div>
            <h3 class="item-sm-title">Konut</h3>

          </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2">
          <div class="about-layout1">
            <div class="item-img">
              <img src="assets/assets/img/figure/shape15.svg" alt="shape" width="60" height="57">
            </div>
            <h3 class="item-sm-title">Secure Payment</h3>

          </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2">
          <div class="about-layout1">
            <div class="item-img">
              <img src="assets/assets/img/figure/shape15.svg" alt="shape" width="60" height="57">
            </div>
            <h3 class="item-sm-title">Secure Payment</h3>

          </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2">
          <div class="about-layout1">
            <div class="item-img">
              <img src="assets/assets/img/figure/shape15.svg" alt="shape" width="60" height="57">
            </div>
            <h3 class="item-sm-title">Secure Payment</h3>

          </div>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2">
          <div class="about-layout1">
            <div class="item-img">
              <img src="assets/assets/img/figure/shape15.svg" alt="shape" width="60" height="57">
            </div>
            <h3 class="item-sm-title">Secure Payment</h3>

          </div>
        </div>
      </div>-->

    </div>

    <div class="row flex-row flex-lg-row-reverse" >

      <div class="col-xl-12 col-lg-12">
        <div class="about-layout2">
          <span class="item-subtitle">@lang('general.mission')</span>
          <h2 class="item-title"> {{ $about->mission_title }}</h2>
          <p>{{ $about->mission_content }}</p>
          <div class="skills-wrap-layout-2 counter-appear">
            <div class="single-skill">
              <div class="title-bar">
                <h4 class="title"> Modern Teknoloji </h4>

              </div>
              <div class="skill-bar">
                <div class="skill-per" data-per="{{ $about->mission_point }}"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="about-layout2">
          <span class="item-subtitle">@lang('general.vision')</span>
          <h2 class="item-title">{{ $about->vision_title }}</h2>
          <p>{{ $about->vision_content }}</p>
          <div class="skills-wrap-layout-2 counter-appear">
            <div class="single-skill">
              <div class="title-bar">
                <h4 class="title"> Modern Teknoloji </h4>
              </div>
              <div class="skill-bar">
                <div class="skill-per" data-per="{{ $about->vision_point }}"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  @endsection