shenhaiqing
/
chat2023_com


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792
							<!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 active-page">
                                    <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 ">
                                        <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 active-page">
                                                <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">
                                    <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 mx-sidenav__sub--hide">
                                        <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 ">
                                                <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">
                                                                form
                                                            </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">
                                                                form
                                                            </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-xxl-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">
                                                                Custom styles
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <form class="row g-3 needs-validation" novalidate>
                                                                <div class="col-md-6">
                                                                    <label for="validationCustom01"
                                                                        class="form-label text-capitalize sm-text">First
                                                                        name</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationCustom01" value="Mark" required>
                                                                    <div class="valid-feedback">
                                                                        Looks good!
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label for="validationCustom02"
                                                                        class="form-label text-capitalize sm-text">Last
                                                                        name</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationCustom02" value="Otto" required>
                                                                    <div class="valid-feedback">
                                                                        Looks good!
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label for="validationCustomUsername"
                                                                        class="form-label text-capitalize sm-text">Username</label>
                                                                    <div class="input-group has-validation">
                                                                        <span class="input-group-text sm-text"
                                                                            id="inputGroupPrepend">@</span>
                                                                        <input type="text" class="form-control sm-text"
                                                                            id="validationCustomUsername"
                                                                            aria-describedby="inputGroupPrepend"
                                                                            required>
                                                                        <div class="invalid-feedback">
                                                                            Please choose a username.
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label for="validationCustom03"
                                                                        class="form-label text-capitalize sm-text">City</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationCustom03" required>
                                                                    <div class="invalid-feedback">
                                                                        Please provide a valid city.
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="validationCustom04"
                                                                        class="form-label text-capitalize sm-text">State</label>
                                                                    <select class="form-select sm-text"
                                                                        id="validationCustom04" required>
                                                                        <option selected disabled value="">Choose...
                                                                        </option>
                                                                        <option>...</option>
                                                                    </select>
                                                                    <div class="invalid-feedback">
                                                                        Please select a valid state.
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="validationCustom05"
                                                                        class="form-label text-capitalize sm-text">Zip</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationCustom05" required>
                                                                    <div class="invalid-feedback">
                                                                        Please provide a valid zip.
                                                                    </div>
                                                                </div>
                                                                <div class="col-12">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" type="checkbox"
                                                                            value="" id="invalidCheck" required>
                                                                        <label
                                                                            class="form-check-label text-capitalize sm-text"
                                                                            for="invalidCheck">
                                                                            Agree to terms and conditions
                                                                        </label>
                                                                        <div class="invalid-feedback">
                                                                            You must agree before submitting.
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-12">
                                                                    <button type="submit"
                                                                        class="btn btn-primary sm-text text-uppercase btn-min-width">submit
                                                                        form</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xxl-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">
                                                                Browser defaults
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <form class="row g-3">
                                                                <div class="col-md-6">
                                                                    <label for="validationDefault01"
                                                                        class="form-label sm-text text-capitalize">First
                                                                        name</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationDefault01" required>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="validationDefault02"
                                                                        class="form-label sm-text text-capitalize">Last
                                                                        name</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationDefault02" required>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="validationDefaultUsername"
                                                                        class="form-label sm-text text-capitalize">Username</label>
                                                                    <div class="input-group">
                                                                        <span class="input-group-text sm-text"
                                                                            id="inputGroupPrepend2">@</span>
                                                                        <input type="text" class="form-control sm-text"
                                                                            id="validationDefaultUsername"
                                                                            aria-describedby="inputGroupPrepend2"
                                                                            required>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label for="validationDefault03"
                                                                        class="form-label sm-text text-capitalize">City</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationDefault03" required>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <label for="validationDefault04"
                                                                        class="form-label sm-text text-capitalize">State</label>
                                                                    <select class="form-select sm-text"
                                                                        id="validationDefault04" required>
                                                                        <option selected disabled value="">Choose...
                                                                        </option>
                                                                        <option>...</option>
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <label for="validationDefault05"
                                                                        class="form-label sm-text text-capitalize">Zip</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationDefault05" required>
                                                                </div>
                                                                <div class="col-12">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input" type="checkbox"
                                                                            value="" id="invalidCheck2" required>
                                                                        <label
                                                                            class="form-check-label sm-text text-capitalize"
                                                                            for="invalidCheck2">
                                                                            Agree to terms and conditions
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-12">
                                                                    <button type="submit"
                                                                        class="btn btn-primary sm-text text-uppercase btn-min-width">submit
                                                                        form</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6 col-xxl-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">
                                                                Supported elements
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <form class="was-validated">
                                                                <div class="mb-3">
                                                                    <label for="validationTextarea"
                                                                        class="form-label sm-text text-capitalize">Textarea</label>
                                                                    <textarea
                                                                        class="form-control is-invalid sm-text text-capitalize"
                                                                        id="validationTextarea"
                                                                        placeholder="Required example textarea"
                                                                        required></textarea>
                                                                    <div class="invalid-feedback sm-text">
                                                                        Please enter a message in the textarea.
                                                                    </div>
                                                                </div>

                                                                <div class="form-check mb-3">
                                                                    <input type="checkbox" class="form-check-input"
                                                                        id="validationFormCheck1" required>
                                                                    <label
                                                                        class="form-check-label sm-text text-capitalize"
                                                                        for="validationFormCheck1">Check this
                                                                        checkbox</label>
                                                                </div>

                                                                <div class="mb-3">
                                                                    <select class="form-select sm-text text-capitalize"
                                                                        required aria-label="select example">
                                                                        <option value="">Open this select menu</option>
                                                                        <option value="1">One</option>
                                                                        <option value="2">Two</option>
                                                                        <option value="3">Three</option>
                                                                    </select>
                                                                    <div class="invalid-feedback">Example invalid select
                                                                        feedback</div>
                                                                </div>

                                                                <div class="mb-3">
                                                                    <input type="file"
                                                                        class="form-control sm-text text-capitalize"
                                                                        aria-label="file example" required>
                                                                    <div class="invalid-feedback">Example invalid form
                                                                        file feedback</div>
                                                                </div>

                                                                <div class="mb-3">
                                                                    <button type="submit"
                                                                        class="btn btn-primary sm-text text-uppercase btn-min-width">submit
                                                                        form</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <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">
                                                                Server side
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <form class="row g-3">
                                                                <div class="col-md-4">
                                                                    <label for="validationServer01"
                                                                        class="form-label sm-text">First name</label>
                                                                    <input type="text" class="form-control is-valid sm-text"
                                                                        id="validationServer01" value="Mark" required>
                                                                    <div class="valid-feedback">
                                                                        Looks good!
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="validationServer02"
                                                                        class="form-label sm-text">Last name</label>
                                                                    <input type="text" class="form-control is-valid sm-text"
                                                                        id="validationServer02" value="Otto" required>
                                                                    <div class="valid-feedback">
                                                                        Looks good!
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <label for="validationServerUsername"
                                                                        class="form-label sm-text">Username</label>
                                                                    <div class="input-group has-validation sm-text">
                                                                        <span class="input-group-text sm-text"
                                                                            id="inputGroupPrepend3">@</span>
                                                                        <input type="text"
                                                                            class="form-control is-invalid sm-text"
                                                                            id="validationServerUsername"
                                                                            aria-describedby="inputGroupPrepend3 validationServerUsernameFeedback"
                                                                            required>
                                                                        <div id="validationServerUsernameFeedback"
                                                                            class="invalid-feedback sm-text">
                                                                            Please choose a username.
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <label for="validationServer03"
                                                                        class="form-label sm-text">City</label>
                                                                    <input type="text" class="form-control is-invalid sm-text"
                                                                        id="validationServer03"
                                                                        aria-describedby="validationServer03Feedback"
                                                                        required>
                                                                    <div id="validationServer03Feedback"
                                                                        class="invalid-feedback">
                                                                        Please provide a valid city.
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <label for="validationServer04"
                                                                        class="form-label sm-text">State</label>
                                                                    <select class="form-select is-invalid sm-text"
                                                                        id="validationServer04"
                                                                        aria-describedby="validationServer04Feedback"
                                                                        required>
                                                                        <option selected disabled value="">Choose...
                                                                        </option>
                                                                        <option>...</option>
                                                                    </select>
                                                                    <div id="validationServer04Feedback"
                                                                        class="invalid-feedback">
                                                                        Please select a valid state.
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <label for="validationServer05"
                                                                        class="form-label sm-text">Zip</label>
                                                                    <input type="text" class="form-control is-invalid sm-text"
                                                                        id="validationServer05"
                                                                        aria-describedby="validationServer05Feedback"
                                                                        required>
                                                                    <div id="validationServer05Feedback"
                                                                        class="invalid-feedback">
                                                                        Please provide a valid zip.
                                                                    </div>
                                                                </div>
                                                                <div class="col-12">
                                                                    <div class="form-check">
                                                                        <input class="form-check-input is-invalid"
                                                                            type="checkbox" value="" id="invalidCheck3"
                                                                            aria-describedby="invalidCheck3Feedback"
                                                                            required>
                                                                        <label class="form-check-label sm-text"
                                                                            for="invalidCheck3">
                                                                            Agree to terms and conditions
                                                                        </label>
                                                                        <div id="invalidCheck3Feedback"
                                                                            class="invalid-feedback">
                                                                            You must agree before submitting.
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-12">
                                                                    <button type="submit"
                                                                        class="btn btn-primary sm-text text-uppercase btn-min-width">submit
                                                                        form</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <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">
                                                                Tooltips
                                                            </h6>
                                                        </div>
                                                        <div class="cards__body t-pt-30 px-3 px-md-4 t-pb-30">
                                                            <form class="row g-3 needs-validation" novalidate>
                                                                <div class="col-md-6 position-relative">
                                                                    <label for="validationTooltip01"
                                                                        class="form-label sm-text">First name</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationTooltip01" value="Mark" required>
                                                                    <div class="valid-tooltip">
                                                                        Looks good!
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 position-relative">
                                                                    <label for="validationTooltip02"
                                                                        class="form-label sm-text">Last name</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationTooltip02" value="Otto" required>
                                                                    <div class="valid-tooltip">
                                                                        Looks good!
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 position-relative">
                                                                    <label for="validationTooltipUsername"
                                                                        class="form-label sm-text">Username</label>
                                                                    <div class="input-group has-validation">
                                                                        <span class="input-group-text sm-text"
                                                                            id="validationTooltipUsernamePrepend">@</span>
                                                                        <input type="text" class="form-control sm-text"
                                                                            id="validationTooltipUsername"
                                                                            aria-describedby="validationTooltipUsernamePrepend"
                                                                            required>
                                                                        <div class="invalid-tooltip">
                                                                            Please choose a unique and valid username.
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 position-relative">
                                                                    <label for="validationTooltip03"
                                                                        class="form-label sm-text">City</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationTooltip03" required>
                                                                    <div class="invalid-tooltip">
                                                                        Please provide a valid city.
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 position-relative">
                                                                    <label for="validationTooltip04"
                                                                        class="form-label sm-text">State</label>
                                                                    <select class="form-select sm-text" id="validationTooltip04"
                                                                        required>
                                                                        <option selected disabled value="">Choose...
                                                                        </option>
                                                                        <option>...</option>
                                                                    </select>
                                                                    <div class="invalid-tooltip">
                                                                        Please select a valid state.
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-6 position-relative">
                                                                    <label for="validationTooltip05"
                                                                        class="form-label sm-text">Zip</label>
                                                                    <input type="text" class="form-control sm-text"
                                                                        id="validationTooltip05" required>
                                                                    <div class="invalid-tooltip">
                                                                        Please provide a valid zip.
                                                                    </div>
                                                                </div>
                                                                <div class="col-12">
                                                                    <button type="submit"
                                                                        class="btn btn-primary sm-text text-uppercase btn-min-width">submit
                                                                        form</button>
                                                                </div>
                                                            </form>
                                                        </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>