@extends('home.layouts.index')

@section('title')
    {{ $education->title }}
@endsection


@section('description')

@endsection

@section('keywords')

@endsection

@section('style')
        <style>
    .h_iframe-aparat_embed_frame {
        position: relative;
        width: 80%;
        height: fit-content;
        margin: 0 auto;
        padding-top: 50%;
        margin-top: 20px;
    }

    .h_iframe-aparat_embed_frame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

        </style>
@endsection

@section('script')

@endsection

@section('content')

    <!-- Start of Main -->
    <main class="main">
        <!-- Start of Page Header -->
        <div class="page-header">
            <div class="container">
                <h1 class="page-title mb-0">{{ $education->title }}</h1>
            </div>
        </div>
        <!-- End of Page Header -->

        <!-- Start of Page Content -->
        <div class="page-content">
            <div class="container">
                <div class="row gutter-lg mb-10">
                    <div class="col-12">
                        <article class="post post-classic overlay-zoom mb-4">
                            <div class="post-details">
                                <div class="post-content">
                                    <div class="h_iframe-aparat_embed_frame">
                                        <iframe
                                            src="https://www.aparat.com/video/video/embed/videohash/latjw7z/vt/frame"
                                            allowFullScreen="true" webkitallowfullscreen="true"
                                            mozallowfullscreen="true">
                                        </iframe>
                                    </div>
                                </div>
                            </div>

                            {!! $education->description !!}
                        </article>
                    </div>
                    <!-- End Post Navigation -->
                </div>
            </div>
        </div>
        <!-- End of Page Content -->
    </main>
    <!-- End of Main -->

@endsection