@extends('client.raffles.layouts.app')
@section('content')
    <section class="career">
        <div class="services-banner">
            <img src="{{ asset('raffles/assets/images/backgrounds_general/career-banner.png') }}" width="1425" height="356"
                alt="interview preparation">

        </div>

        <section class="section ">
            <div class="flex flex-col gap-5 justify-center items-center text-center">
                <h2 class="text-60 md:text-30 text-sec">Career Opportunities</h2>
                <div class="title-line mx-auto"></div>
                <!-- <img class="w-20percent" src="assets/images/icons/line.png" alt=""> -->

            </div>
        </section>

        <section class="lqd-section  pt-40 pb-30">
            <div class="container">
                <div class="row pb-20">

                    <div class="col col-sm-6 col-md-4">
                        <a href="career-detail.php" class="career-box flex flex-col gap-20  border">
                            <span>

                                <h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
                                    Marketing</h5>
                            </span>

                            <h6 class="text-16 font-bols mb-10">Seo Executive</h6>
                            <div class="flex items-center gap-10 mb-10">
                                <i class="fa-solid fa-calendar-days text-20"></i>
                                <p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
                            </div>

                            <div class="mb-10">
                                <h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
                                    improve our website's visibility and search
                                    engine rankings. The ideal candidate will be…</h2>
                            </div>
                            <button>View Detail</button>


                        </a>
                    </div>

                    <div class="col col-sm-6 col-md-4">
                        <a href="career-detail.php" class="career-box flex flex-col gap-20  border">
                            <span>

                                <h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
                                    Marketing</h5>
                            </span>

                            <h6 class="text-16 font-bols mb-10">Seo Executive</h6>
                            <div class="flex items-center gap-10 mb-10">
                                <i class="fa-solid fa-calendar-days text-20"></i>
                                <p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
                            </div>

                            <div class="mb-10">
                                <h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
                                    improve our website's visibility and search
                                    engine rankings. The ideal candidate will be…</h2>
                            </div>
                            <button>View Detail</button>


                        </a>
                    </div>
                    <div class="col col-sm-6 col-md-4">
                        <a href="career-detail.php" class="career-box flex flex-col gap-20  border">
                            <span>

                                <h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
                                    Marketing</h5>
                            </span>

                            <h6 class="text-16 font-bols mb-10">Seo Executive</h6>
                            <div class="flex items-center gap-10 mb-10">
                                <i class="fa-solid fa-calendar-days text-20"></i>
                                <p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
                            </div>

                            <div class="mb-10">
                                <h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
                                    improve our website's visibility and search
                                    engine rankings. The ideal candidate will be…</h2>
                            </div>
                            <button>View Detail</button>


                        </a>
                    </div>
                    <div class="col col-sm-6 col-md-4">
                        <a href="career-detail.php" class="career-box flex flex-col gap-20  border">
                            <span>

                                <h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
                                    Marketing</h5>
                            </span>

                            <h6 class="text-16 font-bols mb-10">Seo Executive</h6>
                            <div class="flex items-center gap-10 mb-10">
                                <i class="fa-solid fa-calendar-days text-20"></i>
                                <p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
                            </div>

                            <div class="mb-10">
                                <h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
                                    improve our website's visibility and search
                                    engine rankings. The ideal candidate will be…</h2>
                            </div>
                            <button>View Detail</button>


                        </a>
                    </div>
                    <div class="col col-sm-6 col-md-4">
                        <a href="career-detail.php" class="career-box flex flex-col gap-20  border">
                            <span>

                                <h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
                                    Marketing</h5>
                            </span>

                            <h6 class="text-16 font-bols mb-10">Seo Executive</h6>
                            <div class="flex items-center gap-10 mb-10">
                                <i class="fa-solid fa-calendar-days text-20"></i>
                                <p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
                            </div>

                            <div class="mb-10">
                                <h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
                                    improve our website's visibility and search
                                    engine rankings. The ideal candidate will be…</h2>
                            </div>
                            <button>View Detail</button>


                        </a>
                    </div>
                    <div class="col col-sm-6 col-md-4">
                        <a href="career-detail.php" class="career-box flex flex-col gap-20  border">
                            <span>

                                <h5 class="text-white bg-sec px-20 py-10 rounded-10 text-18 mb-10 ml-0 inline-block">
                                    Marketing</h5>
                            </span>

                            <h6 class="text-16 font-bols mb-10">Seo Executive</h6>
                            <div class="flex items-center gap-10 mb-10">
                                <i class="fa-solid fa-calendar-days text-20"></i>
                                <p class="font-bold text-16 text-black m-0 ">Post Date: 2025/03/05</p>
                            </div>

                            <div class="mb-10">
                                <h2 class="text-16 font-medium text-gray">Join our team as an SEO Executive and help
                                    improve our website's visibility and search
                                    engine rankings. The ideal candidate will be…</h2>
                            </div>
                            <button>View Detail</button>


                        </a>
                    </div>





                </div>
            </div>
        </section>





    </section>
@endsection