@extends('partials.main')
@section('title')
    {{ 'Cordelia Cruises' }}
@endsection
@section('content')
    <style>
        .card-img {
            max-height: 450px;
        }
    </style>
    <!--************************************
              Inner Banner Start
            *************************************-->
    <section class="tg-parallax tg-innerbanner" data-appear-top-offset="600" data-parallax="scroll"
        data-image-src="../images/Home/aerial-view-doi-nang-non-mountains-thai-cave-tham-luang-chiang-rai-thailand.jpg">
        <div class="tg-sectionspace tg-haslayout">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <h1>Cordelia Cruises</h1>
                        <br>
                        <h2>Donec id elit non mi porta gravida at eget metus</h2>
                        <ol class="tg-breadcrumb">
                            <li><a href="javascript:void(0);">Home</a></li>
                            <li class="tg-active">Cordelia Cruises Sri Lanaka</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--************************************
              Inner Banner End
            *************************************-->
    <!--************************************
              Main Start
            *************************************-->
    <main id="tg-main" class="tg-main tg-sectionspace tg-haslayout">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div id="tg-content" class="tg-content">
                        <div class="tg-topdestinations">
                            <div class="row">

                                @foreach ($datas as $data)
                                    <div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
                                        <div class="tg-topdestination">
                                            <figure>
                                                <a href="/cruises-destination/{{ $data->slug }} "
                                                    class="tg-btnviewall">View Destination</a>
                                                <a href="/cruises-destination/{{ $data->slug }}"><img class="card-img"
                                                        src="{{ asset('thumbnails/' . $data->thumbnail) }}"
                                                        alt="image description"></a>
                                                <figcaption>
                                                    <h2><a
                                                            href="/cruises-destination/{{ $data->slug }}">{{ $data->title }}</a>
                                                    </h2>
                                                    <span class="tg-totaltours">{{ $data->price }}</span>
                                                </figcaption>
                                            </figure>
                                        </div>
                                    </div>
                                @endforeach


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!--************************************
              Main End
            *************************************-->
@endsection