@extends('front.layouts.app')
@section('title', $article->title)
@section('content')



        <!-- start page title -->
        <section class="p-0 ipad-top-space-margin page-title-big-typography bg-gradient-blue-transparent-second ">
            <div class="container">
                <div class="row align-items-center justify-content-center h-350px">
                    <div class="col-auto text-center page-title-double-large">
                        <h1 class="alt-font text-dark-gray fw-700 ls-minus-1px mb-0">{!! $article->title !!}</h1>
                    </div>

                </div>
            </div>
        </section>
        <!-- end page title -->





            <section class="mt-0 pt-0">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-lg-9 dropcap-style-01 appear anime-child anime-complete fs-20  fw-400 text-dark-gray " data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">


                                    {!! $article->content !!}

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



@endsection
@section('scripts')
@endsection