@extends('layouts.front_master')
@section('content')
   
<section id="strategic" class="pricing">

    <div class="container" data-aos="fade-up">
        
        <div class="section-title">
            <h2>TPHA Strategic Plan</h2><hr>
        </div>

        <div class="col-lg-12 col-md-12" data-aos="fade-up" data-aos-delay="100">
            <div class="row">
                @foreach ($strategics as $item)
                    <div class="col-lg-4 col-md-4">
                        @if($item->image_attachment != "")
                        <img src="{{url('/uploads/publication_data/'.$item->image_attachment)}}" class="img-fluid"/>
                        @else
                        @endif
                    </div>
                    <div class="col-md-8 col-md-4" data-aos="fade-up" data-aos-delay="100">
                       <p>{{$item->title}}</p>
                       <hr>
                       <p style="font-size: 18px; text-align:justify;">{!!$item->description !!}</p>
                       @if($item->file_attachment != "")
                       <p><a href="{{url('/uploads/publication_data/'.$item->file_attachment)}}">Read More..</a></p>
                       @endif
                    </div>
                    @endforeach      
            </div>         
        </div>

    </div>

</section>

@endsection