@extends('layouts.master')

@section('styles')
 
      
@endsection

@section('content')

                    <!-- PAGE HEADER -->
                    <div class="d-sm-flex d-block align-items-center justify-content-between page-header-breadcrumb">
                        <h4 class="fw-medium mb-0">Icons</h4>
                        <div class="ms-sm-1 ms-0">
                            <nav>
                                <ol class="breadcrumb mb-0">
                                    <li class="breadcrumb-item"><a href="javascript:void(0);">Icons</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Icons</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <!-- END PAGE HEADER -->

                    <!-- APP CONTENT -->
                    <div class="main-content app-content">
                        <div class="container-fluid">

                            <!-- Start::row-1 -->
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="card custom-card">
                                        <div class="card-header">
                                            <div class="card-title">Line Awesome Icons</div>
                                        </div>
                                        <div class="card-body">
                                            <p class="mb-1">Simply beautiful open source icons. For more info <a href="https://icons8.com/line-awesome" target="_blank" class="text-primary">click here</a>.</p>
                                            <p class="mb-4"><code>&lt;i class="las la-ICON_NAME"&gt;&lt;/i&gt;</code></p>
                                            <ul class="icons-list list-unstyled">
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-bell"><i class="las la-bell"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-exclamation-circle"><i class="las la-exclamation-circle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-exclamation-triangle"><i class="las la-exclamation-triangle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-arrow-alt-circle-down"><i class="las la-arrow-alt-circle-down"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-arrow-alt-circle-up"><i class="las la-arrow-alt-circle-up"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-arrow-alt-circle-left"><i class="las la-arrow-alt-circle-left"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-arrow-alt-circle-right"><i class="las la-arrow-alt-circle-right"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-history"><i class="las la-history"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-headphones"><i class="las la-headphones"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-tv"><i class="las la-tv"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-car-side"><i class="las la-car-side"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-envelope"><i class="las la-envelope"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-edit"><i class="las la-edit"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-map"><i class="las la-map"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-cloud-upload-alt"><i class="las la-cloud-upload-alt"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-recycle"><i class="las la-recycle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-play"><i class="las la-play"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-tv"><i class="las la-tv"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-car"><i class="las la-car"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-tree"><i class="las la-tree"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="las la-archive"><i class="las la-archive"></i></li>
                                            </ul>    
                                        </div>
                                    </div>
                                </div>    
                                <div class="col-xl-6">
                                    <div class="card custom-card">
                                        <div class="card-header">
                                            <div class="card-title">Boxicons</div>
                                        </div>
                                        <div class="card-body">
                                            <p class="mb-1">Simply beautiful open source icons. For more info <a href="https://boxicons.com/" target="_blank" class="text-primary">click here</a>.</p>
                                            <p class="mb-4"><code>&lt;i class="bx bx-ICON_NAME"&gt;&lt;/i&gt;</code></p>
                                            <ul class="icons-list list-unstyled">
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-home"><i class="bx bx-home"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-home-alt"><i class="bx bx-home-alt"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-box"><i class="bx bx-box"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-medal"><i class="bx bx-medal"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-file"><i class="bx bx-file"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-palette"><i class="bx bx-palette"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-receipt"><i class="bx bx-receipt"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-table"><i class="bx bx-table"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-bar-chart-alt"><i class="bx bx-bar-chart-alt"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-layer"><i class="bx bx-layer"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-map-alt"><i class="bx bx-map-alt"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-gift"><i class="bx bx-gift"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-file-blank"><i class="bx bx-file-blank"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-lock-alt"><i class="bx bx-lock-alt"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-error"><i class="bx bx-error"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-error-circle"><i class="bx bx-error-circle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-universal-access"><i class='bx bx-universal-access'></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-message-dots"><i class='bx bx-message-dots' ></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-basket"><i class='bx bx-basket' ></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-purchase-tag-alt"><i class='bx bx-purchase-tag-alt' ></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bx bx-camera"><i class='bx bx-camera' ></i></li>
                                            </ul>    
                                        </div>
                                    </div>
                                </div>      
                                <div class="col-xl-6">
                                    <div class="card custom-card">
                                        <div class="card-header">
                                            <div class="card-title">Tabler Icons</div>
                                        </div>
                                        <div class="card-body">
                                            <p class="mb-1">Simply beautiful open source icons. For more info <a href="https://tabler-icons.io/" target="_blank" class="text-primary">click here</a>.</p>
                                            <p class="mb-4"><code>&lt;i class="ti ti-ICON_NAME"&gt;&lt;/i&gt;</code></p>
                                            <ul class="icons-list list-unstyled">
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-brand-tabler"><i class="ti ti-brand-tabler"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-activity-heartbeat"><i class="ti ti-activity-heartbeat"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-alert-octagon"><i class="ti ti-alert-octagon"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-album"><i class="ti ti-album"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-align-right"><i class="ti ti-align-right"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-antenna-bars-5"><i class="ti ti-antenna-bars-5"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-armchair"><i class="ti ti-armchair"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-arrow-big-right"><i class="ti ti-arrow-big-right"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-arrows-shuffle-2"><i class="ti ti-arrows-shuffle-2"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-backspace"><i class="ti ti-backspace"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-color-picker"><i class="ti ti-color-picker"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-activity"><i class="ti ti-activity"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-alert-octagon"><i class="ti ti-alert-octagon"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-apps"><i class="ti ti-apps"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-align-justified"><i class="ti ti-align-justified"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-archive"><i class="ti ti-archive"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-battery"><i class="ti ti-battery"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-bell"><i class="ti ti-bell"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-arrows-right-left"><i class="ti ti-arrows-right-left"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-blur"><i class="ti ti-blur"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ti ti-access-point"><i class="ti ti-access-point"></i></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>  
                                <div class="col-xl-6">
                                    <div class="card custom-card">
                                        <div class="card-header">
                                            <div class="card-title">Remix Icons</div>
                                        </div>
                                        <div class="card-body">
                                            <p class="mb-1">Simply beautiful open source icons. For more info <a href="https://remixicon.com/" target="_blank" class="text-primary">click here</a>.</p>
                                            <p class="mb-4"><code>&lt;i class="ri-ICON_NAME"&gt;&lt;/i&gt;</code></p>
                                            <ul class="icons-list list-unstyled">
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-home-line"><i class="ri-home-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-mail-line"><i class="ri-mail-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-briefcase-line"><i class="ri-briefcase-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-window-line"><i class="ri-window-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-chat-2-line"><i class="ri-chat-2-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-chat-settings-line"><i class="ri-chat-settings-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-edit-line"><i class="ri-edit-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-layout-line"><i class="ri-layout-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-code-s-slash-line"><i class="ri-code-s-slash-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-airplay-line"><i class="ri-airplay-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-file-line"><i class="ri-file-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-flag-2-line"><i class="ri-flag-2-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-send-plane-line"><i class="ri-send-plane-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-record-mail-line"><i class="ri-record-mail-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-links-fill"><i class="ri-links-fill"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-printer-line"><i class="ri-printer-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-message-3-line"><i class="ri-message-3-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-edit-2-line"><i class="ri-edit-2-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-layout-5-line"><i class="ri-layout-5-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="ri-code-fill"><i class="ri-code-fill"></i></li>
                                            </ul>     
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="card custom-card">
                                        <div class="card-header">
                                            <div class="card-title">Bootstrap Icons</div>
                                        </div>
                                        <div class="card-body">
                                            <p class="mb-1">Simply beautiful open source icons. For more info <a href="https://icons.getbootstrap.com/" target="_blank" class="text-primary">click here</a>.</p>
                                            <p class="mb-4"><code>&lt;i class="bi bi-ICON_NAME"&gt;&lt;/i&gt;</code></p>
                                            <ul class="icons-list list-unstyled">
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-arrow-left-circle"><i class="bi bi-arrow-left-circle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-arrows-move"><i class="bi bi-arrows-move"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-bag"><i class="bi bi-bag"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-bar-chart-line"><i class="bi bi-bar-chart-line"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-basket"><i class="bi bi-basket"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-bell"><i class="bi bi-bell"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-book"><i class="bi bi-book"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-box"><i class="bi bi-box"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-briefcase"><i class="bi bi-briefcase"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-brightness-high"><i class="bi bi-brightness-high"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-calendar"><i class="bi bi-calendar"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-paint-bucket"><i class="bi bi-paint-bucket"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-cart-dash"><i class="bi bi-cart-dash"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-app"><i class="bi bi-app"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-arrow-repeat"><i class="bi bi-arrow-repeat"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-arrows-collapse"><i class="bi bi-arrows-collapse"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-battery"><i class="bi bi-battery"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-basket3"><i class="bi bi-basket3"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-bookmark-dash"><i class="bi bi-bookmark-dash"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-box2"><i class="bi bi-box2"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-cloud"><i class="bi bi-cloud"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="bi bi-calendar4"><i class="bi bi-calendar4"></i></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="card custom-card">
                                        <div class="card-header">
                                            <div class="card-title">Feather Icons</div>
                                        </div>
                                        <div class="card-body">
                                            <p class="mb-1">Simply beautiful open source icons. For more info <a href="https://feathericons.com/" target="_blank" class="text-primary">click here</a>.</p>
                                            <p class="mb-4"><code>&lt;i class="fe fe-ICON_NAME"&gt;&lt;/i&gt;</code></p>
                                            <ul class="icons-list list-unstyled">
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-activity"><i class="fe fe-activity"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-airplay"><i class="fe fe-airplay"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-alert-circle"><i class="fe fe-alert-circle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-alert-triangle"><i class="fe fe-alert-triangle"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-bar-chart-2"><i class="fe fe-bar-chart-2"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-bell"><i class="fe fe-bell"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-camera"><i class="fe fe-camera"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-copy"><i class="fe fe-copy"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-eye"><i class="fe fe-eye"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-file"><i class="fe fe-file"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-layout"><i class="fe fe-layout"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-cpu"><i class="fe fe-cpu"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-mic"><i class="fe fe-mic"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-disc"><i class="fe fe-disc"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-feather"><i class="fe fe-feather"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-file-minus"><i class="fe fe-file-minus"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-folder"><i class="fe fe-folder"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-home"><i class="fe fe-home"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-image"><i class="fe fe-image"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-map-pin"><i class="fe fe-map-pin"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-moon"><i class="fe fe-moon"></i></li>
                                                <li class="icons-list-item" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="fe fe-settings"><i class="fe fe-settings"></i></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>            
                            </div>
                            <!--End::row-1 -->

                        </div>
                    </div>
                    <!-- END APP CONTENT -->

@endsection

@section('scripts')
  

@endsection