@extends('layouts.website-main-menu')

@section('content')
<!-- ##### Features Area Start ###### -->
<section class="features-area section-padding-100-0">
    <div class="container">
        <div class="row align-items-end">
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="single-features-area mb-100 wow fadeInUp" data-wow-delay="100ms">
                    <!-- Section Heading -->
                    <div class="section-heading">
                        <div class="line"></div>
                        <p>Take look at our</p>
                        <h2>QUARTERLY MAGAZINES</h2>
                    </div>
                    <h6>DOWNLOAD MAGAZINES</h6>
                    <a href="#" class="btn credit-btn mt-50">Discover</a>
                </div>
            </div>
            @foreach ($magazines as $magazine)
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="single-features-area mb-100 wow fadeInUp" data-wow-delay="300ms">
                    <a target="_blank" href="{{ $magazine->pdf }}">
                        <img src="{{ asset($magazine->cover_image) }}" alt="">
                        <h5>{{ $magazine->title }}</h5>
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<!-- ##### Features Area End ###### -->

@endsection