@extends('layouts.app')
@section('content')
    @foreach ($data as $item)
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="title-area-center">
                        <p class="pre  skew-up">
                            <span>{{ $item->short_title }} </span>
                        </p>
                        <h2 class="title  skew-up">
                            {{ $item->text }}
                        </h2>
                    </div>
                </div>
            </div>

            <p>
                {{ $item->para }}
            </p>

            <div class="container my-4">
                <div class="row justify-content-center">
                    <div class="col-md-8 text-center">
                        <img src="{{ asset('img/' . $item->image) }}" alt="Landscape"
                            class="img-fluid landscape-img mx-auto d-block">
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endsection
