@extends('frontend.layouts.main')
@section('content')
<section class="intro-hero">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="text-center">Timeline</h2>
            </div>
        </div>
    </div>
</section>

<section class="timeline-card-section">
    <div class="container">
        <div class="row">
            @foreach($timelines as $timeline)
            <div class="col-lg-4 mt-3">
                <div class="card min-height" style="width: auto">
                    <img src="{{ asset($timeline->thumbnail) }}" class="card-img-top p-3" alt="...">
                    <div class="card-body">
                        <h3 class="heading"><a>{{ $timeline->title }}</a></h3>
                        <p class="description"><a>{!! $timeline->description !!}
                            </a></p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

<section class="intro-hero">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="text-center">My Office</h2>
            </div>

        </div>
    </div>
</section>

<section class="timeline-card-section">
    <div class="container">
        <div class="row">
            @foreach($offices as $office)
            <div class="col-lg-4">
                <div class="card" style="width: auto">
                    <img src="{{ asset($office->thumbnail) }}" class="card-img-top p-3" alt="...">
                    <div class="card-body">
                        <h3 class="heading"><a>{{ $office->title }}</a></h3>
                        <p class="description"><a>{!! $office->description !!}
                            </a></p>
                    </div>
                </div>
            </div>
            @endforeach

        </div>
    </div>
</section>
@endsection