@extends('frontEnd.layout-ex')

@section('content')

    <section class="pager-section overlay">
        <div class="container">
            <div class="main-banner-content p-relative">
                <div class="social-links">
                    <ul>
                        <li><a href="https://www.facebook.com/theblackstoryproject" title=""><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/theblackstoryproject/" title=""><i class="fab fa-instagram"></i></a></li>
                    </ul>
                </div><!--social-links end-->
                <div class="pager-content">
                    <ul class="breadcrumb-list">
                        <li><a href="#" title="">Home</a></li>
                        <li><span>Artist  </span></li>
                    </ul><!--breadcrumb end-->
                    <h2 class="page-title">Artist</h2>
                </div><!--pager-content end-->
            </div><!--main-banner-content end-->
        </div>
    </section><!--pager-section end-->

    <section class="block">
        <div class="container">
            <div class="about-text wow fadeInUp" data-wow-duration="1000ms" style="visibility: visible; animation-duration: 1000ms; animation-name: fadeInUp;">
                <h2 class="pal">Participating Artists</h2>
                {{--                    <a href="about.html" title="" class="btn-default">www.facebook.com/GalleryCosmos</a>--}}
            </div><!--about-text end-->

            <div class="team-section">
                <div class="row">
                    @foreach($HomeArtists->slice(0,3) as $artist)

                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="team">
                                <div class="team-thmb">
                                    <img src="@if($artist->photo_file){{asset('uploads/topics/').'/'.$artist->photo_file}}@else{{'https://via.placeholder.com/2500x1669'}} @endif" alt="" class="w-100 part">
                                </div>
                                <div class="team-info">
                                    <h3><a href="{{url($artist->webmasterSection->name.'/'.$artist->id)}}" title="" class="participant">{{$artist->title_en}} </a></h3>
                                </div>
                            </div><!--team end-->
                        </div>
                    @endforeach


                    <div class="col-lg-2 col-md-6 col-sm-6">

                    </div>
                    @foreach($HomeArtists->slice(3,2) as $artist)

                        <div class="col-lg-4 col-md-6 col-sm-6">
                            <div class="team">
                                <div class="team-thmb">
                                    <img src="@if($artist->photo_file){{asset('uploads/topics/').'/'.$artist->photo_file}}@else{{'https://via.placeholder.com/2500x1669'}} @endif" alt="" class="w-100 part">
                                </div>
                                <div class="team-info">
                                    <h3><a href="{{url($artist->webmasterSection->name.'/'.$artist->id)}}" title="" class="participant">{{$artist->title_en}} </a></h3>
                                </div>
                            </div><!--team end-->
                        </div>
                    @endforeach
                    <div class="col-lg-2 col-md-6 col-sm-6">

                    </div>

                </div>
            </div><!--team-section end-->
        </div>
    </section>



@endsection