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

    <main>

        <!-- Start pg_header -->
        @include('web.pages.components.navbar.navbar')
        <!-- Start about_pg -->
        <section class="about_pg section">
            <div class="container">
                <div class="item position-relative row">
                    <div class="col-lg-12 m-auto">
                        <div class="text_box">
                            <p class="p mb-0">
                                {!! $aboutus->description !!}
                            </p>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Start about_cards -->
        <section class="about_cards section">
            <div class="container">
                <div class="row">
                    @foreach($cards as $card)
                        @if($card->description)
                            <div class="col-lg-4">
                                <div class="about_card">
                                    <h5 class="title mb-4 fw-bold">
                                        <img src="{{asset($card->image)}}" class="icon" alt=""/> {!! $card->title !!}
                                    </h5>
                                    <p class="p">
                                        {!! $card->description !!}
                                    </p>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </section>

    </main>

@endsection
