@extends('layouts.main')

@section('title', 'Видеоматериалы')

@section('content')

    <section class="default-section special-projects">
        <h2>Специальные проекты</h2>

        <div class="section__title">
            <span></span>
            <span></span>
            <span></span>
            <span></span>

            <h3>Видеоматериалы</h3>
        </div>
        <div class="container">
            <div class="grid">
                @foreach($videos as $video)
                <a class="card" href="{{ $video->url }}" target="_blank">
                    <img src="/storage/{{ $video->thumbnail }}" class="rect" alt="{{ $video->title }}" />
                    <div class="description">
                        <h4>{{ $video->title }}</h4>
                        {!! $video->short_description !!}
                    </div>
                </a>
                @endforeach
            </div>
        </div>
    </section>

@endsection