@extends('layouts.app')

    @section('styles')



    @endsection

        @section('content')

                           <!-- PAGE-HEADER -->
                           <div class="page-header">
                            <h1 class="page-title">File Attachments</h1>
                            <div>
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javascript:void(0)">Componets</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">file-attachments</li>
                                </ol>
                            </div>
                        </div>
                        <!-- PAGE-HEADER END -->

                        <!-- ROW-2 OPEN -->
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Rounded Outline File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="tags">
                                                    <span class="tag file-radius-attachments tag-outline mt-0"><span><i class="mdi mdi-file-image fs-18 px-1 text-primary"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments tag-outline"><span><i class="mdi mdi-file-word fs-18 px-1 text-secondary"></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments tag-outline"><span><i class="mdi mdi-file-excel fs-18 px-1 text-success"></i></span> Excel_attachment.xls <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments tag-outline"><span><i class="mdi mdi-file-powerpoint fs-18 px-1 text-warning"></i></span> Power_attachment.ppt <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments  tag-outline"><span><i class="mdi mdi-file-video fs-18 px-1 text-danger"></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments tag-outline"><span><i class="mdi mdi-zip-box fs-18 px-1 text-info"></i></span> Zip_attachment.zip <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments tag-outline"><span><i class="mdi mdi-file-music fs-18 px-1 text-pink"></i></span> Audio_attachment.mp3 <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-radius-attachments tag-outline"><span><i class="mdi mdi-file-pdf fs-18 px-1 text-danger"></i></span> PDF_attachment.pdf <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Square Outline File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="tags">
                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-file-image fs-18 px-1 text-primary"></i></span>Image_attachment.jpg <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-file-word fs-18 px-1 text-secondary"></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-file-excel fs-18 px-1 text-success"></i></span> Excel_attachment.xls <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-file-powerpoint fs-18 px-1 text-warning"></i></span> Power_attachment.ppt <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments  tag-outline"><span><i class="mdi mdi-file-video fs-18 px-1 text-danger"></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-zip-box fs-18 px-1 text-info"></i></span> Zip_attachment.zip <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-file-pdf fs-18 px-1 text-danger"></i></span> PDF_attachment.pdf <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-square-attachments tag-outline"><span><i class="mdi mdi-file-music fs-18 px-1 text-pink"></i></span> Audio_attachment.mp3 <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Transparent Rounded File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="tags">
                                                    <span class="tag file-transparent-rounded tag-outline-primary mt-0 py-1"><span><i class="mdi mdi-file-image fs-20 p-1"></i></span><span class="mt-1 fs-15"> Image_attachment.jpg </span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-transparent-rounded tag-outline-secondary py-1"><span><i class="mdi mdi-file-word fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Word_attachment.doc</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-secondary"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-transparent-rounded tag-outline-success py-1"><span><i class="mdi mdi-file-excel fs-20 p-1"></i></span><span class="mt-1 fs-15"> Excel_attachment.xls</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-success"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-transparent-rounded tag-outline-warning py-1"><span><i class="mdi mdi-file-powerpoint fs-20 p-1"></i></span><span class="mt-1 fs-15"> Power_attachment.ppt</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-warning"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-transparent-rounded tag-outline-danger py-1"><span><i class="mdi mdi-file-video fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Video_attachment.mp4</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-danger"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-transparent-rounded tag-outline-pink py-1"><span><i class="mdi mdi-file-music fs-20 p-1"></i></span><span class="mt-1 fs-15"> Audio_attachment.mp3</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-pink"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag file-transparent-rounded tag-outline-info py-1"><span><i class="mdi mdi-zip-box fs-20 p-1"></i></span><span class="mt-1 fs-15"> Zip_attachment.zip</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-info"><i class="fe fe-x"></i></a></span>
                                                    fs-15
                                                    <span class="tag file-transparent-rounded tag-outline-danger py-1"><span><i class="mdi mdi-file-pdf fs-20 p-1"></i></span><span class="mt-1 fs-15"> PDF_attachment.pdf</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-danger"><i class="fe fe-x"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Transparent Square File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="tags">
                                                    <span class="tag tag-outline-primary mt-0 py-1"><span><i class="mdi mdi-file-image fs-20 p-1"></i></span><span class="mt-1 fs-15"> Image_attachment.jpg </span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-secondary py-1"><span><i class="mdi mdi-file-word fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Word_attachment.doc</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-secondary"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-success py-1"><span><i class="mdi mdi-file-excel fs-20 p-1"></i></span><span class="mt-1 fs-15"> Excel_attachment.xls</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-success"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-warning py-1"><span><i class="mdi mdi-file-powerpoint fs-20 p-1"></i></span><span class="mt-1 fs-15"> Power_attachment.ppt</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-warning"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-danger py-1"><span><i class="mdi mdi-file-video fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Video_attachment.mp4</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-danger"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-pink py-1"><span><i class="mdi mdi-file-music fs-20 p-1"></i></span><span class="mt-1 fs-15"> Audio_attachment.mp3</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-pink"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-info py-1"><span><i class="mdi mdi-zip-box fs-20 p-1"></i></span><span class="mt-1 fs-15"> Zip_attachment.zip</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-info"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag tag-outline-danger py-1"><span><i class="mdi mdi-file-pdf fs-20 p-1"></i></span><span class="mt-1 fs-15"> PDF_attachment.pdf</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-danger"><i class="fe fe-x"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Color Rounded File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="tags">
                                                    <span class="tag bg-primary file-transparent-rounded text-white mt-0 py-1"><span><i class="mdi mdi-file-image fs-20 p-1"></i></span><span class="mt-1 fs-15"> Image_attachment.jpg </span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-secondary file-transparent-rounded text-white py-1"><span><i class="mdi mdi-file-word fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Word_attachment.doc</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-success file-transparent-rounded text-white py-1"><span><i class="mdi mdi-file-excel fs-20 p-1"></i></span><span class="mt-1 fs-15"> Excel_attachment.xls</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-warning file-transparent-rounded text-white py-1"><span><i class="mdi mdi-file-powerpoint fs-20 p-1"></i></span><span class="mt-1 fs-15"> Power_attachment.ppt</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-danger file-transparent-rounded text-white py-1"><span><i class="mdi mdi-file-video fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Video_attachment.mp4</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-pink file-transparent-rounded text-white py-1"><span><i class="mdi mdi-file-music fs-20 p-1"></i></span><span class="mt-1 fs-15"> Audio_attachment.mp3</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-info file-transparent-rounded text-white py-1"><span><i class="mdi mdi-zip-box fs-20 p-1"></i></span><span class="mt-1 fs-15"> Zip_attachment.zip</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-danger file-transparent-rounded text-white py-1"><span><i class="mdi mdi-file-pdf fs-20 p-1"></i></span><span class="mt-1 fs-15"> PDF_attachment.pdf</span> <a href="javascript:void(0)" class="ms-4 me-1 mt-2 leading-normal text-white"><i class="fe fe-x"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Color Square File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="tags">
                                                    <span class="tag bg-primary text-white mt-0 py-1"><span><i class="mdi mdi-file-image fs-20 p-1"></i></span><span class="mt-1 fs-15"> Image_attachment.jpg </span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-secondary text-white py-1"><span><i class="mdi mdi-file-word fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Word_attachment.doc</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-danger text-white py-1"><span><i class="mdi mdi-file-video fs-20 p-1 "></i></span><span class="mt-1 fs-15"> Video_attachment.mp4</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-success text-white py-1"><span><i class="mdi mdi-file-excel fs-20 p-1"></i></span><span class="mt-1 fs-15"> Excel_attachment.xls</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-warning text-white py-1"><span><i class="mdi mdi-file-powerpoint fs-20 p-1"></i></span><span class="mt-1 fs-15"> Power_attachment.ppt</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-pink text-white py-1"><span><i class="mdi mdi-file-music fs-20 p-1"></i></span><span class="mt-1 fs-15"> Audio_attachment.mp3</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-info text-white py-1"><span><i class="mdi mdi-zip-box fs-20 p-1"></i></span><span class="mt-1 fs-15"> Zip_attachment.zip</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>

                                                    <span class="tag bg-danger text-white py-1"><span><i class="mdi mdi-file-pdf fs-20 p-1"></i></span><span class="mt-1 fs-15"> PDF_attachment.pdf</span> <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ROW-2 CLOSED -->

                        <!-- ROW-3 OPEN -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Rounded File_Attachment Sizes</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="tags mt-1">
                                                            <span class="tag file-radius-attachments tag-outline mt-0 file-sm"><span><i class="mdi mdi-file-image fs-16 pt-0 me-1 text-primary"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="mt-1 ms-3"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-radius-attachments tag-outline file-md"><span><i class="mdi mdi-file-word fs-19 px-1 text-secondary"></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-2 ms-4 leading-normal"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-radius-attachments  tag-outline file-lg"><span><i class="mdi mdi-file-video fs-20 px-1 text-danger"></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="mt-1 ms-2"><i class="fe fe-x"></i></a></span>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="tags mt-1">
                                                            <span class="tag file-transparent-rounded tag-outline-primary mt-0 file-sm"><span><i class="mdi mdi-file-image fs-16 pt-0 me-1"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="ms-4 mt-1"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-rounded tag-outline-secondary file-md"><span><i class="mdi mdi-file-word fs-19 px-1 "></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-4 text-secondary"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-rounded tag-outline-danger file-lg"><span><i class="mdi mdi-file-video fs-20 px-1 "></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="ms-3 mt-1 text-danger"><i class="fe fe-x"></i></a></span>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="tags mt-1">
                                                            <span class="tag file-transparent-rounded tag-outline-primary bg-primary text-white mt-0 file-sm"><span><i class="mdi mdi-file-image fs-16 pt-0 me-1"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="ms-4 me-1 leading-normal mt-1 text-white"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-rounded tag-outline-secondary bg-secondary text-white file-md"><span><i class="mdi mdi-file-word fs-19 px-1 "></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-4 text-white"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-rounded tag-outline-danger bg-danger text-white file-lg"><span><i class="mdi mdi-file-video fs-20 px-1 "></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Square File_Attachment Sizes</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="tags mt-1">
                                                            <span class="tag file-square-attachments tag-outline mt-0 file-sm"><span><i class="mdi mdi-file-image fs-16 pt-0 me-1 text-primary"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="mt-1 ms-3 text-dark"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-square-attachments tag-outline file-md"><span><i class="mdi mdi-file-word fs-19 px-1 text-secondary"></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-4 text-dark"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-square-attachments  tag-outline file-lg"><span><i class="mdi mdi-file-video fs-20 px-1 text-danger"></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="mt-1 ms-2 text-dark"><i class="fe fe-x"></i></a></span>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="tags mt-1">
                                                            <span class="tag file-transparent-square tag-outline-primary mt-0 file-sm"><span><i class="mdi mdi-file-image fs-16 pt-0 me-1"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="ms-4 mt-1"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-square tag-outline-secondary file-md"><span><i class="mdi mdi-file-word fs-19 px-1 "></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-4 text-secondary"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-square tag-outline-danger file-lg"><span><i class="mdi mdi-file-video fs-20 px-1 "></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="ms-3 me-1 leading-normal mt-2 text-danger"><i class="fe fe-x"></i></a></span>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="tags mt-1">
                                                            <span class="tag file-transparent-square tag-outline-primary bg-primary text-white mt-0 file-sm"><span><i class="mdi mdi-file-image fs-16 pt-0 me-1"></i></span> Image_attachment.jpg <a href="javascript:void(0)" class="ms-4 me-1 leading-normal mt-1 text-white"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-square tag-outline-secondary bg-secondary text-white file-md"><span><i class="mdi mdi-file-word fs-19 px-1 "></i></span> Word_attachment.doc <a href="javascript:void(0)" class="mt-1 ms-4 text-white"><i class="fe fe-x"></i></a></span>

                                                            <span class="tag file-transparent-square tag-outline-danger bg-danger text-white file-lg"><span><i class="mdi mdi-file-video fs-20 px-1 "></i></span> Video_attachment.mp4 <a href="javascript:void(0)" class="ms-4 leading-normal mt-2 text-white"><i class="fe fe-x"></i></a></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Image File_Attachment</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="">
                                                <div class="row">
                                                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                                                        <div class="file-image p-2">
                                                            <div class="product-image">
                                                                <a href="{{url('filemanager-details')}}">
                                                                    <img src="{{asset('assets/images/pngs/4.jpg')}}" alt="" class="w-100">
                                                                </a>
                                                                <ul class="icons">
                                                                    <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                                    <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                                    <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                                </ul>
                                                                <a href=""><span class="file-name">Image01.jpg</span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                                                        <div class="file-image p-2">
                                                            <div class="product-image">
                                                                <a href="{{url('filemanager-details')}}">
                                                                    <img src="{{asset('assets/images/pngs/file-image2.jpg')}}" alt="" class="w-100">
                                                                </a>
                                                                <ul class="icons">
                                                                    <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                                    <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                                    <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                                </ul>
                                                                <a href=""><span class="file-name">Image02.jpg</span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                                                        <div class="file-image p-2">
                                                            <div class="product-image">
                                                                <a href="{{url('filemanager-details')}}">
                                                                    <img src="{{asset('assets/images/pngs/file-image3.jpg')}}" alt="" class="w-100">
                                                                </a>
                                                                <ul class="icons">
                                                                    <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                                    <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                                    <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                                </ul>
                                                                <a href=""><span class="file-name">Image03.jpg</span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                                                        <div class="file-image p-2">
                                                            <div class="product-image">
                                                                <a href="{{url('filemanager-details')}}">
                                                                    <img src="{{asset('assets/images/pngs/file-image4.jpg')}}" alt="" class="w-100">
                                                                </a>
                                                                <ul class="icons">
                                                                    <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                                    <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                                    <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                                </ul>
                                                                <a href=""><span class="file-name">Image04</span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                                                        <div class="file-image p-2">
                                                            <div class="product-image">
                                                                <a href="{{url('filemanager-details')}}">
                                                                    <img src="{{asset('assets/images/pngs/file-image5.jpg')}}" alt="" class="w-100">
                                                                </a>
                                                                <ul class="icons">
                                                                    <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                                    <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                                    <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                                </ul>
                                                                <a href=""><span class="file-name">Image05.jpg</span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4">
                                                        <div class="file-image p-2">
                                                            <div class="product-image">
                                                                <a href="{{url('filemanager-details')}}">
                                                                    <img src="{{asset('assets/images/pngs/file-image1.jpg')}}" alt="" class="w-100">
                                                                </a>
                                                                <ul class="icons">
                                                                    <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                                    <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                                    <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                                </ul>
                                                                <a href=""><span class="file-name">Image06.jpg</span></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ROW-3 CLOSED -->

                        <!-- ROW-4 OPEN -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Image File_Attachment Small Size</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="file-image-1">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}">
                                                        <img src="{{asset('assets/images/pngs/4.jpg')}}" class="br-5" alt="">
                                                    </a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Image01.jpg</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/doc.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Word.doc</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/file2.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Excel.xls</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/file.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Document.pdf</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}">
                                                        <img src="{{asset('assets/images/media/files/imgformat.png')}}" class="br-5" alt="">
                                                    </a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Image02.jpg</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ROW-4 CLOSED -->

                        <!-- ROW-5 OPEN -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Image File_Attachment Medium Size</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="file-image-1 file-image-md">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}">
                                                        <img src="{{asset('assets/images/pngs/4.jpg')}}" class="br-5" alt="">
                                                    </a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Image01.jpg</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-md">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/doc.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Word.doc</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-md">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/file2.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Excel.xls</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-md">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/file.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Document.pdf</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-md">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}">
                                                        <img src="{{asset('assets/images/media/files/imgformat.png')}}" class="br-5" alt="">
                                                    </a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Image02.jpg</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ROW-5 CLOSED -->

                        <!-- ROW-6 OPEN -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h3 class="card-title">Image File_Attachment Large Size</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-wrap">
                                            <div class="file-image-1 file-image-lg">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}">
                                                        <img src="{{asset('assets/images/pngs/4.jpg')}}" class="br-5" alt="">
                                                    </a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Image01.jpg</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-lg">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/doc.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Word.doc</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-lg">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/file2.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Excel.xls</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-lg">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}"><img src="{{asset('assets/images/media/files/file.png')}}" alt=""></a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Document.pdf</span>
                                                </div>
                                            </div>
                                            <div class="file-image-1 file-image-lg">
                                                <div class="product-image">
                                                    <a href="{{url('filemanager-details')}}">
                                                        <img src="{{asset('assets/images/media/files/imgformat.png')}}" class="br-5" alt="">
                                                    </a>
                                                    <ul class="icons">
                                                        <li><a href="javascript:void(0)" class="bg-danger"><i class="fe fe-trash"></i></a></li>
                                                        <li><a href="javascript:void(0)" class="bg-secondary"><i class="fe fe-download"></i></a></li>
                                                        <li><a href="{{url('filemanager-details')}}" class="bg-primary"><i class="fe fe-eye"></i></a></li>
                                                    </ul>
                                                    <span class="file-name-1">Image02.jpg</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ROW-6 CLOSED -->

        @endsection

    @section('scripts')



    @endsection
