@extends('user.app')
@php $meta_title = trim($cms->meta_title); @endphp
@section('pagetitle'){{ ($meta_title) ? $meta_title : $cms->title }}@stop
@section('pagedescription')
  @php  $meta_details = trim($cms->meta_details); @endphp
 <meta name="description" content="{{ $meta_details }}">
@stop
@section('pagekeywords')
 @php $meta_tags = trim($cms->meta_tags); @endphp
<meta name="keywords" content="{{ $meta_tags }}">
@stop
@php 

$photos1 =array();
 $img_path1 = '';
 $img_path2 = '';

if( !empty($cms->image1))
{
    $photos1 = unserialize( $cms->image1);
    if(count($photos1)>0)
    {
       $img_path1=url('/logo/'.$photos1['image1']); 
    }
}  
$photos2 =array();

if( !empty($cms->image2))
{
    $photos2 = unserialize( $cms->image2);
    if(count($photos2)>0)
    {
        $img_path2 = url('/logo/'.$photos2['image2']); 
    }
}     
@endphp

@section('main-content')

<div class="banner-part">

    <img src="{{ $img_path1 }}" alt="">   

    <div class="inner-ban-tx">
        <div class="container">
            <div class="row">
                <h2>{{$cms->title}}</h2>
                <ul class="breadcrumbs">
                    @php
                        echo '<li><a href="'.url('/').'">Home</a></li>';
                        echo '<li class="selected">About Us</li>';
                    @endphp
                </ul>
            </div>
        </div>
    </div>

</div>



<section class="about-area ptb-100">

            <div class="container">

                <div class="row">

                    <div class="col-lg-6 col-md-12">

                        <div class="about-text">

                            {{-- <h3>About <span>Buyonlineclasses.com</span></h3> --}}

                             {!! $cms->description1 !!}


                        </div>

                    </div>

                    

                    <div class="col-lg-6 col-md-12">

                        <img src="{{ $img_path2 }}" alt="">

                    </div>

                    

                    <div class="col-lg-6 col-md-6">

                        <div class="single-about">

                            <i class="fas fa-paper-plane"></i>

                            <h3>Progressive Programs</h3>

                            <p>Immerse yourself in the evolving world of progressive academic education during your degree program. At BOC, students benefit from studying with teachers and researchers at the forefront of their areas. Our faculty members open up broad areas of academic exploration you can be a part of.</p>

                        </div>

                    </div>

                    

                    <div class="col-lg-6 col-md-6">

                        <div class="single-about">

                            <i class="far fa-check-square"></i>

                            <h3>Online Courses</h3>

                            <p>Flexible learning on your schedule. Experience a new world of learning. Take one of over 100 online courses, Browse by subject, to find the right course for you.</p>

                        </div>

                    </div>

                    

                    <!-- <div class="col-lg-6 col-md-6 offset-md-3 offset-lg-0">

                        <div class="single-about">

                            <i class="far fa-check-square"></i>

                            <h3>International Students</h3>

                            <p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit. Quos dolo rem consequ untur, natus laudantium commodi earum aliquid in ullam.Lorem ipsum.</p>

                        </div>

                    </div> -->

                    

                    <div class="col-lg-6 col-md-6">

                        <div class="about-content">

                             {!! $cms1->description1 !!}

                        </div>

                    </div>

                    

                    <div class="col-lg-6 col-md-6">

                        <div class="about-content">

                            {!! $cms2->description2 !!}

                        </div>

                    </div>

                </div>

            </div>

        </section>





<div class="clearfix"></div>

@endsection