@extends('layouts.adkgeneraltrading')
@section('meta')
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
@endsection
@section('title', 'Articles')
@section('content')
<!--LATEST ARTICLES-->
<div class="block">
    <div class="container">
        <div class="row">
            <div class="col-xs-12" align="center">

                <h1 >OUR <span class="gray">ARTICLES</span></h1>
                <img src="{{asset('img/sep1.png')}}" class="sep">
                <img src="{{asset($article->article_photo)}}" class="img-responsive">
                <br> <br>
                <h2>{{$article->article_title}}</h2>
                <p class="time_date"><i class="fa fa-map-marker" aria-hidden="true" style="color:#64b0ed;"></i> &nbsp;Location: {{$article->article_location}}  &nbsp; &nbsp; <i class="fa fa-calendar-minus-o" aria-hidden="true" style="color:#64b0ed;"></i>&nbsp; Date: {{ date('F d, Y', strtotime($article->created_at)) }} </p>
                <br><br>
                <p class="width70 justified">{!!$article->article_details!!}</p>
                <br> <br>
                    <hr class="sepline">
                    <br><br>
                    <a href="{{route('articles')}}" class="thumb_btn">MORE ARTICLES</a>
                    <br>

            </div>
        </div>
    </div>
</div>
<!--LATEST ARTICLES-->
@endsection