@extends('web.layouts.layout')
@section('content')


    <main>
        <!-- Start pg_header -->
        @include('web.pages.components.header.header')

        <!-- Start section -->
        <section class="about_pg section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="txt_box mb-4">
                            <h6 class="color-primary fw-bold mb-4">{{__('web.project')}}</h6>
                            <h4 class="sec_title color-secondary mb-4 fs-1 fw-bold">{!! $aboutus->title !!}  </h4>
                            <div class="p">
                                {!! $aboutus->description !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="img_box mx-auto">
                            <img src="{{asset($aboutus->image)}}" class="secImg" alt="">
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Start section -->
        <section class="about_cards section">
            <div class="container">
                <div class="row">
                    @foreach($pages as $row)
                        <div class="col-lg-4">
                            <div class="about_card">
                                <div class="box">
                                    <div class="icon_box">
                                        <img src="{{asset($row->image)}}" class="icon me-3" alt="">
                                        <h5 class="title_w_line color-primary fw-bold"> {!! $row->title !!}  </h5>
                                    </div>
                                    <div class="content">
                                        <div class="p">
                                            {!! $row->description !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <img src="images/icon.svg" class="pattern" alt="" />
        </section>

    </main>

@stop
