@extends('elibrary.layouts.app')
@section('content')
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="heading">
                <h2>Recent Added Items</h2>
            </div>
        </div>

        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <div class="book-image">
                    <img src="{{asset('elibrary/img/1.jpg')}}" class="w-100" alt="">
                </div>
                <div class="book-info">
                    <h3>Book Name</h3>
                    <p><i class='bx bx-book'></i> Document</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <div class="book-image">
                    <img src="{{asset('elibrary/img/2.jpg')}}" class="w-100" alt="">
                </div>
                <div class="book-info">
                    <h3>Book Name</h3>
                    <p><i class='bx bx-book'></i> Document</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <div class="book-image">
                    <img src="{{asset('elibrary/img/3.jpg')}}" class="w-100" alt="">
                </div>
                <div class="book-info">
                    <h3>Book Name</h3>
                    <p><i class='bx bx-book'></i> Document</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <div class="book-image">
                    <img src="{{asset('elibrary/img/2.jpg')}}" class="w-100" alt="">
                </div>
                <div class="book-info">
                    <h3>Book Name</h3>
                    <p><i class='bx bx-book'></i> Document</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <div class="book-image">
                    <img src="{{asset('elibrary/img/4.png')}}" class="w-100" alt="">
                </div>
                <div class="book-info">
                    <h3>Book Name</h3>
                    <p><i class='bx bx-book'></i> Document</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <div class="book-list">
                <div class="book-image">
                    <img src="{{asset('elibrary/img/1.jpg')}}" class="w-100" alt="">
                </div>
                <div class="book-info">
                    <h3>Book Name</h3>
                    <p><i class='bx bx-book'></i> Document</p>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="view-all">
                <a href="#">View All <i class='bx bx-chevrons-right'></i></a>
            </div>
        </div>
    </div>
@endsection