shenhaiqing
/
chat2023_com


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Adminage - Admin Dashboard</title>

    <!-- favicon -->
    <link rel="icon" href="assets/img/favicon.png" sizes="16x16" type="image/png" />

    <!-- Stylesheet Link -->
    <link rel="stylesheet" href="assets/css/style.css" />
</head>

<body class="t-bg-primary mx-sidenav-not-collapsed">

    <!-- Preloader  -->
    <div class="preloader-container">
        <div class="cssload-thecube m-auto">
            <div class="cssload-cube cssload-c1"></div>
            <div class="cssload-cube cssload-c2"></div>
            <div class="cssload-cube cssload-c4"></div>
            <div class="cssload-cube cssload-c3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Side Nav / Display Only Small Screen  -->
    <div class="position-relative d-xl-none">
        <div class="mx-mobile-nav-wrapper"></div>
        <div class="mx-mobile-nav">
            <div class="mx-mobile-nav__close">
                <i class="las la-times"></i>
            </div>
            <div class="mx-mobile-brand mx-mobile-nav__brand ">
                <img src="assets/img/logo-w.png" alt="Adminage" class="img-fluid mx-mobile-brand__is">
            </div>
            <nav class="mx-mobile-nav__menu" data-simplebar>
                <ul class="t-list mx-sm-sidenav">
                    <li class="mx-sm-sidenav__list">
                        <a href="index.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <span class='bx bx-category'></span>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                dashboard
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-user'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                user
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="user.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-user-plus'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        user
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="user-list.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-user-detail'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        user list
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        forms & table
                    </li>

                    <li class="mx-sm-sidenav__list">
                        <a href="profile.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-user-account'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                profile
                            </span>
                        </a>
                    </li>

                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-folder-open'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                project
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="create-project.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <span class='bx bx-pulse'></span>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        create project
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="project-list.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-list-ul'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        project list
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-message-detail'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                message
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chat.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-message-dots'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chat
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="group-chat.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bxs-message-dots'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        group chat
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="inbox.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-mail-send'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        inbox
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        UI component
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-detail'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                form
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="form.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-news'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        form
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="form-validation.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-task'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        form validation
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="price-table.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-receipt'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                price table
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="file-upload.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-upload'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                file upload
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-library'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                UI elements
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="button.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-mobile-alt bx-rotate-90'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        button
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="dropdown.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-upload bx-rotate-180'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        dropdown
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="table.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-table bx-rotate-180'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        table
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="alert.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bxs-error'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        alert
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="popover.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bx-copy'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        popover
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="tooltip.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">

                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        tooltip
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="timeline.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-slider-alt bx-rotate-90'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        timeline
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="pagination.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-collection'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        pagination
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="symbol.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        symbol
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="overlay.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-layer'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        overlay
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="callout.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-pulse'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        callout
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="ribbon.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-tag-alt'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        ribbon
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__sub-title xsm-text t-text-light text-uppercase t-bg-primary">
                        features
                    </li>
                    <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                        <a href="#" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-doughnut-chart'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                chart
                            </span>
                        </a>
                        <ul class="t-list mx-sm-sidenav__sub">
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chart.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-bar-chart-square'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chart 1
                                    </span>
                                </a>
                            </li>
                            <li class="mx-sm-sidenav__sub-list">
                                <a href="chart-2.html" class="mx-sm-sidenav__sub-link">
                                    <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                        <i class='bx bx-line-chart'></i>
                                    </span>
                                    <span class="mx-sm-sidenav__sub-text text-capitalize">
                                        chart 2
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="data-table.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bxs-grid'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                data table
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="data-search.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-category'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                data search
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="faq.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-message-error'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                FAQ
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="mega-option.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-spreadsheet'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                mega option
                            </span>
                        </a>
                    </li>
                    <li class="mx-sm-sidenav__list">
                        <a href="sticky-note.html" class="mx-sm-sidenav__link">
                            <span class="mx-sm-sidenav__icon t-mr-8">
                                <i class='bx bx-sticker'></i>
                            </span>
                            <span class="mx-sm-sidenav__text text-capitalize">
                                sticky note
                            </span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <!-- Side Nav / Display Only Small Screen  End-->

    <!-- Page Wrapper -->
    <div class="container-fluid p-0">
        <div class="row g-0">
            <!--SideNav / Display Only Small Screen  -->
            <div class="col-12 d-xl-none">
                <header class="mx-mobile-header t-bg-primary ">
                    <div class="container-fluid px-3">
                        <div class="row g-3">
                            <div class="col-6 align-self-center">
                                <div class="mx-mobile-brand">
                                    <img src="assets/img/logo-w.png" alt="Adminage"
                                        class="img-fluid mx-mobile-brand__is">
                                </div>
                            </div>
                            <div class="col-6 align-self-center">
                                <nav class="mx-mobile-option">
                                    <ul class="t-list mx-mobile-menu justify-content-end">
                                        <li class="mx-mobile-menu__item">
                                            <a href="#" class="mx-mobile-menu__link mx-sm-sidenav-toggle">
                                                <i class='bx bx-menu-alt-right d-block'></i>
                                            </a>
                                        </li>
                                        <li class="mx-mobile-menu__item mx-mobile-menu__sub-header">
                                            <a href="#" class="mx-mobile-menu__link">
                                                <i class='bx bx-menu d-block'></i>
                                            </a>
                                        </li>
                                        <li class="mx-mobile-menu__item mx-mobile-menu__user">
                                            <a href="#" class="mx-mobile-menu__link">
                                                <i class='bx bxs-user-circle d-block'></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="mx-sub-header">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="t-list mx-sm-sidenav">
                                                        <li class="mx-sm-sidenav__list">
                                                            <form action="#" class="t-pl-15 t-pr-15 t-pt-15 t-pb-10">
                                                                <div class="mx-search-form">
                                                                    <div class="mx-search-form__icon">
                                                                        <i class='bx bx-search'></i>
                                                                    </div>
                                                                    <input type="text" class="mx-search-form__input"
                                                                        placeholder="Search...">
                                                                </div>
                                                            </form>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <span class='bx bx-category'></span>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    dashboard
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="index.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 1
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="dash-2.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 2
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="dash-3.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            dashboard 3
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-brush'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    UI Component
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="checkbox.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            checkbox
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="progress.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            progress
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="radio.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            radio
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-package'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    packages
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="kanban-board.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            kanban board
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tagify.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tagify
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="cropper.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            cropper
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tree-view.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tree view
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list mx-sm-sidenav__has-sub">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-folder-open'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    pages
                                                                </span>
                                                            </a>
                                                            <ul class="t-list mx-sm-sidenav__sub">
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="kanban-board.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            kanban board
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tagify.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tagify
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="cropper.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            cropper
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                                <li class="mx-sm-sidenav__sub-list">
                                                                    <a href="tree-view.html"
                                                                        class="mx-sm-sidenav__sub-link">
                                                                        <span class="mx-sm-sidenav__sub-icon t-mr-8">
                                                                            <span class='bx bx-pulse'></span>
                                                                        </span>
                                                                        <span
                                                                            class="mx-sm-sidenav__sub-text text-capitalize">
                                                                            tree view
                                                                        </span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mx-sm-user">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-12">
                                                    <ul class="t-list mx-sm-sidenav">
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#"
                                                                class="mx-sm-sidenav__link flex-column align-items-start">
                                                                <span class="text-capitalize fw-bold d-block t-pt-5">
                                                                    harun agrosz
                                                                </span>
                                                                <span class="text-capitalize xsm-text d-block mt-1">
                                                                    admin
                                                                </span>
                                                            </a>
                                                            <hr class="mx-hr mx-hr--primary">
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-user'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    profile
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bxs-user-account'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    add account
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-lock'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    reset password
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-help-circle'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    help
                                                                </span>
                                                            </a>
                                                            <hr class="mx-hr mx-hr--primary">
                                                        </li>
                                                        <li class="mx-sm-sidenav__list">
                                                            <a href="#" class="mx-sm-sidenav__link">
                                                                <span class="mx-sm-sidenav__icon t-mr-8">
                                                                    <i class='bx bx-log-out-circle'></i>
                                                                </span>
                                                                <span class="mx-sm-sidenav__text text-capitalize">
                                                                    log out
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>

                </header>
            </div>
            <!--HSideNav/ Display Only Small Screen End -->

            <!--SideNav / Display Only Large Screen  -->
            <div class="col-3 col-xxl-2 mx-sidenav d-none d-xl-block">
                <!-- Side Nav  -->
                <div class="mx-sidenav__content t-bg-primary">
                    <!-- Side Nav Brand  -->
                    <div class="mx-sidenav__brand">
                        <a href="index.html" class="mx-sidenav__logo t-link">
                            <img src="assets/img/logo-w.png" alt="Adminage" class="img-fluid mx-sidenav__logo-is">
                        </a>
                        <a href="index.html" class="t-link mx-sidenav__logo-sm">
                            <img src="assets/img/logo-w-sm.png" alt="Adminage" class="img-fluid mx-sidenav__logo-sm-is">
                        </a>
                    </div>
                    <!-- Side Nav Brand  End-->
                    <div class="mx-sidenav__menu-container">
                        <nav class="mx-sidenav__menu">
                            <ul class="t-list mx-sidenav__menu-is">
                                <li class="mx-sidenav__menu-item ">
                                    <a href="index.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <span class='bx bx-category'></span>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            dashboard
                                        </span>
                                    </a>
                                </li>

                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <span class='bx bx-user-circle'></span>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            user
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="user.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-user-plus'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    user
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="user-list.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-user-detail'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    user list
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="mx-sidenav__menu-item ">
                                    <a href="profile.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-user-account'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            profile
                                        </span>
                                    </a>
                                </li>

                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-folder-open'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            project
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="create-project.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <span class='bx bx-pulse'></span>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    create project
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="project-list.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <span class='bx bx-pulse'></span>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    project list
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-message-detail'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            message
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chat.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-message-dots'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chat
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="group-chat.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-message-dots'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    group chat
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="inbox.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-mail-send'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    inbox
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub ">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-detail'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            form
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="form.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-news'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    form
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="form-validation.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-task'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    form validation
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item ">
                                    <a href="price-table.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-receipt'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            price table
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub active-page">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-library'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            UI elements
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub ">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="button.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-mobile-alt bx-rotate-90'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    button
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="dropdown.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-upload bx-rotate-180'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    dropdown
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="table.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-table bx-rotate-180'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    table
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="alert.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bxs-error'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    alert
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="popover.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-copy'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    popover
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="tooltip.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    tooltip
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="timeline.html" class="mx-sidenav__sub-link active-page">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-slider-alt bx-rotate-90'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    timeline
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="pagination.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-collection'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    pagination
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="symbol.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    symbol
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="overlay.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-layer'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    overlay
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="callout.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-pulse'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    callout
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="ribbon.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-tag-alt'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    ribbon
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item mx-sidenav__has-sub">
                                    <a href="#" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-doughnut-chart'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            chart
                                        </span>
                                    </a>
                                    <ul class="t-list mx-sidenav__sub mx-sidenav__sub--hide">
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chart.html" class="mx-sidenav__sub-link">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-bar-chart-square'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chart 1
                                                </span>
                                            </a>
                                        </li>
                                        <li class="mx-sidenav__sub-item">
                                            <a href="chart-2.html" class="mx-sidenav__sub-link ">
                                                <span class="mx-sidenav__sub-icon t-mr-15">
                                                    <i class='bx bx-line-chart'></i>
                                                </span>
                                                <span class="mx-sidenav__sub-text text-capitalize">
                                                    chart 2
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="data-table.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bxs-grid'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            data table
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="data-search.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-category'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            data search
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="faq.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-message-error'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            FAQ
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="mega-option.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-spreadsheet'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            mega option
                                        </span>
                                    </a>
                                </li>
                                <li class="mx-sidenav__menu-item">
                                    <a href="sticky-note.html" class="mx-sidenav__menu-link">
                                        <span class="mx-sidenav__menu-icon t-mr-15">
                                            <i class='bx bx-sticker'></i>
                                        </span>
                                        <span class="mx-sidenav__menu-text text-capitalize">
                                            sticky note
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <!-- Side Nav End -->
            </div>
            <!--SideNav / Display Only Large Screen End -->

            <div class="col-9 col-xxl-10 flex-grow-1">
                <div class="container-fluid px-2 px-xxl-0">
                    <div class="row g-2 g-xxl-0">
                        <div class="col-12">
                            <div class="mx-body">

                                <header class="header sticky-top d-none d-xl-block">
                                    <div class="primary-nav t-bg-primary">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-lg-12">
                                                    <div class="primary-nav-list--right-wrapper">
                                                        <ul class="t-list primary-nav-list primary-nav-list--right">
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block t-line-1 ">
                                                                <a href="#" class="t-link mx-sidenav-toggle">
                                                                    <span class="mx-sidenav-toggle__icon"></span>
                                                                </a>
                                                            </li>
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block t-line-1">
                                                                <form action="#"
                                                                    class="t-pl-15 t-pr-15 t-pt-15 t-pb-15">
                                                                    <div class="mx-search-form">
                                                                        <div class="mx-search-form__icon">
                                                                            <i class='bx bx-search'></i>
                                                                        </div>
                                                                        <input type="text" class="mx-search-form__input"
                                                                            placeholder="Search...">
                                                                    </div>
                                                                </form>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg d-lg-none">
                                                                            <i class="las la-bars"></i>
                                                                        </span>
                                                                        <span
                                                                            class="mega-menu__toggle d-none d-lg-block">
                                                                            pages
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--mega-menu">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list mega-menu">
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            UI
                                                                                            components
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="button.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    button
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="dropdown.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    dropdown
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    table
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="alert.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    alert
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="popover.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    popover
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="tooltip.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    tooltip
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="timeline.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    timeline
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            user details
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="user.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    user
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="user-list.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    user list
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="profile.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    profile
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="inbox.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    inbox
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            elements
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chat.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chat
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="group-chat.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    group chat
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="form.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    form
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="form-validation.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    form validation
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="price-table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    price table
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                    <li class="mega-menu__list">
                                                                                        <span
                                                                                            class="mega-menu__title text-uppercase">
                                                                                            data info
                                                                                        </span>
                                                                                        <ul
                                                                                            class="t-list mega-menu__sub">
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chart.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chart 1
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="chart-2.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    chart 2
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="data-table.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    data table
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="data-search.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    data search
                                                                                                </a>
                                                                                            </li>
                                                                                            <li
                                                                                                class="mega-menu__sub-list">
                                                                                                <a href="faq.html"
                                                                                                    class="mega-menu__link text-capitalize">
                                                                                                    FAQ
                                                                                                </a>
                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>

                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg t-line-1">
                                                                            <i class='bx bx-message-detail'></i>
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--lg-right">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__top">
                                                                                <span
                                                                                    class="messages__top-text text-capitalize">recent
                                                                                    chats</span>
                                                                                <a href="#"
                                                                                    class="t-link messages__top-link text-capitalize messages__top-text">
                                                                                    <span class="t-mr-5 d-inline-block">
                                                                                        <i class="las la-cog"></i>
                                                                                    </span>
                                                                                    settings
                                                                                </a>
                                                                            </div>
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list messages__list">
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        tk
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            tonmoy
                                                                                                            khan
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Receive
                                                                                                            the
                                                                                                            phone
                                                                                                            ASAP
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        gp
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            groups
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            5:07
                                                                                                            AM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            I
                                                                                                            want
                                                                                                            to
                                                                                                            buy
                                                                                                            this
                                                                                                            things
                                                                                                            anybody...
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="messages__footer text-center">
                                                                                <a href="#"
                                                                                    class="t-link messages__view-all text-capitalize t-text-light">
                                                                                    view all
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <span
                                                                            class="primary-nav-list__icon--lg t-line-1">
                                                                            <i class='bx bx-bell'></i>
                                                                        </span>
                                                                    </a>
                                                                    <div
                                                                        class="dropdown-menu messages-dropdown messages-dropdown--lg-right">
                                                                        <div class="messages messages--primary">
                                                                            <div class="messages__top">
                                                                                <span
                                                                                    class="messages__top-text text-capitalize">notifications</span>
                                                                                <a href="#"
                                                                                    class="t-link messages__top-link text-capitalize messages__top-text">
                                                                                    mark all
                                                                                    as read
                                                                                </a>
                                                                            </div>
                                                                            <div class="messages__body" data-simplebar>
                                                                                <ul class="t-list messages__list">
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-gamma">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        tk
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            tonmoy
                                                                                                            khan
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Receive
                                                                                                            the
                                                                                                            phone
                                                                                                            ASAP
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-delta">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        gp
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            groups
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            5:07
                                                                                                            AM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            I
                                                                                                            want
                                                                                                            to
                                                                                                            buy
                                                                                                            this
                                                                                                            things
                                                                                                            anybody...
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <div
                                                                                                        class="messages__avatar-replacer text-uppercase">
                                                                                                        as
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--active">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            Asaduzzaman
                                                                                                            sarker
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            now
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            Asaduzzaman,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--unseen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                    <li class="messages__list-item">
                                                                                        <a href="#"
                                                                                            class="t-link w-100">
                                                                                            <div class="messages__msg">
                                                                                                <div
                                                                                                    class="messages__avatar messages__avatar-empty t-bg-alpha">
                                                                                                    <img src="assets/img/user.jpg"
                                                                                                        alt="Adminage"
                                                                                                        class="img-fluid w-100" />
                                                                                                    <div
                                                                                                        class="messages__avatar-notification messages__avatar-notification--offline">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div
                                                                                                    class="messages__content messages__content--unseen">
                                                                                                    <div
                                                                                                        class="messages__title">
                                                                                                        <span
                                                                                                            class="messages__author text-capitalize">
                                                                                                            metal
                                                                                                            slug
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__time text-capitalize">
                                                                                                            8:08
                                                                                                            PM
                                                                                                        </span>
                                                                                                    </div>
                                                                                                    <div
                                                                                                        class="messages__content-body">
                                                                                                        <span
                                                                                                            class="messages__preview">
                                                                                                            Hi,
                                                                                                            I'm
                                                                                                            a
                                                                                                            gamer,
                                                                                                            are
                                                                                                            u
                                                                                                        </span>
                                                                                                        <span
                                                                                                            class="messages__status messages__status--seen"></span>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <div class="messages__footer text-center">
                                                                                <a href="#"
                                                                                    class="t-link messages__view-all text-capitalize t-text-light">
                                                                                    view all
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li
                                                                class="primary-nav-list__item border-bottom-0 d-none d-lg-block">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <div class="rtl-flag">
                                                                            <img src="assets/img/flag-1.png" alt="max"
                                                                                class="img-fluid w-100" />
                                                                        </div>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="t-list mx-author-menu">
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="assets/img/flag-2.png"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    french
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="assets/img/flag-3.png"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    USA
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <div
                                                                                        class="rtl-flag d-inline-block t-mr-8">
                                                                                        <img src="assets/img/flag-4.png"
                                                                                            alt="max"
                                                                                            class="img-fluid w-100" />
                                                                                    </div>
                                                                                    UK
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li class="primary-nav-list__item border-bottom-0">
                                                                <div class="dropdown">
                                                                    <a href="#" aria-expanded="false"
                                                                        data-toggle="dropdown"
                                                                        class="t-link w-100 primary-nav-list__link primary-nav-list__link-has-menu text-capitalize">
                                                                        <div class="d-flex align-items-center">
                                                                            <span class="mx-user mx-user--sm">
                                                                                <img src="assets/img/user.jpg" alt="max"
                                                                                    class="img-fluid w-100" />
                                                                            </span>
                                                                            <span
                                                                                class="d-none d-lg-inline-block t-ml-8">
                                                                                admin
                                                                                <span
                                                                                    class="t-ml-5 d-inline-block xsm-text"
                                                                                    data-feather="chevron-down"></span>
                                                                            </span>
                                                                        </div>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="t-list mx-author-menu">
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize sm-text">
                                                                                    <span
                                                                                        class="text-capitalize fw-bold d-block t-pt-5">
                                                                                        harun agrosz
                                                                                    </span>
                                                                                    <span
                                                                                        class="text-capitalize xsm-text d-block mt-1">
                                                                                        admin
                                                                                    </span>
                                                                                </a>
                                                                                <hr class="mx-hr bg-light m-0">
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-user-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            profile
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i class='bx bx-wallet'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            my wallet
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i class='bx bx-cog'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            settings
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-help-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            help
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                            <li class="mx-author-menu__list">
                                                                                <a href="#"
                                                                                    class="mx-author-menu__link text-capitalize">
                                                                                    <div
                                                                                        class="d-flex align-items-center">
                                                                                        <span
                                                                                            class="xxlg-text t-mr-8 d-inline-block t-line-1">
                                                                                            <i
                                                                                                class='bx bx-log-out-circle'></i>
                                                                                        </span>
                                                                                        <span
                                                                                            class="d-inline-block t-line-1 sm-text">
                                                                                            logout
                                                                                        </span>
                                                                                    </div>
                                                                                </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination t-bg-16">
                                        <div class="container-fluid px-0">
                                            <div class="row g-0">
                                                <div class="col-12">
                                                    <ul class="pagination-bar t-list">
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                timeline
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                home
                                                            </a>
                                                        </li>
                                                        <li class="pagination-bar__list">
                                                            <a href="#"
                                                                class="t-link pagination-bar__link text-capitalize">
                                                                timeline
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </header>

                                <div class="mx-body__content" data-simplebar>

                                    <main class="main-content t-mt-15 t-mb-15">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-lg-6 col-xl-4">
                                                    <div class="cards t-bg-white t-shadow h-100">
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-30 px-3 px-md-4 border-bottom">
                                                            <h6 class="mt-0 mb-0 text-capitalize">
                                                                timeline 1
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <div class="mx-timeline mx-timeline-1">
                                                                <div class="mx-timeline__container">
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                05.89
                                                                            </span>
                                                                        </div>
                                                                        <div
                                                                            class="mx-timeline__ring mx-timeline__ring--success">
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <p class="sm-text mb-0">
                                                                                Lorem ipsum dolor dolore Lorem ipsum
                                                                                dolor dolore Lorem ipsum
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                12.45
                                                                            </span>
                                                                        </div>
                                                                        <div
                                                                            class="mx-timeline__ring mx-timeline__ring--primary">
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="fw-bold mb-0 sm-text">
                                                                                    Metting with people
                                                                                </p>
                                                                                <ul class="t-list d-flex flex-wrap">
                                                                                    <li class="t-list__item">
                                                                                        <div
                                                                                            class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/avatar.png"
                                                                                                alt="max"
                                                                                                class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div
                                                                                            class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-1.jpg"
                                                                                                alt="max"
                                                                                                class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div
                                                                                            class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-10.jpg"
                                                                                                alt="max"
                                                                                                class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div
                                                                                            class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-11.jpg"
                                                                                                alt="max"
                                                                                                class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div
                                                                                            class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-12.jpg"
                                                                                                alt="max"
                                                                                                class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                10.00
                                                                            </span>
                                                                        </div>
                                                                        <div
                                                                            class="mx-timeline__ring mx-timeline__ring--danger">
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Make <span class="fw-bold">New
                                                                                        Product</span> Sells
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                04.50
                                                                            </span>
                                                                        </div>
                                                                        <div
                                                                            class="mx-timeline__ring mx-timeline__ring--secondary">
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Lorem ipsum dolor sit amet,
                                                                                    consectetur adipiscing elit, sed do
                                                                                    eiusmod tempor incididunt ut labore
                                                                                    magna.
                                                                                    ipsum dolor sit amet.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                03.50
                                                                            </span>
                                                                        </div>
                                                                        <div
                                                                            class="mx-timeline__ring mx-timeline__ring--warning">
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Placed a new order in <span
                                                                                        class="fw-bold">Signature
                                                                                        Mobile</span> marketplace.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                12.00
                                                                            </span>
                                                                        </div>
                                                                        <div
                                                                            class="mx-timeline__ring mx-timeline__ring--gamma">
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Placed <span
                                                                                        class="fw-bold text-capitalize">max
                                                                                        one</span> marketplace.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xl-4">
                                                    <div class="cards t-bg-white t-shadow h-100">
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-30 px-3 px-md-4 border-bottom">
                                                            <h6 class="mt-0 mb-0 text-capitalize">
                                                                timeline 2
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <div class="mx-timeline mx-timeline-1">
                                                                <div class="mx-timeline__container">
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                05.89
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__ring mx-timeline__ring--success"></div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="mx-msg">
                                                                                <p class="sm-text mb-0">
                                                                                    Lorem ipsum dolor dolore Lorem ipsum dolor dolore Lorem ipsum
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                12.45
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__ring mx-timeline__ring--primary"></div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="fw-bold mb-0 sm-text">
                                                                                    Metting with people
                                                                                </p>
                                                                                <ul class="t-list d-flex flex-wrap">
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/avatar.png" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-1.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-10.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-11.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-12.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                10.00
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__ring mx-timeline__ring--danger"></div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <div class="mx-msg">
                                                                                    <p class="mb-0 text-capitalize sm-text">
                                                                                        Make <span class="fw-bold">New Product</span> Sells
                                                                                    </p>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                04.50
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__ring mx-timeline__ring--secondary"></div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <div class="mx-msg">
                                                                                    <p class="mb-0 text-capitalize sm-text">
                                                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                                                                                        eiusmod tempor incididunt ut labore magna.
                                                                                        ipsum dolor sit amet.
                                                                                    </p>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                03.50
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__ring mx-timeline__ring--warning"></div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Placed a new order in <span class="fw-bold">Signature Mobile</span> marketplace.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start">
                                                                        <div class="sm-text fw-bold">
                                                                            <span class="mx-timeline__text t-line-1">
                                                                                12.00
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__ring mx-timeline__ring--gamma"></div>
                                                                        <div class="mx-timeline__content">
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Placed <span class="fw-bold text-capitalize">max one</span> marketplace.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xl-4">
                                                    <div class="cards t-bg-white t-shadow h-100">
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-30 px-3 px-md-4 border-bottom">
                                                            <h6 class="mt-0 mb-0 text-capitalize">
                                                                timeline 3
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <div class="mx-timeline mx-timeline-5">
                                                                <div class="mx-timeline__container">
                                                                    <div class="mx-timeline__msg mx-timeline__msg-receive">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--success"></div>

                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-receive ">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--danger"></div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-receive">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--warning"></div>

                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-receive ">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xl-4">
                                                    <div class="cards t-bg-white t-shadow h-100">
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-30 px-3 px-md-4 border-bottom">
                                                            <h6 class="mt-0 mb-0 text-capitalize">
                                                                timeline 4
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <div class="mx-timeline mx-timeline-6">
                                                                <div class="mx-timeline__container">
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent t-mb-50">
                                                                        <div class="mx-timeline__img">
                                                                            <div class="avatars avatars--circle avatars--sm-plus">
                                                                                <img src="assets/img/avatar.png" alt="max" class="img-fulid w-100">
                                                                            </div>
                                                                        </div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent t-mb-50">
                                                                        <div class="mx-timeline__img">
                                                                            <div class="avatars avatars--circle avatars--sm-plus">
                                                                                <img src="assets/img/user-1.jpg" alt="max" class="img-fulid w-100">
                                                                            </div>
                                                                        </div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent t-mb-50">
                                                                        <div class="mx-timeline__img">
                                                                            <div class="avatars avatars--circle avatars--sm-plus">
                                                                                <img src="assets/img/user.jpg" alt="max" class="img-fulid w-100">
                                                                            </div>
                                                                        </div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent">
                                                                        <div class="mx-timeline__img">
                                                                            <div class="avatars avatars--circle avatars--sm-plus">
                                                                                <img src="assets/img/overlay-11.jpg" alt="max" class="img-fulid w-100">
                                                                            </div>
                                                                        </div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xl-4">
                                                    <div class="cards t-bg-white t-shadow h-100">
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-30 px-3 px-md-4 border-bottom">
                                                            <h6 class="mt-0 mb-0 text-capitalize">
                                                                timeline 5
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <div class="mx-timeline mx-timeline-4">
                                                                <div class="mx-timeline__container">
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="mx-box mx-box--round mx-box--sm bg-primary text-white rounded-circle border border-primary">
                                                                            <span class="d-inline-block text-uppercase">
                                                                                <i class="fa fa-puzzle-piece" aria-hidden="true"></i>
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <span class="d-block text-primary text-uppercase fw-bold sm-text t-mb-5">
                                                                                10.00 am
                                                                            </span>
                                                                            <p class="sm-text mb-0">
                                                                                Lorem ipsum dolor dolore Lorem ipsum dolor dolore Lorem ipsum dolor dolore
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="mx-box mx-box--round mx-box--sm bg-secondary text-white rounded-circle border border-secondary">
                                                                            <span class="d-inline-block text-uppercase">
                                                                                <i class="fa fa-taxi" aria-hidden="true"></i>
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <span class="d-block text-secondary text-uppercase fw-bold sm-text t-mb-5">
                                                                                11.45 am
                                                                            </span>
                                                                            <div class="d-grid gap-2 d-md-flex align-items-md-center">

                                                                                <p class="fw-bold mb-0 sm-text">
                                                                                    Metting with people
                                                                                </p>
                                                                                <ul class="t-list d-flex flex-wrap">
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/avatar.png" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-1.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-10.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-11.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                    <li class="t-list__item">
                                                                                        <div class="avatars avatars--rounded avatars--sm">
                                                                                            <img src="assets/img/overlay-12.jpg" alt="max" class="img-fulid w-100">
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="mx-box mx-box--round mx-box--sm bg-success text-white rounded-circle border border-success">
                                                                            <span class="d-inline-block text-uppercase">
                                                                                <i class="fa fa-cubes" aria-hidden="true"></i>
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <span class="d-block text-success text-uppercase fw-bold sm-text t-mb-5">
                                                                                12.45 pm
                                                                            </span>
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Make <span class="fw-bold">New Product</span> Sells
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-start t-pb-30">
                                                                        <div class="mx-box mx-box--round mx-box--sm bg-danger text-white rounded-circle border border-danger">
                                                                            <span class="d-inline-block text-uppercase">
                                                                                <i class="fa fa-paper-plane" aria-hidden="true"></i>
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <span class="d-block text-danger text-uppercase fw-bold sm-text t-mb-5">
                                                                                02.30 pm
                                                                            </span>
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                    eiusmod tempor incididunt ut labore magna.
                    ipsum dolor sit amet.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="d-flex align-items-end">
                                                                        <div class="mx-box mx-box--round mx-box--sm bg-warning text-white rounded-circle border border-warning">
                                                                            <span class="d-inline-block text-uppercase">
                                                                                <i class="fa fa-snowflake-o" aria-hidden="true"></i>
                                                                            </span>
                                                                        </div>
                                                                        <div class="mx-timeline__content">
                                                                            <span class="d-block text-warning text-uppercase fw-bold sm-text t-mb-5">
                                                                                11.45 pm
                                                                            </span>
                                                                            <div class="d-grid gap-2 d-md-flex">
                                                                                <p class="mb-0 text-capitalize sm-text">
                                                                                    Placed a new order in <span class="fw-bold">Signature Mobile</span> marketplace.
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xl-4">
                                                    <div class="cards t-bg-white t-shadow h-100">
                                                        <div
                                                            class="cards__header t-pt-30 t-pb-30 px-3 px-md-4 border-bottom">
                                                            <h6 class="mt-0 mb-0 text-capitalize">
                                                                timeline 6
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <div class="mx-timeline mx-timeline-6">
                                                                <div class="mx-timeline__container">
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent t-mb-50">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--danger"></div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent t-mb-50">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--gamma"></div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent t-mb-50">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--success"></div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                    <div class="mx-timeline__msg mx-timeline__msg-sent">
                                                                        <div class="mx-timeline__ring mx-timeline__ring--warning"></div>
                                                                        <div class="mx-timeline__msg-is mx-timeline__msg-is-sent">
                                                                            <div class="mx-timeline__msg-time text-uppercase sm-text text-secondary font-weight-md">11.25 am</div>
                                                                            <p class="mb-0 sm-text t-heading-font p-4 t-bg-color-5">
                                                                                Lorem ipsum dolor sit amit,consectetur eiusmdd tempors labore et dolore. Lorem ipsum dolor sit amit.
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </main>

                                    <footer class="t-mb-30">
                                        <div class="container-fluid px-3">
                                            <div class="row g-3">
                                                <div class="col-12">
                                                    <div
                                                        class="t-pt-15 t-pb-15 cards t-bg-white t-shadow text-center sm-text">
                                                        <span class="t-text-dark">&copy;</span> <a href="#"
                                                            class="t-link t-link--alpha text-capitalize">Adminage</a>
                                                        <span class="t-text-dark text-capitalize">all right reserved
                                                            2020</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </footer>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Wrapper End -->

    <!-- jquery -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>

    <!-- Date and Time  -->
    <script src="assets/js/moment.js"></script>
    <script src="assets/js/bootstrap-material-datetimepicker.js"></script>

    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- Slick Slider  -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Owl carousel -->
    <script src="assets/js/owl.carousel.min.js"></script>
    <!-- simplebar -->
    <script src="assets/js/simplebar.js"></script>
    <!-- Prism JS  -->
    <script src="assets/js/prism.js"></script>
    <!-- Feather Icon  -->
    <script src="assets/js/feather.js"></script>
    <!-- Nice Select  -->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!-- Dropzone  -->
    <script src="assets/js/dropzone.js"></script>
    <!-- ION Range Slider  -->
    <script src="assets/js/ion.rangeSlider.js"></script>
    <!-- Touchspin  -->
    <script src="assets/js/jquery.bootstrap-touchspin.min.js"></script>
    <!-- Rating Bar -->
    <script src="assets/js/jquery.barrating.min.js"></script>
    <!-- Calendar  -->
    <script src="assets/js/fullcalendar.min.js"></script>
    <!-- Main script -->
    <script src="assets/js/main.js"></script>
</body>

</html>