@extends('layouts.master')

@section('styles')



@endsection

@section('content')
	
                    <!-- Start::page-header -->
                    <div class="page-header-breadcrumb mb-3">
                        <div class="d-flex align-center justify-content-between flex-wrap">
                            <h1 class="page-title fw-medium fs-18 mb-0">Icons</h1>
                            <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>
                        </div>
                    </div>
                    <!-- End::page-header -->

                    <!-- Start::row-1 --> 
                    <div class="row">
                        <div class="col-xl-12">
                            <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>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <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>
                                    </ul>     
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <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>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <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-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-color-picker"><i class="ti ti-color-picker"></i></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-12">
                            <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>
                                    </ul>    
                                </div>
                            </div>
                        </div>            
                        <div class="col-xl-12">
                            <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>
                                    </ul>    
                                </div>
                            </div>
                        </div>            
                    </div>
                    <!--End::row-1 -->

@endsection

@section('scripts')
	


@endsection