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

    <main>

        @include('web.pages.components.header')

        <section class="devision section bg-light1">
            <div class="container">
                <div class="col-lg-10 mx-auto">
                    <div class="row justify-content-between">
                        <div class="col-lg-3">
                            <img src="{{asset($page->photo)}}" class="logo" alt="">
                        </div>
                        <div class="col-lg-8 ">
                            <div class="txt_box">
                                <div class="p"> {!! $page->description !!}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="devision-colord bg1">
            <img src="{{url('')}}/assets/web/images/new-imgs/colored-trngl.png" alt="" class="shap img-cover">
            <div class="container">
                <div class="col-lg-10 mx-auto">
                    <div class="main-text"> {!! $page->second_description !!} </div>
                </div>
            </div>
        </section>


        <section class="devision-items bg1 section">
            <div class="container">
                <div class="content col-lg-10 mx-auto text-center">
                    <div class="main-text px-lg-4"> {!! $page->third_description !!} </div>
                    <div class="cards">
                        @foreach($technicals as $row)
                            <div class="item">
                                <div class="icon">
                                    <img src="{{asset($row->image)}}" alt="">
                                </div>
                                <div class="txt"> {!! $row->title !!} </div>
                            </div>
                        @endforeach
                        
                    </div>
                </div>
            </div>
        </section>

    </main>

@stop