@extends('web.layouts.app')

@section('content')

<!-- start heeder -->
@include('web.layouts.header')
<!-- end heeder -->

<!-- start app -->
<main id="app">
    <section class="project">
        <div class="title-start">
            <div class="main-container">
                <h4> {{ awtTrans('WHAT WE DO') }} <span></span></h4>
                <h2> {{ awtTrans('Our Projects') }} </h2>
            </div>
        </div>

        <div class="owl-carousel owl-theme maincarousel" id="slider-project">

            @foreach ($projects as $project)

            <div class="item">
                <a href="{{ route('web.project' , $project->slug) }}">
                    <div class="sub-projects-index">
                        <img src="{{ $project->photo }}" alt="">

                        <div class="text-projects-index">
                            <h2> {{ $project->title }}</h2>
                            <p> {{ $project->desc }}</p>
                        </div>

                    </div>
                </a>
            </div>

            @endforeach

        </div>
    </section>




</main>
<!-- end app -->

@endsection