@extends('front.layouts.app')
@section('content')
    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .btn-link:hover {
            color: white;
            background-color: #6c757d;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <div class="album py-5 bg-light ">
        <div class="container mt-3">

            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
                <div class="col">
                    <div class="card shadow-sm">

                        <img src="{{asset('frontend/academics')}}/img/training/art.jpeg" class="img-responsive" alt="gallery">
                        <div class="card-body">
                            <p class="card-text">The Art of Influence – Polished Presentation & Powerful Communication (13th January 2025– 17th January 2025)</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                    <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card shadow-sm">
                        <img src="{{asset('frontend/academics')}}/img/training/artifical.jpeg" class="img-responsive" alt="gallery">

                        <div class="card-body">
                            <p class="card-text">Artificial Intelligence for Everyone – Simplifying the Complex (Tentative Dates: 20th January 2025– 24th January 2025)</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>

                                </div>

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


                <div class="col">
                    <div class="card shadow-sm">
                        <img src="{{asset('frontend/academics')}}/img/training/business.jpeg" class="img-responsive" alt="gallery">

                        <div class="card-body">
                            <p class="card-text">Master Business Analytics with Power BI: Your Path to Freelancing Success ( 13th January 2025- 17th January 2025)</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card shadow-sm">
                        <img src="{{asset('frontend/academics')}}/img/training/workshop.jpeg" class="img-responsive" alt="gallery">

                        <div class="card-body">
                            <p class="card-text">From 9-to-5 to Freelance - Making the Leap (10th February – 12th February)</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card shadow-sm">
                        <img src="{{asset('frontend/academics')}}/img/training/ielts.jpeg" class="img-responsive" alt="gallery">

                        <div class="card-body">
                            <p class="card-text">Crack the IELTS - Tips, Tricks, and Strategies (27th January 2025 – 6th February 2025)
                            </p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
{{--                <div class="col">--}}
{{--                    <div class="card shadow-sm">--}}
{{--                        <img src="{{asset('frontend/academics')}}/img/training.jpg" class="img-responsive" alt="gallery">--}}

{{--                        <div class="card-body">--}}
{{--                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>--}}
{{--                            <div class="d-flex justify-content-between align-items-center">--}}
{{--                                <div class="btn-group">--}}
{{--                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>--}}

{{--                                </div>--}}

{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}

{{--                <div class="col">--}}
{{--                    <div class="card shadow-sm">--}}
{{--                        <img src="{{asset('frontend/academics')}}/img/training.jpg" class="img-responsive" alt="gallery">--}}

{{--                        <div class="card-body">--}}
{{--                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>--}}
{{--                            <div class="d-flex justify-content-between align-items-center">--}}
{{--                                <div class="btn-group">--}}
{{--                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>--}}

{{--                                </div>--}}

{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="col">--}}
{{--                    <div class="card shadow-sm">--}}
{{--                        <img src="{{asset('frontend/academics')}}/img/training.jpg" class="img-responsive" alt="gallery">--}}

{{--                        <div class="card-body">--}}
{{--                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>--}}
{{--                            <div class="d-flex justify-content-between align-items-center">--}}
{{--                                <div class="btn-group">--}}
{{--                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>--}}

{{--                                </div>--}}

{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="col">--}}
{{--                    <div class="card shadow-sm">--}}
{{--                        <img src="{{asset('frontend/academics')}}/img/training.jpg" class="img-responsive" alt="gallery">--}}

{{--                        <div class="card-body">--}}
{{--                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>--}}
{{--                            <div class="d-flex justify-content-between align-items-center">--}}
{{--                                <div class="btn-group">--}}
{{--                                     <a href="https://bit.ly/uor_bootcamp" class="btn btn-sm btn-outline-secondary btn-link text-dark text-decoration-none">Apply Now</a>--}}

{{--                                </div>--}}

{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>
        </div>
    </div>

@endsection