@extends('ved.layout.layout')
@section('content')
<div class="breadcrumbarea aos-init aos-animate" data-aos="fade-up" style="background-image: url('{{ asset($article->cover_photo) }}'); background-size: cover; background-position: center;">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="breadcrumb__content__wraper">
                        <div class="breadcrumb__title">
                            <h2 class="heading">{!! $article->title !!}</h2>
                        </div>
                        <div class="breadcrumb__inner">
                            <ul>
                                <li><a href="index.php">Home</a></li>
                                <li><a href="">About</a></li>
                                <li> {!! $article->title !!}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="shape__icon__2">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__1"
                src="{{ asset('ved/assets/img/herobanner/herobanner__1.png') }}" alt="photo">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__2"
                src="{{ asset('ved/assets/img/herobanner/herobanner__2.png') }}" alt="photo">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__3"
                src="{{ asset('ved/assets/img/herobanner/herobanner__3.png') }}" alt="photo">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__4"
                src="{{ asset('ved/assets/img/herobanner/herobanner__5.png') }}" alt="photo">
        </div>
    </div>

    <div class="eventarea sp_top_100 sp_bottom_100">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="event__details__inner">
                        <div class="event__details__img__2" data-aos="fade-up">
                            <img loading="lazy" src="{{ asset($article->thumb) }}" alt="phto">
                        </div>
                        <div class="event__details__content" data-aos="fade-up" style="margin-top: 5%;">
                         
                            <span>{!! $article->text !!}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection