@extends('frontend.layouts.app')

@section('title')

@endsection

@section('seo')
<title>Previous Trainings | JRS</title>
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Previous Trainings | JRS" />
<meta property="og:description" content="Discover the power of smart investments with JRS Holdings Inc. We specialize in managing a diverse portfolio for long-term success." />
<meta property="og:site_name" content="Previous Trainings | JRS" />
<meta property="og:image" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:thumbnail" content="{{ asset('images/thumbnail.png') }}" />
<meta property="og:keywords" content="JRS Holdings Inc., Holding Company, Investment Portfolio, Diversified Holdings, Business Investments, Strategic Holdings, Corporate Investments, Investment Management, Asset Portfolio, Growth Investments, Financial Holdings, Holding Group, Investment Holdings, Investment Strategies, Portfolio Management, Capital Investments, Business Expansion, Equity Holdings, Investment Opportunities, Investment Diversification, Investment Company, Holding Group, Strategic Investments, Diverse Portfolio, Financial Holdings, Investment Management, Corporate Holdings, Investment Strategies, Asset Diversification, Growth Opportunities, Business Expansion, Investment Portfolio, Equity Holdings, Capital Management, Investment Diversity, Investment Growth, Portfolio Diversification, Profitable Investments, Investment Ventures">
@endsection

@section('content')
<link rel="stylesheet" href="{{asset('css/trainings.css')}}">

<div class="banner mb-5">
    <div class="container">

        <div class="col-3 text-end d-md-block d-none">
            <h1 class="banner-title fw-bold text-white fs-1">PREVIOUS TRAININGS</h1>
            <span class="text-white">JRS HOLDINGS INC</span>
        </div>

        <div class="text-center d-sm-block d-md-none">
            <h1 class="banner-title fw-bold text-white fs-1">PREVIOUS TRAININGS</h1>
            <span class="text-white">JRS HOLDINGS INC</span>
        </div>
    </div>
</div>

<!-- PREVIOUS TRAININGS SINGLE TAB -->
<div class="container">
    <div class="row align-items-center">
        <div class="col-lg-4">
            <div class="text-start">
                <a href="{{ url('previous') }}" class="text-decoration-none fw-bold text-black fs-5" style="font-family: 'Bodoni Moda';"><i class="fa-solid fa-arrow-left"></i> RETURN</a>
            </div>
        </div>
    </div>
</div>

<div class="container mt-5">
    <div class="mt-5 text-center">
        <h1 class="text-uppercase fw-bold">{{ $trainings->title }}</h1>
    </div>

    <div class="mb-5">
        <p class="text-center text-uppercase">
            {{ $trainings->subtitle }}
        </p>
    </div>

    <div class="col-md-12 mb-3">
        <img src="{{ asset('files/' .$trainings->image) }}" class="img-fluid" alt="">
    </div>

    <div class="col-md-12">
        <span class="justify">
            {!! $trainings->content !!}
        </span>

    </div>

</div>


<style>
    .banner {
        background-image: url("{{ asset('images/banner-trainings.jpg') }}");
        background-position: center;
        background-size: cover;
        align-items: center;
        display: flex;
        height: 45vh;
        width: 100%;
    }

    .advertise-bg {
        background-image: url("{{ asset('images/advertise.jpg') }}");
        background-position: center;
        background-size: cover;
        align-items: center;
        height: auto;
        width: 100%;
    }
</style>
@endsection