@extends('lamis.layout.main')
@section('content')
  <main>
        <section class="about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                        <div class="about-text">
                            <h4>{{aboutkey($main->id)}}</h4>
                            <p>
                               {{aboutvalue($main->id)}} </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <div class="cards-container">
                            @foreach($abouts as $row)
                            <div class="card ">
                                <div class="icon-container">
                                    <i class="far fa-eye"></i>
                                </div>
                                <div class="text">
                                    <p class="heading">{{aboutkey($row->id)}}</p>
                                    <p>
                                        {{aboutvalue($row->id)}}
                                    </p>
                                </div>
                            </div>
                            @endforeach
                        </div>
                         
                         
                    </div>
                </div>
            </div>
            <img src="{{url('')}}/assets/lamis/images/home-topr.png" alt="" class="r-top wow fadeInRight slow">
            <img src="{{url('')}}/assets/lamis/images/home-bottomr.png" alt="" class="r-bottom animated fadeInRight slow">
        </section>
    </main>
  

@stop