@extends('frontend.layouts.partials.app')
@section('title', 'VPS Link')
@section('meta', 'Welcome to Goodwill Finance Pvt. Ltd.')
@section('content')

    <section class="m-10">
        <div class="flex flex-col space-y-5 lg:space-y-0 lg:flex-row lg:space-x-10 lg:items-center">
            {{--  --}}
            <div class="bg-[#e5e5e5] p-5 rounded-lg">
                <div class="flex flex-col space-y-5">
                    <p class="max-w-xs">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ut cum
                        quisquam suscipit, sunt architecto odit aperiam similique possimus hic repellendus tenetur minus
                        aliquam, illo eos assumenda, eligendi tempora laboriosam!</p>
                    <a href="#" class="text-[#005aab] underline underline-offset-2">Learn more</a>
                </div>
            </div>
            {{--  --}}
            <div class="bg-[#e5e5e5] p-5 rounded-lg">
                <div class="flex flex-col space-y-5">
                    <p class="max-w-xs">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ut cum
                        quisquam suscipit, sunt architecto odit aperiam similique possimus hic repellendus tenetur minus
                        aliquam, illo eos assumenda, eligendi tempora laboriosam!</p>
                    <a href="#" class="text-[#005aab] underline underline-offset-2">Learn more</a>
                </div>
            </div>
            {{--  --}}
            <div class="bg-[#e5e5e5] p-5 rounded-lg">
                <div class="flex flex-col space-y-5">
                    <p class="max-w-xs">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ut cum
                        quisquam suscipit, sunt architecto odit aperiam similique possimus hic repellendus tenetur minus
                        aliquam, illo eos assumenda, eligendi tempora laboriosam!</p>
                    <a href="#" class="text-[#005aab] underline underline-offset-2">Learn more</a>
                </div>
            </div>
            {{--  --}}
            <div class="bg-[#e5e5e5] p-5 rounded-lg ">
                <div class="flex flex-col space-y-5">
                    <p class="max-w-xs">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ut cum
                        quisquam suscipit, sunt architecto odit aperiam similique possimus hic repellendus tenetur minus
                        aliquam, illo eos assumenda, eligendi tempora laboriosam!</p>
                    <a href="#" class="text-[#005aab] underline underline-offset-2">Learn more</a>
                </div>
            </div>
            {{--  --}}
            <div class="bg-[#e5e5e5] p-5 rounded-lg">
                <div class="flex flex-col space-y-5">
                    <p class="max-w-xs">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ut cum
                        quisquam suscipit, sunt architecto odit aperiam similique possimus hic repellendus tenetur minus
                        aliquam, illo eos assumenda, eligendi tempora laboriosam!</p>
                    <a href="#" class="text-[#005aab] underline underline-offset-2">Learn more</a>
                </div>
            </div>
        </div>
    </section>

@endsection