@extends('layout.master')

@section('css')
<style>
    .blog-title{
        font-weight: 900;
    }

    .blog-details{
        /* font-size:18px; */
    }
</style>
@endsection

@section('content')
<div class="content">
    <div class="row" style="background:#ECF0F1">
        <div class="col-md-12">
            <div class=" gradient-card">
                <div class="card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Horizontal/Work/4-col/img%20%2814%29.jpg)">
                    <a href="#!">
                        <div class="text-white d-flex  mask blue-gradient-rgba" style="text-align:center">
                            <div class="first-content p-2" style="padding:10%;text-align:center">
                                <center><h1 class="card-title"><b>Blog</b></h1></center>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            </div>  
        </div> 
    </div> 
          

<div class="container-fluid" style="margin-bottom:5%">
    <div class="row mt-3">
            </div> <!--ROW --> 

    <div class="d-flex justofy-content-between">
        {!! $blog->links() !!}
    </div>
</div>
@endsection