<article class="project">
    <a href="/{{$project->route}}">
        <div class="image" style="background-image: url('{{$project->images[0]->medium_image_url}}')">
            <div class="corners">
                <div class="lt">
                    <div class="height"></div>
                    <div class="width"></div>
                </div>
                <div class="rt">
                    <div class="width"></div>
                    <div class="height"></div>
                </div>
                <div class="lb">
                    <div class="width"></div>
                    <div class="height"></div>
                </div>
                <div class="rb">
                    <div class="width"></div>
                    <div class="height"></div>
                </div>

            </div>
            <img alt="project afbeelding" src="{{$project->images[0]->medium_image_url}}"/>
        </div>
        <div class="content">
            <h3>{{$project->name}}</h3>

            <div class="sub-content">
                {{--@foreach($project->category as $category)--}}
                    {{--<span><em>#</em>{{$category->name}}</span>--}}
                {{--@endforeach--}}
                    {{$project->description}}
            </div>
            <p class="link">
                <span></span> @lang('translations.watchProject')
            </p>
        </div>
        <div class="clear"></div>
    </a>
</article>