@extends('layouts.app-secondary')

@section('content')

​

​

​

<div class="container">

    <div class="col-xl-12 mb-5 mt-5">

        <h1 class="title-salmon">Blog</h1>

    </div>

    @foreach($blogs as $blog)

    <div class="row mx-0 py-4 px-4 mt-5 mb-5 shadow" style="background-color:#EBEDEF; ">

        <div class="col-xl-3 mt-5"><img class="img-fluid" src="{{asset ("img/blog_image/$blog->image") }}"></div>

        <div class="col-xl-9">

            <div class="col-xl-12">

                <a href="{{ url('blog/show_blog',[$blog->id]) }}"><h2 class="title-salmon">{{ $blog->title }}</h2>

                </a>

            </div>

            <div class="col-xl-12 mt-2"><h4>{{ $blog->subtitle }}</h4></div>

            <div class="col-xl-12"><p>{{ substr( $blog->long_text_1,0,350) }} ...</p></div>

            <div class="col-xl-12">

                <a href="{{ url('blog/show_blog',[$blog->id]) }}">

                    <b>Leer mas</b> <i class="fas fa-caret-right"></i>

                </a>

            </div>

        </div>

    </div>

    @endforeach

</div>

​

​

​

​

​

​

@endsection