@extends('layout.mainlayout')
@section('content')
		<!-- content -->
        <div class="page-wrapper">
            <div class="content container-fluid">
                <div class="page-header">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                            <h5 class="text-uppercase mb-0 mt-0 page-title">Simpleline Icon</h5>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                            <ul class="breadcrumb float-right p-0 mb-0">
                                <li class="breadcrumb-item"><a href="index"><i class="fas fa-home"></i> Home</a></li>
                                <li class="breadcrumb-item"><a href="#">Icons</a></li>
                                <li class="breadcrumb-item"><span>Simpleline Icon</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Row -->
                <div class="row">
					
                    <!-- Chart -->
                    <div class="col-md-12">	
                        <div class="card">
                            <div class="card-header">
                                <div class="card-title">Simpleline Icons</div>
                            </div>
                            <div class="card-body">
                                <div class="icons-items">
                                    <ul class="icons-list">
                                        <li><i class="si si-user" data-bs-toggle="tooltip" title="si-user"></i></li>
                                        <li><i class="si si-people" data-bs-toggle="tooltip" title="si-people"></i></li>
                                        <li><i class="si si-user-female" data-bs-toggle="tooltip" title="si-user-female"></i></li>
                                        <li><i class="si si-user-follow" data-bs-toggle="tooltip" title="si-user-follow"></i></li>
                                        <li><i class="si si-user-following" data-bs-toggle="tooltip" title="si-user-following"></i></li>
                                        <li><i class="si si-user-unfollow" data-bs-toggle="tooltip" title="si-user-unfollow"></i></li>
                                        <li><i class="si si-login" data-bs-toggle="tooltip" title="si-login"></i></li>
                                        <li><i class="si si-logout" data-bs-toggle="tooltip" title="si-logout"></i></li>
                                        <li><i class="si si-emotsmile" data-bs-toggle="tooltip" title="si-emotsmile"></i></li>
                                        <li><i class="si si-phone" data-bs-toggle="tooltip" title="si-phone"></i></li>
                                        <li><i class="si si-call-end" data-bs-toggle="tooltip" title="si-call-end"></i></li>
                                        <li><i class="si si-call-in" data-bs-toggle="tooltip" title="si-call-in"></i></li>
                                        <li><i class="si si-call-out" data-bs-toggle="tooltip" title="si-call-out"></i></li>
                                        <li><i class="si si-map" data-bs-toggle="tooltip" title="si-map"></i></li>
                                        <li><i class="si si-location-pin" data-bs-toggle="tooltip" title="si-location-pin"></i></li>
                                        <li><i class="si si-direction" data-bs-toggle="tooltip" title="si-direction"></i></li>
                                        <li><i class="si si-directions" data-bs-toggle="tooltip" title="si-directions"></i></li>
                                        <li><i class="si si-compass" data-bs-toggle="tooltip" title="si-compass"></i></li>
                                        <li><i class="si si-layers" data-bs-toggle="tooltip" title="si-layers"></i></li>
                                        <li><i class="si si-menu" data-bs-toggle="tooltip" title="si-menu"></i></li>
                                        <li><i class="si si-list" data-bs-toggle="tooltip" title="si-list"></i></li>
                                        <li><i class="si si-options-vertical" data-bs-toggle="tooltip" title="si-options-vertical"></i></li>
                                        <li><i class="si si-options" data-bs-toggle="tooltip" title="si-options"></i></li>
                                        <li><i class="si si-arrow-down" data-bs-toggle="tooltip" title="si-arrow-down"></i></li>
                                        <li><i class="si si-arrow-left" data-bs-toggle="tooltip" title="si-arrow-left"></i></li>
                                        <li><i class="si si-arrow-right" data-bs-toggle="tooltip" title="si-arrow-right"></i></li>
                                        <li><i class="si si-arrow-up" data-bs-toggle="tooltip" title="si-arrow-up"></i></li>
                                        <li><i class="si si-arrow-up-circle" data-bs-toggle="tooltip" title="si-arrow-up-circle"></i></li>
                                        <li><i class="si si-arrow-left-circle" data-bs-toggle="tooltip" title="si-arrow-left-circle"></i></li>
                                        <li><i class="si si-arrow-right-circle" data-bs-toggle="tooltip" title="si-arrow-right-circle"></i></li>
                                        <li><i class="si si-arrow-down-circle" data-bs-toggle="tooltip" title="si-arrow-down-circle"></i></li>
                                        <li><i class="si si-check" data-bs-toggle="tooltip" title="si-check"></i></li>
                                        <li><i class="si si-clock" data-bs-toggle="tooltip" title="si-clock"></i></li>
                                        <li><i class="si si-plus" data-bs-toggle="tooltip" title="si-plus"></i></li>
                                        <li><i class="si si-minus" data-bs-toggle="tooltip" title="si-minus"></i></li>
                                        <li><i class="si si-close" data-bs-toggle="tooltip" title="si-close"></i></li>
                                        <li><i class="si si-event" data-bs-toggle="tooltip" title="si-event"></i></li>
                                        <li><i class="si si-exclamation" data-bs-toggle="tooltip" title="si-exclamation"></i></li>
                                        <li><i class="si si-organization" data-bs-toggle="tooltip" title="si-organization"></i></li>
                                        <li><i class="si si-trophy" data-bs-toggle="tooltip" title="si-trophy"></i></li>
                                        <li><i class="si si-screen-smartphone" data-bs-toggle="tooltip" title="si-screen-smartphone"></i></li>
                                        <li><i class="si si-screen-desktop" data-bs-toggle="tooltip" title="si-screen-desktop"></i></li>
                                        <li><i class="si si-plane" data-bs-toggle="tooltip" title="si-plane"></i></li>
                                        <li><i class="si si-notebook" data-bs-toggle="tooltip" title="si-notebook"></i></li>
                                        <li><i class="si si-mustache" data-bs-toggle="tooltip" title="si-mustache"></i></li>
                                        <li><i class="si si-mouse" data-bs-toggle="tooltip" title="si-mouse"></i></li>
                                        <li><i class="si si-magnet" data-bs-toggle="tooltip" title="si-magnet"></i></li>
                                        <li><i class="si si-energy" data-bs-toggle="tooltip" title="si-energy"></i></li>
                                        <li><i class="si si-disc" data-bs-toggle="tooltip" title="si-disc"></i></li>
                                        <li><i class="si si-cursor" data-bs-toggle="tooltip" title="si-cursor"></i></li>
                                        <li><i class="si si-cursor-move" data-bs-toggle="tooltip" title="si-cursor-move"></i></li>
                                        <li><i class="si si-crop" data-bs-toggle="tooltip" title="si-crop"></i></li>
                                        <li><i class="si si-chemistry" data-bs-toggle="tooltip" title="si-chemistry"></i></li>
                                        <li><i class="si si-speedometer" data-bs-toggle="tooltip" title="si-speedometer"></i></li>
                                        <li><i class="si si-shield" data-bs-toggle="tooltip" title="si-shield"></i></li>
                                        <li><i class="si si-screen-tablet" data-bs-toggle="tooltip" title="si-screen-tablet"></i></li>
                                        <li><i class="si si-magic-wand" data-bs-toggle="tooltip" title="si-magic-wand"></i></li>
                                        <li><i class="si si-hourglass" data-bs-toggle="tooltip" title="si-hourglass"></i></li>
                                        <li><i class="si si-graduation" data-bs-toggle="tooltip" title="si-graduation"></i></li>
                                        <li><i class="si si-ghost" data-bs-toggle="tooltip" title="si-ghost"></i></li>
                                        <li><i class="si si-game-controller" data-bs-toggle="tooltip" title="si-game-controller"></i></li>
                                        <li><i class="si si-fire" data-bs-toggle="tooltip" title="si-fire"></i></li>
                                        <li><i class="si si-eyeglass" data-bs-toggle="tooltip" title="si-eyeglass"></i></li>
                                        <li><i class="si si-envelope-open" data-bs-toggle="tooltip" title="si-envelope-open"></i></li>
                                        <li><i class="si si-envelope-letter" data-bs-toggle="tooltip" title="si-envelope-letter"></i></li>
                                        <li><i class="si si-bell" data-bs-toggle="tooltip" title="si-bell"></i></li>
                                        <li><i class="si si-badge" data-bs-toggle="tooltip" title="si-badge"></i></li>
                                        <li><i class="si si-anchor" data-bs-toggle="tooltip" title="si-anchor"></i></li>
                                        <li><i class="si si-wallet" data-bs-toggle="tooltip" title="si-wallet"></i></li>
                                        <li><i class="si si-vector" data-bs-toggle="tooltip" title="si-vector"></i></li>
                                        <li><i class="si si-speech" data-bs-toggle="tooltip" title="si-speech"></i></li>
                                        <li><i class="si si-puzzle" data-bs-toggle="tooltip" title="si-puzzle"></i></li>
                                        <li><i class="si si-printer" data-bs-toggle="tooltip" title="si-printer"></i></li>
                                        <li><i class="si si-present" data-bs-toggle="tooltip" title="si-present"></i></li>
                                        <li><i class="si si-playlist" data-bs-toggle="tooltip" title="si-playlist"></i></li>
                                        <li><i class="si si-pin" data-bs-toggle="tooltip" title="si-pin"></i></li>
                                        <li><i class="si si-picture" data-bs-toggle="tooltip" title="si-picture"></i></li>
                                        <li><i class="si si-handbag" data-bs-toggle="tooltip" title="si-handbag"></i></li>
                                        <li><i class="si si-globe-alt" data-bs-toggle="tooltip" title="si-globe-alt"></i></li>
                                        <li><i class="si si-globe" data-bs-toggle="tooltip" title="si-globe"></i></li>
                                        <li><i class="si si-folder-alt" data-bs-toggle="tooltip" title="si-folder-alt"></i></li>
                                        <li><i class="si si-folder" data-bs-toggle="tooltip" title="si-folder"></i></li>
                                        <li><i class="si si-film" data-bs-toggle="tooltip" title="si-film"></i></li>
                                        <li><i class="si si-feed" data-bs-toggle="tooltip" title="si-feed"></i></li>
                                        <li><i class="si si-drop" data-bs-toggle="tooltip" title="si-drop"></i></li>
                                        <li><i class="si si-drawer" data-bs-toggle="tooltip" title="si-drawer"></i></li>
                                        <li><i class="si si-docs" data-bs-toggle="tooltip" title="si-docs"></i></li>
                                        <li><i class="si si-doc" data-bs-toggle="tooltip" title="si-doc"></i></li>
                                        <li><i class="si si-diamond" data-bs-toggle="tooltip" title="si-diamond"></i></li>
                                        <li><i class="si si-cup" data-bs-toggle="tooltip" title="si-cup"></i></li>
                                        <li><i class="si si-calculator" data-bs-toggle="tooltip" title="si-calculator"></i></li>
                                        <li><i class="si si-bubbles" data-bs-toggle="tooltip" title="si-bubbles"></i></li>
                                        <li><i class="si si-briefcase" data-bs-toggle="tooltip" title="si-briefcase"></i></li>
                                        <li><i class="si si-book-open" data-bs-toggle="tooltip" title="si-book-open"></i></li>
                                        <li><i class="si si-basket-loaded" data-bs-toggle="tooltip" title="si-basket-loaded"></i></li>
                                        <li><i class="si si-basket" data-bs-toggle="tooltip" title="si-basket"></i></li>
                                        <li><i class="si si-bag" data-bs-toggle="tooltip" title="si-bag"></i></li>
                                        <li><i class="si si-action-undo" data-bs-toggle="tooltip" title="si-action-undo"></i></li>
                                        <li><i class="si si-action-redo" data-bs-toggle="tooltip" title="si-action-redo"></i></li>
                                        <li><i class="si si-wrench" data-bs-toggle="tooltip" title="si-wrench"></i></li>
                                        <li><i class="si si-umbrella" data-bs-toggle="tooltip" title="si-umbrella"></i></li>
                                        <li><i class="si si-trash" data-bs-toggle="tooltip" title="si-trash"></i></li>
                                        <li><i class="si si-tag" data-bs-toggle="tooltip" title="si-tag"></i></li>
                                        <li><i class="si si-support" data-bs-toggle="tooltip" title="si-support"></i></li>
                                        <li><i class="si si-frame" data-bs-toggle="tooltip" title="si-frame"></i></li>
                                        <li><i class="si si-size-fullscreen" data-bs-toggle="tooltip" title="si-size-fullscreen"></i></li>
                                        <li><i class="si si-size-actual" data-bs-toggle="tooltip" title="si-size-actual"></i></li>
                                        <li><i class="si si-shuffle" data-bs-toggle="tooltip" title="si-shuffle"></i></li>
                                        <li><i class="si si-share-alt" data-bs-toggle="tooltip" title="si-share-alt"></i></li>
                                        <li><i class="si si-share" data-bs-toggle="tooltip" title="si-share"></i></li>
                                        <li><i class="si si-rocket" data-bs-toggle="tooltip" title="si-rocket"></i></li>
                                        <li><i class="si si-question" data-bs-toggle="tooltip" title="si-question"></i></li>
                                        <li><i class="si si-pie-chart" data-bs-toggle="tooltip" title="si-pie-chart"></i></li>
                                        <li><i class="si si-pencil" data-bs-toggle="tooltip" title="si-pencil"></i></li>
                                        <li><i class="si si-note" data-bs-toggle="tooltip" title="si-note"></i></li>
                                        <li><i class="si si-loop" data-bs-toggle="tooltip" title="si-loop"></i></li>
                                        <li><i class="si si-home" data-bs-toggle="tooltip" title="si-home"></i></li>
                                        <li><i class="si si-grid" data-bs-toggle="tooltip" title="si-grid"></i></li>
                                        <li><i class="si si-graph" data-bs-toggle="tooltip" title="si-graph"></i></li>
                                        <li><i class="si si-microphone" data-bs-toggle="tooltip" title="si-microphone"></i></li>
                                        <li><i class="si si-music-tone-alt" data-bs-toggle="tooltip" title="si-music-tone-alt"></i></li>
                                        <li><i class="si si-music-tone" data-bs-toggle="tooltip" title="si-music-tone"></i></li>
                                        <li><i class="si si-earphones-alt" data-bs-toggle="tooltip" title="si-earphones-alt"></i></li>
                                        <li><i class="si si-earphones" data-bs-toggle="tooltip" title="si-earphones"></i></li>
                                        <li><i class="si si-equalizer" data-bs-toggle="tooltip" title="si-equalizer"></i></li>
                                        <li><i class="si si-like" data-bs-toggle="tooltip" title="si-like"></i></li>
                                        <li><i class="si si-dislike" data-bs-toggle="tooltip" title="si-dislike"></i></li>
                                        <li><i class="si si-control-start" data-bs-toggle="tooltip" title="si-control-start"></i></li>
                                        <li><i class="si si-control-rewind" data-bs-toggle="tooltip" title="si-control-rewind"></i></li>
                                        <li><i class="si si-control-play" data-bs-toggle="tooltip" title="si-control-play"></i></li>
                                        <li><i class="si si-control-pause" data-bs-toggle="tooltip" title="si-control-pause"></i></li>
                                        <li><i class="si si-control-forward" data-bs-toggle="tooltip" title="si-control-forward"></i></li>
                                        <li><i class="si si-control-end" data-bs-toggle="tooltip" title="si-control-end"></i></li>
                                        <li><i class="si si-volume-1" data-bs-toggle="tooltip" title="si-volume-1"></i></li>
                                        <li><i class="si si-volume-2" data-bs-toggle="tooltip" title="si-volume-2"></i></li>
                                        <li><i class="si si-volume-off" data-bs-toggle="tooltip" title="si-volume-off"></i></li>
                                        <li><i class="si si-calendar" data-bs-toggle="tooltip" title="si-calendar"></i></li>
                                        <li><i class="si si-bulb" data-bs-toggle="tooltip" title="si-bulb"></i></li>
                                        <li><i class="si si-chart" data-bs-toggle="tooltip" title="si-chart"></i></li>
                                        <li><i class="si si-ban" data-bs-toggle="tooltip" title="si-ban"></i></li>
                                        <li><i class="si si-bubble" data-bs-toggle="tooltip" title="si-bubble"></i></li>
                                        <li><i class="si si-camrecorder" data-bs-toggle="tooltip" title="si-camrecorder"></i></li>
                                        <li><i class="si si-camera" data-bs-toggle="tooltip" title="si-camera"></i></li>
                                        <li><i class="si si-cloud-download" data-bs-toggle="tooltip" title="si-cloud-download"></i></li>
                                        <li><i class="si si-cloud-upload" data-bs-toggle="tooltip" title="si-cloud-upload"></i></li>
                                        <li><i class="si si-envelope" data-bs-toggle="tooltip" title="si-envelope"></i></li>
                                        <li><i class="si si-eye" data-bs-toggle="tooltip" title="si-eye"></i></li>
                                        <li><i class="si si-flag" data-bs-toggle="tooltip" title="si-flag"></i></li>
                                        <li><i class="si si-heart" data-bs-toggle="tooltip" title="si-heart"></i></li>
                                        <li><i class="si si-info" data-bs-toggle="tooltip" title="si-info"></i></li>
                                        <li><i class="si si-key" data-bs-toggle="tooltip" title="si-key"></i></li>
                                        <li><i class="si si-link" data-bs-toggle="tooltip" title="si-link"></i></li>
                                        <li><i class="si si-lock" data-bs-toggle="tooltip" title="si-lock"></i></li>
                                        <li><i class="si si-lock-open" data-bs-toggle="tooltip" title="si-lock-open"></i></li>
                                        <li><i class="si si-magnifier" data-bs-toggle="tooltip" title="si-magnifier"></i></li>
                                        <li><i class="si si-magnifier-add" data-bs-toggle="tooltip" title="si-magnifier-add"></i></li>
                                        <li><i class="si si-magnifier-remove" data-bs-toggle="tooltip" title="si-magnifier-remove"></i></li>
                                        <li><i class="si si-paper-clip" data-bs-toggle="tooltip" title="si-paper-clip"></i></li>
                                        <li><i class="si si-paper-plane" data-bs-toggle="tooltip" title="si-paper-plane"></i></li>
                                        <li><i class="si si-power" data-bs-toggle="tooltip" title="si-power"></i></li>
                                        <li><i class="si si-refresh" data-bs-toggle="tooltip" title="si-refresh"></i></li>
                                        <li><i class="si si-reload" data-bs-toggle="tooltip" title="si-reload"></i></li>
                                        <li><i class="si si-settings" data-bs-toggle="tooltip" title="si-settings"></i></li>
                                        <li><i class="si si-star" data-bs-toggle="tooltip" title="si-star"></i></li>
                                        <li><i class="si si-symbol-female" data-bs-toggle="tooltip" title="si-symbol-female"></i></li>
                                        <li><i class="si si-symbol-male" data-bs-toggle="tooltip" title="si-symbol-male"></i></li>
                                        <li><i class="si si-target" data-bs-toggle="tooltip" title="si-target"></i></li>
                                        <li><i class="si si-credit-card" data-bs-toggle="tooltip" title="si-credit-card"></i></li>
                                        <li><i class="si si-paypal" data-bs-toggle="tooltip" title="si-paypal"></i></li>
                                        <li><i class="si si-social-tumblr" data-bs-toggle="tooltip" title="si-social-tumblr"></i></li>
                                        <li><i class="si si-social-twitter" data-bs-toggle="tooltip" title="si-social-twitter"></i></li>
                                        <li><i class="si si-social-facebook" data-bs-toggle="tooltip" title="si-social-facebook"></i></li>
                                        <li><i class="si si-social-instagram" data-bs-toggle="tooltip" title="si-social-instagram"></i></li>
                                        <li><i class="si si-social-linkedin" data-bs-toggle="tooltip" title="si-social-linkedin"></i></li>
                                        <li><i class="si si-social-pinterest" data-bs-toggle="tooltip" title="si-social-pinterest"></i></li>
                                        <li><i class="si si-social-github" data-bs-toggle="tooltip" title="si-social-github"></i></li>
                                        <li><i class="si si-social-google" data-bs-toggle="tooltip" title="si-social-google"></i></li>
                                        <li><i class="si si-social-reddit" data-bs-toggle="tooltip" title="si-social-reddit"></i></li>
                                        <li><i class="si si-social-skype" data-bs-toggle="tooltip" title="si-social-skype"></i></li>
                                        <li><i class="si si-social-dribbble" data-bs-toggle="tooltip" title="si-social-dribbble"></i></li>
                                        <li><i class="si si-social-behance" data-bs-toggle="tooltip" title="si-social-behance"></i></li>
                                        <li><i class="si si-social-foursqare" data-bs-toggle="tooltip" title="si-social-foursqare"></i></li>
                                        <li><i class="si si-social-soundcloud" data-bs-toggle="tooltip" title="si-social-soundcloud"></i></li>
                                        <li><i class="si si-social-spotify" data-bs-toggle="tooltip" title="si-social-spotify"></i></li>
                                        <li><i class="si si-social-stumbleupon" data-bs-toggle="tooltip" title="si-social-stumbleupon"></i></li>
                                        <li><i class="si si-social-youtube" data-bs-toggle="tooltip" title="si-social-youtube"></i></li>
                                        <li><i class="si si-social-dropbox" data-bs-toggle="tooltip" title="si-social-dropbox"></i></li>
                                        <li><i class="si si-social-vkontakte" data-bs-toggle="tooltip" title="si-social-vkontakte"></i></li>
                                        <li><i class="si si-social-steam" data-bs-toggle="tooltip" title="si-social-steam"></i></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Chart -->
                    
                </div>
                <!-- /Row -->                
            </div>
            <div class="notification-box">
                <div class="msg-sidebar notifications msg-noti">
                    <div class="topnav-dropdown-header">
                        <span>Messages</span>
                    </div>
                    <div class="drop-scroll msg-list-scroll">
                        <ul class="list-box">
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">R</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Richard Miles </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item new-message">
                                        <div class="list-left">
                                            <span class="avatar">J</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Ruth C. Gault</span>
                                            <span class="message-time">1 Aug</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">T</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author"> Tarah Shropshire </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">M</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Mike Litorus</span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">C</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author"> Catherine Manseau </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">D</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author"> Domenic Houston </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">B</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author"> Buster Wigton </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">R</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author"> Rolland Webber </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">C</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author"> Claire Mapes </span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">M</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Melita Faucher</span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">J</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Jeffery Lalor</span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">L</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Loren Gatlin</span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="chat">
                                    <div class="list-item">
                                        <div class="list-left">
                                            <span class="avatar">T</span>
                                        </div>
                                        <div class="list-body">
                                            <span class="message-author">Tarah Shropshire</span>
                                            <span class="message-time">12:28 AM</span>
                                            <div class="clearfix"></div>
                                            <span class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="topnav-dropdown-footer">
                        <a href="chat">See all messages</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /content -->
    </div>
	<!-- Main Wrapper -->
@endsection