@extends('website.client.client_dashboard')
@section('css')
@endsection
@section('content')
    <div class="row p-3 pt-0">
        <div class="banner-4 radius-20">
            <div class="w-50 float-end pt-4">
                <h2 class="fw-bold ">you want to travel ! use destino with your friend</h2>
                <p class=" fs-8">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                    Lorem Ipsum has been the industry's standard dummy text </p>
            </div>
        </div>
        <div class="  mt-5 mb-3">
            <h2 class="fs-3 fw-bold text-capitalize">my Favourites</h2>
            <p class="fs-8 text-secondary mb-0">
                welcome to destino please fill the information
            </p>
        </div>
        <div class="row">
            <div class="col-12 col-md-6 col-xl-4 mb-4">
                <div class="card-product radius-20 shadow position-relative p-3">
                    <div class="position-absolute icon-product mt-2 ms-2">
                        <i class="fa-solid fa-plane-up"></i>
                        <i class="fa-solid fa-utensils"></i>
                    </div>
                    <img src="images/Mask Group 4.png" alt="" />
                    <div class="d-flex justify-content-between align-items-baseline pt-3">
                        <h2 class="fs-7 fw-600">New york</h2>
                        <p class="fs-8 secandry-light">
                            <i class="fa-solid fa-location-arrow color-i"></i> Approx
                            2 night trip
                        </p>
                    </div>
                    <p class="secandry-light fs-8">
                        Singapore, officially the Republic of Singapore, is a
                        sovereign island city-state .
                    </p>
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h3 class="fw-600 fs-6 m-0 mb-1 color-title">
                                $420
                                <span class="secandry-light fs-7 fw-500">$450</span>
                            </h3>
                            <p class="secandry-light fs-9 m-0">
                                available for 5 persons
                            </p>
                        </div>
                        <button class="btn yellow-btn text-capitalize fs-8 radius-10">
                            Book now
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-4 mb-4">
                <div class="card-product radius-20 shadow position-relative p-3">
                    <div class="position-absolute icon-product mt-2 ms-2">
                        <i class="fa-solid fa-plane-up"></i>
                        <i class="fa-solid fa-utensils"></i>
                    </div>
                    <img src="images/Mask Group 4.png" alt="" />
                    <div class="d-flex justify-content-between align-items-baseline pt-3">
                        <h2 class="fs-7 fw-600">New york</h2>
                        <p class="fs-8 secandry-light">
                            <i class="fa-solid fa-location-arrow color-i"></i> Approx
                            2 night trip
                        </p>
                    </div>
                    <p class="secandry-light fs-8">
                        Singapore, officially the Republic of Singapore, is a
                        sovereign island city-state .
                    </p>
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h3 class="fw-600 fs-6 m-0 mb-1 color-title">
                                $420
                                <span class="secandry-light fs-7 fw-500">$450</span>
                            </h3>
                            <p class="secandry-light fs-9 m-0">
                                available for 5 persons
                            </p>
                        </div>
                        <button class="btn yellow-btn text-capitalize fs-8 radius-10">
                            Book now
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-4 mb-4">
                <div class="card-product radius-20 shadow position-relative p-3">
                    <div class="position-absolute icon-product mt-2 ms-2">
                        <i class="fa-solid fa-plane-up"></i>
                        <i class="fa-solid fa-utensils"></i>
                    </div>
                    <img src="images/Mask Group 4.png" alt="" />
                    <div class="d-flex justify-content-between align-items-baseline pt-3">
                        <h2 class="fs-7 fw-600">New york</h2>
                        <p class="fs-8 secandry-light">
                            <i class="fa-solid fa-location-arrow color-i"></i> Approx
                            2 night trip
                        </p>
                    </div>
                    <p class="secandry-light fs-8">
                        Singapore, officially the Republic of Singapore, is a
                        sovereign island city-state .
                    </p>
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h3 class="fw-600 fs-6 m-0 mb-1 color-title">
                                $420
                                <span class="secandry-light fs-7 fw-500">$450</span>
                            </h3>
                            <p class="secandry-light fs-9 m-0">
                                available for 5 persons
                            </p>
                        </div>
                        <button class="btn  yellow-btn text-capitalize fs-8 radius-10">
                            Book now
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
@endsection