choozmo
/
ark_backstage


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

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Icons / Bootstrap - NiceAdmin Bootstrap Template</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.gstatic.com" rel="preconnect">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/quill/quill.snow.css" rel="stylesheet">
  <link href="assets/vendor/quill/quill.bubble.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/simple-datatables/style.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: NiceAdmin - v2.2.0
  * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="header fixed-top d-flex align-items-center">

    <div class="d-flex align-items-center justify-content-between">
      <a href="index.html" class="logo d-flex align-items-center">
        <img src="assets/img/logo.png" alt="">
        <span class="d-none d-lg-block">NiceAdmin</span>
      </a>
      <i class="bi bi-list toggle-sidebar-btn"></i>
    </div><!-- End Logo -->

    <div class="search-bar">
      <form class="search-form d-flex align-items-center" method="POST" action="#">
        <input type="text" name="query" placeholder="Search" title="Enter search keyword">
        <button type="submit" title="Search"><i class="bi bi-search"></i></button>
      </form>
    </div><!-- End Search Bar -->

    <nav class="header-nav ms-auto">
      <ul class="d-flex align-items-center">

        <li class="nav-item d-block d-lg-none">
          <a class="nav-link nav-icon search-bar-toggle " href="#">
            <i class="bi bi-search"></i>
          </a>
        </li><!-- End Search Icon-->

        <li class="nav-item dropdown">

          <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
            <i class="bi bi-bell"></i>
            <span class="badge bg-primary badge-number">4</span>
          </a><!-- End Notification Icon -->

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
            <li class="dropdown-header">
              You have 4 new notifications
              <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-exclamation-circle text-warning"></i>
              <div>
                <h4>Lorem Ipsum</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>30 min. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-x-circle text-danger"></i>
              <div>
                <h4>Atque rerum nesciunt</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>1 hr. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-check-circle text-success"></i>
              <div>
                <h4>Sit rerum fuga</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>2 hrs. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="notification-item">
              <i class="bi bi-info-circle text-primary"></i>
              <div>
                <h4>Dicta reprehenderit</h4>
                <p>Quae dolorem earum veritatis oditseno</p>
                <p>4 hrs. ago</p>
              </div>
            </li>

            <li>
              <hr class="dropdown-divider">
            </li>
            <li class="dropdown-footer">
              <a href="#">Show all notifications</a>
            </li>

          </ul><!-- End Notification Dropdown Items -->

        </li><!-- End Notification Nav -->

        <li class="nav-item dropdown">

          <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
            <i class="bi bi-chat-left-text"></i>
            <span class="badge bg-success badge-number">3</span>
          </a><!-- End Messages Icon -->

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow messages">
            <li class="dropdown-header">
              You have 3 new messages
              <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2">View all</span></a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="message-item">
              <a href="#">
                <img src="assets/img/messages-1.jpg" alt="" class="rounded-circle">
                <div>
                  <h4>Maria Hudson</h4>
                  <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
                  <p>4 hrs. ago</p>
                </div>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="message-item">
              <a href="#">
                <img src="assets/img/messages-2.jpg" alt="" class="rounded-circle">
                <div>
                  <h4>Anna Nelson</h4>
                  <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
                  <p>6 hrs. ago</p>
                </div>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="message-item">
              <a href="#">
                <img src="assets/img/messages-3.jpg" alt="" class="rounded-circle">
                <div>
                  <h4>David Muldon</h4>
                  <p>Velit asperiores et ducimus soluta repudiandae labore officia est ut...</p>
                  <p>8 hrs. ago</p>
                </div>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li class="dropdown-footer">
              <a href="#">Show all messages</a>
            </li>

          </ul><!-- End Messages Dropdown Items -->

        </li><!-- End Messages Nav -->

        <li class="nav-item dropdown pe-3">

          <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
            <img src="assets/img/profile-img.jpg" alt="Profile" class="rounded-circle">
            <span class="d-none d-md-block dropdown-toggle ps-2">K. Anderson</span>
          </a><!-- End Profile Iamge Icon -->

          <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
            <li class="dropdown-header">
              <h6>Kevin Anderson</h6>
              <span>Web Designer</span>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
                <i class="bi bi-person"></i>
                <span>My Profile</span>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
                <i class="bi bi-gear"></i>
                <span>Account Settings</span>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="pages-faq.html">
                <i class="bi bi-question-circle"></i>
                <span>Need Help?</span>
              </a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>

            <li>
              <a class="dropdown-item d-flex align-items-center" href="#">
                <i class="bi bi-box-arrow-right"></i>
                <span>Sign Out</span>
              </a>
            </li>

          </ul><!-- End Profile Dropdown Items -->
        </li><!-- End Profile Nav -->

      </ul>
    </nav><!-- End Icons Navigation -->

  </header><!-- End Header -->

  <!-- ======= Sidebar ======= -->
  <aside id="sidebar" class="sidebar">

    <ul class="sidebar-nav" id="sidebar-nav">

      <li class="nav-item">
        <a class="nav-link collapsed" href="index.html">
          <i class="bi bi-grid"></i>
          <span>Dashboard</span>
        </a>
      </li><!-- End Dashboard Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#components-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-menu-button-wide"></i><span>Components</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="components-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="components-alerts.html">
              <i class="bi bi-circle"></i><span>Alerts</span>
            </a>
          </li>
          <li>
            <a href="components-accordion.html">
              <i class="bi bi-circle"></i><span>Accordion</span>
            </a>
          </li>
          <li>
            <a href="components-badges.html">
              <i class="bi bi-circle"></i><span>Badges</span>
            </a>
          </li>
          <li>
            <a href="components-breadcrumbs.html">
              <i class="bi bi-circle"></i><span>Breadcrumbs</span>
            </a>
          </li>
          <li>
            <a href="components-buttons.html">
              <i class="bi bi-circle"></i><span>Buttons</span>
            </a>
          </li>
          <li>
            <a href="components-cards.html">
              <i class="bi bi-circle"></i><span>Cards</span>
            </a>
          </li>
          <li>
            <a href="components-carousel.html">
              <i class="bi bi-circle"></i><span>Carousel</span>
            </a>
          </li>
          <li>
            <a href="components-list-group.html">
              <i class="bi bi-circle"></i><span>List group</span>
            </a>
          </li>
          <li>
            <a href="components-modal.html">
              <i class="bi bi-circle"></i><span>Modal</span>
            </a>
          </li>
          <li>
            <a href="components-tabs.html">
              <i class="bi bi-circle"></i><span>Tabs</span>
            </a>
          </li>
          <li>
            <a href="components-pagination.html">
              <i class="bi bi-circle"></i><span>Pagination</span>
            </a>
          </li>
          <li>
            <a href="components-progress.html">
              <i class="bi bi-circle"></i><span>Progress</span>
            </a>
          </li>
          <li>
            <a href="components-spinners.html">
              <i class="bi bi-circle"></i><span>Spinners</span>
            </a>
          </li>
          <li>
            <a href="components-tooltips.html">
              <i class="bi bi-circle"></i><span>Tooltips</span>
            </a>
          </li>
        </ul>
      </li><!-- End Components Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#forms-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-journal-text"></i><span>Forms</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="forms-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="nft_add.html">
              <i class="bi bi-circle"></i><span>Form Elements</span>
            </a>
          </li>
          <li>
            <a href="forms-layouts.html">
              <i class="bi bi-circle"></i><span>Form Layouts</span>
            </a>
          </li>
          <li>
            <a href="forms-editors.html">
              <i class="bi bi-circle"></i><span>Form Editors</span>
            </a>
          </li>
          <li>
            <a href="forms-validation.html">
              <i class="bi bi-circle"></i><span>Form Validation</span>
            </a>
          </li>
        </ul>
      </li><!-- End Forms Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#tables-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-layout-text-window-reverse"></i><span>Tables</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="tables-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="tables-general.html">
              <i class="bi bi-circle"></i><span>General Tables</span>
            </a>
          </li>
          <li>
            <a href="user.html">
              <i class="bi bi-circle"></i><span>Data Tables</span>
            </a>
          </li>
        </ul>
      </li><!-- End Tables Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#charts-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-bar-chart"></i><span>Charts</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="charts-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="charts-chartjs.html">
              <i class="bi bi-circle"></i><span>Chart.js</span>
            </a>
          </li>
          <li>
            <a href="charts-apexcharts.html">
              <i class="bi bi-circle"></i><span>ApexCharts</span>
            </a>
          </li>
          <li>
            <a href="charts-echarts.html">
              <i class="bi bi-circle"></i><span>ECharts</span>
            </a>
          </li>
        </ul>
      </li><!-- End Charts Nav -->

      <li class="nav-item">
        <a class="nav-link " data-bs-target="#icons-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-gem"></i><span>Icons</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="icons-nav" class="nav-content collapse show" data-bs-parent="#sidebar-nav">
          <li>
            <a href="icons-bootstrap.html" class="active">
              <i class="bi bi-circle"></i><span>Bootstrap Icons</span>
            </a>
          </li>
          <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Remix Icons</span>
            </a>
          </li>
          <li>
            <a href="icons-boxicons.html">
              <i class="bi bi-circle"></i><span>Boxicons</span>
            </a>
          </li>
        </ul>
      </li><!-- End Icons Nav -->

      <li class="nav-heading">Pages</li>

      <li class="nav-item">
        <a class="nav-link collapsed" href="users-profile.html">
          <i class="bi bi-person"></i>
          <span>Profile</span>
        </a>
      </li><!-- End Profile Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-faq.html">
          <i class="bi bi-question-circle"></i>
          <span>F.A.Q</span>
        </a>
      </li><!-- End F.A.Q Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-contact.html">
          <i class="bi bi-envelope"></i>
          <span>Contact</span>
        </a>
      </li><!-- End Contact Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-register.html">
          <i class="bi bi-card-list"></i>
          <span>Register</span>
        </a>
      </li><!-- End Register Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="login.html">
          <i class="bi bi-box-arrow-in-right"></i>
          <span>Login</span>
        </a>
      </li><!-- End Login Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-error-404.html">
          <i class="bi bi-dash-circle"></i>
          <span>Error 404</span>
        </a>
      </li><!-- End Error 404 Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-blank.html">
          <i class="bi bi-file-earmark"></i>
          <span>Blank</span>
        </a>
      </li><!-- End Blank Page Nav -->

    </ul>

  </aside><!-- End Sidebar-->

  <main id="main" class="main">

    <div class="pagetitle">
      <h1>Bootstrap Icons</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item">Icons</li>
          <li class="breadcrumb-item active">Bootstrap</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->

    <section class="section">
      <p>
        Use the following pattern to add the Bootstrap icons to anywhere in your project. <code>&lt;i class=&quot;bi <strong>alarm-fille</strong>&quot;&gt;&lt;/i&gt;</code> Replace the bold part with the below icon names.
        Check the <a href="https://icons.getbootstrap.com/" target="_blank">Official website</a> for more info.
      </p>

      <div class="iconslist">
        <div class="icon">
          <i class="bi bi-alarm-fill"></i>
          <div class="label">alarm-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-alarm"></i>
          <div class="label">alarm</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-bottom"></i>
          <div class="label">align-bottom</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-center"></i>
          <div class="label">align-center</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-end"></i>
          <div class="label">align-end</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-middle"></i>
          <div class="label">align-middle</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-start"></i>
          <div class="label">align-start</div>
        </div>
        <div class="icon">
          <i class="bi bi-align-top"></i>
          <div class="label">align-top</div>
        </div>
        <div class="icon">
          <i class="bi bi-alt"></i>
          <div class="label">alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-app-indicator"></i>
          <div class="label">app-indicator</div>
        </div>
        <div class="icon">
          <i class="bi bi-app"></i>
          <div class="label">app</div>
        </div>
        <div class="icon">
          <i class="bi bi-archive-fill"></i>
          <div class="label">archive-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-archive"></i>
          <div class="label">archive</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-down"></i>
          <div class="label">arrow-90deg-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-left"></i>
          <div class="label">arrow-90deg-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-right"></i>
          <div class="label">arrow-90deg-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-90deg-up"></i>
          <div class="label">arrow-90deg-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-down"></i>
          <div class="label">arrow-bar-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-left"></i>
          <div class="label">arrow-bar-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-right"></i>
          <div class="label">arrow-bar-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-bar-up"></i>
          <div class="label">arrow-bar-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-clockwise"></i>
          <div class="label">arrow-clockwise</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-counterclockwise"></i>
          <div class="label">arrow-counterclockwise</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-circle-fill"></i>
          <div class="label">arrow-down-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-circle"></i>
          <div class="label">arrow-down-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-circle-fill"></i>
          <div class="label">arrow-down-left-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-circle"></i>
          <div class="label">arrow-down-left-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-square-fill"></i>
          <div class="label">arrow-down-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left-square"></i>
          <div class="label">arrow-down-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-left"></i>
          <div class="label">arrow-down-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-circle-fill"></i>
          <div class="label">arrow-down-right-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-circle"></i>
          <div class="label">arrow-down-right-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-square-fill"></i>
          <div class="label">arrow-down-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right-square"></i>
          <div class="label">arrow-down-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-right"></i>
          <div class="label">arrow-down-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-short"></i>
          <div class="label">arrow-down-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-square-fill"></i>
          <div class="label">arrow-down-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-square"></i>
          <div class="label">arrow-down-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down-up"></i>
          <div class="label">arrow-down-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-down"></i>
          <div class="label">arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-circle-fill"></i>
          <div class="label">arrow-left-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-circle"></i>
          <div class="label">arrow-left-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-right"></i>
          <div class="label">arrow-left-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-short"></i>
          <div class="label">arrow-left-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-square-fill"></i>
          <div class="label">arrow-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left-square"></i>
          <div class="label">arrow-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-left"></i>
          <div class="label">arrow-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-repeat"></i>
          <div class="label">arrow-repeat</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-return-left"></i>
          <div class="label">arrow-return-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-return-right"></i>
          <div class="label">arrow-return-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-circle-fill"></i>
          <div class="label">arrow-right-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-circle"></i>
          <div class="label">arrow-right-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-short"></i>
          <div class="label">arrow-right-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-square-fill"></i>
          <div class="label">arrow-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right-square"></i>
          <div class="label">arrow-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-right"></i>
          <div class="label">arrow-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-circle-fill"></i>
          <div class="label">arrow-up-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-circle"></i>
          <div class="label">arrow-up-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-circle-fill"></i>
          <div class="label">arrow-up-left-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-circle"></i>
          <div class="label">arrow-up-left-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-square-fill"></i>
          <div class="label">arrow-up-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left-square"></i>
          <div class="label">arrow-up-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-left"></i>
          <div class="label">arrow-up-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-circle-fill"></i>
          <div class="label">arrow-up-right-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-circle"></i>
          <div class="label">arrow-up-right-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-square-fill"></i>
          <div class="label">arrow-up-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right-square"></i>
          <div class="label">arrow-up-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-right"></i>
          <div class="label">arrow-up-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-short"></i>
          <div class="label">arrow-up-short</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-square-fill"></i>
          <div class="label">arrow-up-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up-square"></i>
          <div class="label">arrow-up-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrow-up"></i>
          <div class="label">arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-angle-contract"></i>
          <div class="label">arrows-angle-contract</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-angle-expand"></i>
          <div class="label">arrows-angle-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-collapse"></i>
          <div class="label">arrows-collapse</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-expand"></i>
          <div class="label">arrows-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-fullscreen"></i>
          <div class="label">arrows-fullscreen</div>
        </div>
        <div class="icon">
          <i class="bi bi-arrows-move"></i>
          <div class="label">arrows-move</div>
        </div>
        <div class="icon">
          <i class="bi bi-aspect-ratio-fill"></i>
          <div class="label">aspect-ratio-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-aspect-ratio"></i>
          <div class="label">aspect-ratio</div>
        </div>
        <div class="icon">
          <i class="bi bi-asterisk"></i>
          <div class="label">asterisk</div>
        </div>
        <div class="icon">
          <i class="bi bi-at"></i>
          <div class="label">at</div>
        </div>
        <div class="icon">
          <i class="bi bi-award-fill"></i>
          <div class="label">award-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-award"></i>
          <div class="label">award</div>
        </div>
        <div class="icon">
          <i class="bi bi-back"></i>
          <div class="label">back</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace-fill"></i>
          <div class="label">backspace-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace-reverse-fill"></i>
          <div class="label">backspace-reverse-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace-reverse"></i>
          <div class="label">backspace-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-backspace"></i>
          <div class="label">backspace</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-3d-fill"></i>
          <div class="label">badge-3d-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-3d"></i>
          <div class="label">badge-3d</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-4k-fill"></i>
          <div class="label">badge-4k-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-4k"></i>
          <div class="label">badge-4k</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-8k-fill"></i>
          <div class="label">badge-8k-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-8k"></i>
          <div class="label">badge-8k</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ad-fill"></i>
          <div class="label">badge-ad-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ad"></i>
          <div class="label">badge-ad</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ar-fill"></i>
          <div class="label">badge-ar-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-ar"></i>
          <div class="label">badge-ar</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-cc-fill"></i>
          <div class="label">badge-cc-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-cc"></i>
          <div class="label">badge-cc</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-hd-fill"></i>
          <div class="label">badge-hd-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-hd"></i>
          <div class="label">badge-hd</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-tm-fill"></i>
          <div class="label">badge-tm-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-tm"></i>
          <div class="label">badge-tm</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vo-fill"></i>
          <div class="label">badge-vo-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vo"></i>
          <div class="label">badge-vo</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vr-fill"></i>
          <div class="label">badge-vr-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-vr"></i>
          <div class="label">badge-vr</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-wc-fill"></i>
          <div class="label">badge-wc-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-badge-wc"></i>
          <div class="label">badge-wc</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-check-fill"></i>
          <div class="label">bag-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-check"></i>
          <div class="label">bag-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-dash-fill"></i>
          <div class="label">bag-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-dash"></i>
          <div class="label">bag-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-fill"></i>
          <div class="label">bag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-plus-fill"></i>
          <div class="label">bag-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-plus"></i>
          <div class="label">bag-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-x-fill"></i>
          <div class="label">bag-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag-x"></i>
          <div class="label">bag-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-bag"></i>
          <div class="label">bag</div>
        </div>
        <div class="icon">
          <i class="bi bi-bank"></i>
          <div class="label">bank</div>
        </div>
        <div class="icon">
          <i class="bi bi-bank2"></i>
          <div class="label">bank2</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-fill"></i>
          <div class="label">bar-chart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-line-fill"></i>
          <div class="label">bar-chart-line-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-line"></i>
          <div class="label">bar-chart-line</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart-steps"></i>
          <div class="label">bar-chart-steps</div>
        </div>
        <div class="icon">
          <i class="bi bi-bar-chart"></i>
          <div class="label">bar-chart</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket-fill"></i>
          <div class="label">basket-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket"></i>
          <div class="label">basket</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket2-fill"></i>
          <div class="label">basket2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket2"></i>
          <div class="label">basket2</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket3-fill"></i>
          <div class="label">basket3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-basket3"></i>
          <div class="label">basket3</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery-charging"></i>
          <div class="label">battery-charging</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery-full"></i>
          <div class="label">battery-full</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery-half"></i>
          <div class="label">battery-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-battery"></i>
          <div class="label">battery</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell-fill"></i>
          <div class="label">bell-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell-slash-fill"></i>
          <div class="label">bell-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell-slash"></i>
          <div class="label">bell-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-bell"></i>
          <div class="label">bell</div>
        </div>
        <div class="icon">
          <i class="bi bi-bezier"></i>
          <div class="label">bezier</div>
        </div>
        <div class="icon">
          <i class="bi bi-bezier2"></i>
          <div class="label">bezier2</div>
        </div>
        <div class="icon">
          <i class="bi bi-bicycle"></i>
          <div class="label">bicycle</div>
        </div>
        <div class="icon">
          <i class="bi bi-binoculars-fill"></i>
          <div class="label">binoculars-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-binoculars"></i>
          <div class="label">binoculars</div>
        </div>
        <div class="icon">
          <i class="bi bi-blockquote-left"></i>
          <div class="label">blockquote-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-blockquote-right"></i>
          <div class="label">blockquote-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-book-fill"></i>
          <div class="label">book-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-book-half"></i>
          <div class="label">book-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-book"></i>
          <div class="label">book</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-check-fill"></i>
          <div class="label">bookmark-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-check"></i>
          <div class="label">bookmark-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-dash-fill"></i>
          <div class="label">bookmark-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-dash"></i>
          <div class="label">bookmark-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-fill"></i>
          <div class="label">bookmark-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-heart-fill"></i>
          <div class="label">bookmark-heart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-heart"></i>
          <div class="label">bookmark-heart</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-plus-fill"></i>
          <div class="label">bookmark-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-plus"></i>
          <div class="label">bookmark-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-star-fill"></i>
          <div class="label">bookmark-star-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-star"></i>
          <div class="label">bookmark-star</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-x-fill"></i>
          <div class="label">bookmark-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark-x"></i>
          <div class="label">bookmark-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmark"></i>
          <div class="label">bookmark</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmarks-fill"></i>
          <div class="label">bookmarks-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookmarks"></i>
          <div class="label">bookmarks</div>
        </div>
        <div class="icon">
          <i class="bi bi-bookshelf"></i>
          <div class="label">bookshelf</div>
        </div>
        <div class="icon">
          <i class="bi bi-bootstrap-fill"></i>
          <div class="label">bootstrap-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bootstrap-reboot"></i>
          <div class="label">bootstrap-reboot</div>
        </div>
        <div class="icon">
          <i class="bi bi-bootstrap"></i>
          <div class="label">bootstrap</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-all"></i>
          <div class="label">border-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-bottom"></i>
          <div class="label">border-bottom</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-center"></i>
          <div class="label">border-center</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-inner"></i>
          <div class="label">border-inner</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-left"></i>
          <div class="label">border-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-middle"></i>
          <div class="label">border-middle</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-outer"></i>
          <div class="label">border-outer</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-right"></i>
          <div class="label">border-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-style"></i>
          <div class="label">border-style</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-top"></i>
          <div class="label">border-top</div>
        </div>
        <div class="icon">
          <i class="bi bi-border-width"></i>
          <div class="label">border-width</div>
        </div>
        <div class="icon">
          <i class="bi bi-border"></i>
          <div class="label">border</div>
        </div>
        <div class="icon">
          <i class="bi bi-bounding-box-circles"></i>
          <div class="label">bounding-box-circles</div>
        </div>
        <div class="icon">
          <i class="bi bi-bounding-box"></i>
          <div class="label">bounding-box</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-down-left"></i>
          <div class="label">box-arrow-down-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-down-right"></i>
          <div class="label">box-arrow-down-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-down"></i>
          <div class="label">box-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-down-left"></i>
          <div class="label">box-arrow-in-down-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-down-right"></i>
          <div class="label">box-arrow-in-down-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-down"></i>
          <div class="label">box-arrow-in-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-left"></i>
          <div class="label">box-arrow-in-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-right"></i>
          <div class="label">box-arrow-in-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-up-left"></i>
          <div class="label">box-arrow-in-up-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-up-right"></i>
          <div class="label">box-arrow-in-up-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-in-up"></i>
          <div class="label">box-arrow-in-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-left"></i>
          <div class="label">box-arrow-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-right"></i>
          <div class="label">box-arrow-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-up-left"></i>
          <div class="label">box-arrow-up-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-up-right"></i>
          <div class="label">box-arrow-up-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-arrow-up"></i>
          <div class="label">box-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-box-seam"></i>
          <div class="label">box-seam</div>
        </div>
        <div class="icon">
          <i class="bi bi-box"></i>
          <div class="label">box</div>
        </div>
        <div class="icon">
          <i class="bi bi-braces"></i>
          <div class="label">braces</div>
        </div>
        <div class="icon">
          <i class="bi bi-bricks"></i>
          <div class="label">bricks</div>
        </div>
        <div class="icon">
          <i class="bi bi-briefcase-fill"></i>
          <div class="label">briefcase-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-briefcase"></i>
          <div class="label">briefcase</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-high-fill"></i>
          <div class="label">brightness-alt-high-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-high"></i>
          <div class="label">brightness-alt-high</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-low-fill"></i>
          <div class="label">brightness-alt-low-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-alt-low"></i>
          <div class="label">brightness-alt-low</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-high-fill"></i>
          <div class="label">brightness-high-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-high"></i>
          <div class="label">brightness-high</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-low-fill"></i>
          <div class="label">brightness-low-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brightness-low"></i>
          <div class="label">brightness-low</div>
        </div>
        <div class="icon">
          <i class="bi bi-broadcast-pin"></i>
          <div class="label">broadcast-pin</div>
        </div>
        <div class="icon">
          <i class="bi bi-broadcast"></i>
          <div class="label">broadcast</div>
        </div>
        <div class="icon">
          <i class="bi bi-brush-fill"></i>
          <div class="label">brush-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-brush"></i>
          <div class="label">brush</div>
        </div>
        <div class="icon">
          <i class="bi bi-bucket-fill"></i>
          <div class="label">bucket-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bucket"></i>
          <div class="label">bucket</div>
        </div>
        <div class="icon">
          <i class="bi bi-bug-fill"></i>
          <div class="label">bug-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-bug"></i>
          <div class="label">bug</div>
        </div>
        <div class="icon">
          <i class="bi bi-building"></i>
          <div class="label">building</div>
        </div>
        <div class="icon">
          <i class="bi bi-bullseye"></i>
          <div class="label">bullseye</div>
        </div>
        <div class="icon">
          <i class="bi bi-calculator-fill"></i>
          <div class="label">calculator-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calculator"></i>
          <div class="label">calculator</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-check-fill"></i>
          <div class="label">calendar-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-check"></i>
          <div class="label">calendar-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-date-fill"></i>
          <div class="label">calendar-date-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-date"></i>
          <div class="label">calendar-date</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-day-fill"></i>
          <div class="label">calendar-day-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-day"></i>
          <div class="label">calendar-day</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-event-fill"></i>
          <div class="label">calendar-event-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-event"></i>
          <div class="label">calendar-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-fill"></i>
          <div class="label">calendar-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-minus-fill"></i>
          <div class="label">calendar-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-minus"></i>
          <div class="label">calendar-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-month-fill"></i>
          <div class="label">calendar-month-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-month"></i>
          <div class="label">calendar-month</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-plus-fill"></i>
          <div class="label">calendar-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-plus"></i>
          <div class="label">calendar-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-range-fill"></i>
          <div class="label">calendar-range-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-range"></i>
          <div class="label">calendar-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-week-fill"></i>
          <div class="label">calendar-week-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-week"></i>
          <div class="label">calendar-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-x-fill"></i>
          <div class="label">calendar-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar-x"></i>
          <div class="label">calendar-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar"></i>
          <div class="label">calendar</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-check-fill"></i>
          <div class="label">calendar2-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-check"></i>
          <div class="label">calendar2-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-date-fill"></i>
          <div class="label">calendar2-date-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-date"></i>
          <div class="label">calendar2-date</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-day-fill"></i>
          <div class="label">calendar2-day-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-day"></i>
          <div class="label">calendar2-day</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-event-fill"></i>
          <div class="label">calendar2-event-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-event"></i>
          <div class="label">calendar2-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-fill"></i>
          <div class="label">calendar2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-minus-fill"></i>
          <div class="label">calendar2-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-minus"></i>
          <div class="label">calendar2-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-month-fill"></i>
          <div class="label">calendar2-month-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-month"></i>
          <div class="label">calendar2-month</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-plus-fill"></i>
          <div class="label">calendar2-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-plus"></i>
          <div class="label">calendar2-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-range-fill"></i>
          <div class="label">calendar2-range-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-range"></i>
          <div class="label">calendar2-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-week-fill"></i>
          <div class="label">calendar2-week-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-week"></i>
          <div class="label">calendar2-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-x-fill"></i>
          <div class="label">calendar2-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2-x"></i>
          <div class="label">calendar2-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar2"></i>
          <div class="label">calendar2</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-event-fill"></i>
          <div class="label">calendar3-event-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-event"></i>
          <div class="label">calendar3-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-fill"></i>
          <div class="label">calendar3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-range-fill"></i>
          <div class="label">calendar3-range-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-range"></i>
          <div class="label">calendar3-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-week-fill"></i>
          <div class="label">calendar3-week-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3-week"></i>
          <div class="label">calendar3-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar3"></i>
          <div class="label">calendar3</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4-event"></i>
          <div class="label">calendar4-event</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4-range"></i>
          <div class="label">calendar4-range</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4-week"></i>
          <div class="label">calendar4-week</div>
        </div>
        <div class="icon">
          <i class="bi bi-calendar4"></i>
          <div class="label">calendar4</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-fill"></i>
          <div class="label">camera-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-reels-fill"></i>
          <div class="label">camera-reels-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-reels"></i>
          <div class="label">camera-reels</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video-fill"></i>
          <div class="label">camera-video-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video-off-fill"></i>
          <div class="label">camera-video-off-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video-off"></i>
          <div class="label">camera-video-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera-video"></i>
          <div class="label">camera-video</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera"></i>
          <div class="label">camera</div>
        </div>
        <div class="icon">
          <i class="bi bi-camera2"></i>
          <div class="label">camera2</div>
        </div>
        <div class="icon">
          <i class="bi bi-capslock-fill"></i>
          <div class="label">capslock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-capslock"></i>
          <div class="label">capslock</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-checklist"></i>
          <div class="label">card-checklist</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-heading"></i>
          <div class="label">card-heading</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-image"></i>
          <div class="label">card-image</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-list"></i>
          <div class="label">card-list</div>
        </div>
        <div class="icon">
          <i class="bi bi-card-text"></i>
          <div class="label">card-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down-fill"></i>
          <div class="label">caret-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down-square-fill"></i>
          <div class="label">caret-down-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down-square"></i>
          <div class="label">caret-down-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-down"></i>
          <div class="label">caret-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left-fill"></i>
          <div class="label">caret-left-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left-square-fill"></i>
          <div class="label">caret-left-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left-square"></i>
          <div class="label">caret-left-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-left"></i>
          <div class="label">caret-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right-fill"></i>
          <div class="label">caret-right-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right-square-fill"></i>
          <div class="label">caret-right-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right-square"></i>
          <div class="label">caret-right-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-right"></i>
          <div class="label">caret-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up-fill"></i>
          <div class="label">caret-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up-square-fill"></i>
          <div class="label">caret-up-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up-square"></i>
          <div class="label">caret-up-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-caret-up"></i>
          <div class="label">caret-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-check-fill"></i>
          <div class="label">cart-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-check"></i>
          <div class="label">cart-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-dash-fill"></i>
          <div class="label">cart-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-dash"></i>
          <div class="label">cart-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-fill"></i>
          <div class="label">cart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-plus-fill"></i>
          <div class="label">cart-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-plus"></i>
          <div class="label">cart-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-x-fill"></i>
          <div class="label">cart-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart-x"></i>
          <div class="label">cart-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart"></i>
          <div class="label">cart</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart2"></i>
          <div class="label">cart2</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart3"></i>
          <div class="label">cart3</div>
        </div>
        <div class="icon">
          <i class="bi bi-cart4"></i>
          <div class="label">cart4</div>
        </div>
        <div class="icon">
          <i class="bi bi-cash-coin"></i>
          <div class="label">cash-coin</div>
        </div>
        <div class="icon">
          <i class="bi bi-cash-stack"></i>
          <div class="label">cash-stack</div>
        </div>
        <div class="icon">
          <i class="bi bi-cash"></i>
          <div class="label">cash</div>
        </div>
        <div class="icon">
          <i class="bi bi-cast"></i>
          <div class="label">cast</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-dots-fill"></i>
          <div class="label">chat-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-dots"></i>
          <div class="label">chat-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-fill"></i>
          <div class="label">chat-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-dots-fill"></i>
          <div class="label">chat-left-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-dots"></i>
          <div class="label">chat-left-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-fill"></i>
          <div class="label">chat-left-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-quote-fill"></i>
          <div class="label">chat-left-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-quote"></i>
          <div class="label">chat-left-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-text-fill"></i>
          <div class="label">chat-left-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left-text"></i>
          <div class="label">chat-left-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-left"></i>
          <div class="label">chat-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-quote-fill"></i>
          <div class="label">chat-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-quote"></i>
          <div class="label">chat-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-dots-fill"></i>
          <div class="label">chat-right-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-dots"></i>
          <div class="label">chat-right-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-fill"></i>
          <div class="label">chat-right-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-quote-fill"></i>
          <div class="label">chat-right-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-quote"></i>
          <div class="label">chat-right-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-text-fill"></i>
          <div class="label">chat-right-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right-text"></i>
          <div class="label">chat-right-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-right"></i>
          <div class="label">chat-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-dots-fill"></i>
          <div class="label">chat-square-dots-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-dots"></i>
          <div class="label">chat-square-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-fill"></i>
          <div class="label">chat-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-quote-fill"></i>
          <div class="label">chat-square-quote-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-quote"></i>
          <div class="label">chat-square-quote</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-text-fill"></i>
          <div class="label">chat-square-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square-text"></i>
          <div class="label">chat-square-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-square"></i>
          <div class="label">chat-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-text-fill"></i>
          <div class="label">chat-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat-text"></i>
          <div class="label">chat-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-chat"></i>
          <div class="label">chat</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-all"></i>
          <div class="label">check-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-circle-fill"></i>
          <div class="label">check-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-circle"></i>
          <div class="label">check-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-lg"></i>
          <div class="label">check-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-square-fill"></i>
          <div class="label">check-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-check-square"></i>
          <div class="label">check-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-check"></i>
          <div class="label">check</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2-all"></i>
          <div class="label">check2-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2-circle"></i>
          <div class="label">check2-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2-square"></i>
          <div class="label">check2-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-check2"></i>
          <div class="label">check2</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-contract"></i>
          <div class="label">chevron-bar-contract</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-down"></i>
          <div class="label">chevron-bar-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-expand"></i>
          <div class="label">chevron-bar-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-left"></i>
          <div class="label">chevron-bar-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-right"></i>
          <div class="label">chevron-bar-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-bar-up"></i>
          <div class="label">chevron-bar-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-down"></i>
          <div class="label">chevron-compact-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-left"></i>
          <div class="label">chevron-compact-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-right"></i>
          <div class="label">chevron-compact-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-compact-up"></i>
          <div class="label">chevron-compact-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-contract"></i>
          <div class="label">chevron-contract</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-down"></i>
          <div class="label">chevron-double-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-left"></i>
          <div class="label">chevron-double-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-right"></i>
          <div class="label">chevron-double-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-double-up"></i>
          <div class="label">chevron-double-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-down"></i>
          <div class="label">chevron-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-expand"></i>
          <div class="label">chevron-expand</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-left"></i>
          <div class="label">chevron-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-right"></i>
          <div class="label">chevron-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-chevron-up"></i>
          <div class="label">chevron-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle-fill"></i>
          <div class="label">circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle-half"></i>
          <div class="label">circle-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle-square"></i>
          <div class="label">circle-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-circle"></i>
          <div class="label">circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-check"></i>
          <div class="label">clipboard-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-data"></i>
          <div class="label">clipboard-data</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-minus"></i>
          <div class="label">clipboard-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-plus"></i>
          <div class="label">clipboard-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard-x"></i>
          <div class="label">clipboard-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-clipboard"></i>
          <div class="label">clipboard</div>
        </div>
        <div class="icon">
          <i class="bi bi-clock-fill"></i>
          <div class="label">clock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-clock-history"></i>
          <div class="label">clock-history</div>
        </div>
        <div class="icon">
          <i class="bi bi-clock"></i>
          <div class="label">clock</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-down-fill"></i>
          <div class="label">cloud-arrow-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-down"></i>
          <div class="label">cloud-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-up-fill"></i>
          <div class="label">cloud-arrow-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-arrow-up"></i>
          <div class="label">cloud-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-check-fill"></i>
          <div class="label">cloud-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-check"></i>
          <div class="label">cloud-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-download-fill"></i>
          <div class="label">cloud-download-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-download"></i>
          <div class="label">cloud-download</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-drizzle-fill"></i>
          <div class="label">cloud-drizzle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-drizzle"></i>
          <div class="label">cloud-drizzle</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fill"></i>
          <div class="label">cloud-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog-fill"></i>
          <div class="label">cloud-fog-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog"></i>
          <div class="label">cloud-fog</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog2-fill"></i>
          <div class="label">cloud-fog2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-fog2"></i>
          <div class="label">cloud-fog2</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-hail-fill"></i>
          <div class="label">cloud-hail-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-hail"></i>
          <div class="label">cloud-hail</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze-1"></i>
          <div class="label">cloud-haze-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze-fill"></i>
          <div class="label">cloud-haze-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze"></i>
          <div class="label">cloud-haze</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-haze2-fill"></i>
          <div class="label">cloud-haze2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning-fill"></i>
          <div class="label">cloud-lightning-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning-rain-fill"></i>
          <div class="label">cloud-lightning-rain-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning-rain"></i>
          <div class="label">cloud-lightning-rain</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-lightning"></i>
          <div class="label">cloud-lightning</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-minus-fill"></i>
          <div class="label">cloud-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-minus"></i>
          <div class="label">cloud-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-moon-fill"></i>
          <div class="label">cloud-moon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-moon"></i>
          <div class="label">cloud-moon</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-plus-fill"></i>
          <div class="label">cloud-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-plus"></i>
          <div class="label">cloud-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain-fill"></i>
          <div class="label">cloud-rain-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain-heavy-fill"></i>
          <div class="label">cloud-rain-heavy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain-heavy"></i>
          <div class="label">cloud-rain-heavy</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-rain"></i>
          <div class="label">cloud-rain</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-slash-fill"></i>
          <div class="label">cloud-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-slash"></i>
          <div class="label">cloud-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sleet-fill"></i>
          <div class="label">cloud-sleet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sleet"></i>
          <div class="label">cloud-sleet</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-snow-fill"></i>
          <div class="label">cloud-snow-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-snow"></i>
          <div class="label">cloud-snow</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sun-fill"></i>
          <div class="label">cloud-sun-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-sun"></i>
          <div class="label">cloud-sun</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-upload-fill"></i>
          <div class="label">cloud-upload-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud-upload"></i>
          <div class="label">cloud-upload</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloud"></i>
          <div class="label">cloud</div>
        </div>
        <div class="icon">
          <i class="bi bi-clouds-fill"></i>
          <div class="label">clouds-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-clouds"></i>
          <div class="label">clouds</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloudy-fill"></i>
          <div class="label">cloudy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cloudy"></i>
          <div class="label">cloudy</div>
        </div>
        <div class="icon">
          <i class="bi bi-code-slash"></i>
          <div class="label">code-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-code-square"></i>
          <div class="label">code-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-code"></i>
          <div class="label">code</div>
        </div>
        <div class="icon">
          <i class="bi bi-coin"></i>
          <div class="label">coin</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection-fill"></i>
          <div class="label">collection-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection-play-fill"></i>
          <div class="label">collection-play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection-play"></i>
          <div class="label">collection-play</div>
        </div>
        <div class="icon">
          <i class="bi bi-collection"></i>
          <div class="label">collection</div>
        </div>
        <div class="icon">
          <i class="bi bi-columns-gap"></i>
          <div class="label">columns-gap</div>
        </div>
        <div class="icon">
          <i class="bi bi-columns"></i>
          <div class="label">columns</div>
        </div>
        <div class="icon">
          <i class="bi bi-command"></i>
          <div class="label">command</div>
        </div>
        <div class="icon">
          <i class="bi bi-compass-fill"></i>
          <div class="label">compass-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-compass"></i>
          <div class="label">compass</div>
        </div>
        <div class="icon">
          <i class="bi bi-cone-striped"></i>
          <div class="label">cone-striped</div>
        </div>
        <div class="icon">
          <i class="bi bi-cone"></i>
          <div class="label">cone</div>
        </div>
        <div class="icon">
          <i class="bi bi-controller"></i>
          <div class="label">controller</div>
        </div>
        <div class="icon">
          <i class="bi bi-cpu-fill"></i>
          <div class="label">cpu-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cpu"></i>
          <div class="label">cpu</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-back-fill"></i>
          <div class="label">credit-card-2-back-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-back"></i>
          <div class="label">credit-card-2-back</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-front-fill"></i>
          <div class="label">credit-card-2-front-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-2-front"></i>
          <div class="label">credit-card-2-front</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card-fill"></i>
          <div class="label">credit-card-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-credit-card"></i>
          <div class="label">credit-card</div>
        </div>
        <div class="icon">
          <i class="bi bi-crop"></i>
          <div class="label">crop</div>
        </div>
        <div class="icon">
          <i class="bi bi-cup-fill"></i>
          <div class="label">cup-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cup-straw"></i>
          <div class="label">cup-straw</div>
        </div>
        <div class="icon">
          <i class="bi bi-cup"></i>
          <div class="label">cup</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-bitcoin"></i>
          <div class="label">currency-bitcoin</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-dollar"></i>
          <div class="label">currency-dollar</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-euro"></i>
          <div class="label">currency-euro</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-exchange"></i>
          <div class="label">currency-exchange</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-pound"></i>
          <div class="label">currency-pound</div>
        </div>
        <div class="icon">
          <i class="bi bi-currency-yen"></i>
          <div class="label">currency-yen</div>
        </div>
        <div class="icon">
          <i class="bi bi-cursor-fill"></i>
          <div class="label">cursor-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-cursor-text"></i>
          <div class="label">cursor-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-cursor"></i>
          <div class="label">cursor</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-circle-dotted"></i>
          <div class="label">dash-circle-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-circle-fill"></i>
          <div class="label">dash-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-circle"></i>
          <div class="label">dash-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-lg"></i>
          <div class="label">dash-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-square-dotted"></i>
          <div class="label">dash-square-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-square-fill"></i>
          <div class="label">dash-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash-square"></i>
          <div class="label">dash-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-dash"></i>
          <div class="label">dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-2-fill"></i>
          <div class="label">diagram-2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-2"></i>
          <div class="label">diagram-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-3-fill"></i>
          <div class="label">diagram-3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-diagram-3"></i>
          <div class="label">diagram-3</div>
        </div>
        <div class="icon">
          <i class="bi bi-diamond-fill"></i>
          <div class="label">diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-diamond-half"></i>
          <div class="label">diamond-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-diamond"></i>
          <div class="label">diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-1-fill"></i>
          <div class="label">dice-1-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-1"></i>
          <div class="label">dice-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-2-fill"></i>
          <div class="label">dice-2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-2"></i>
          <div class="label">dice-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-3-fill"></i>
          <div class="label">dice-3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-3"></i>
          <div class="label">dice-3</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-4-fill"></i>
          <div class="label">dice-4-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-4"></i>
          <div class="label">dice-4</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-5-fill"></i>
          <div class="label">dice-5-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-5"></i>
          <div class="label">dice-5</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-6-fill"></i>
          <div class="label">dice-6-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-dice-6"></i>
          <div class="label">dice-6</div>
        </div>
        <div class="icon">
          <i class="bi bi-disc-fill"></i>
          <div class="label">disc-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-disc"></i>
          <div class="label">disc</div>
        </div>
        <div class="icon">
          <i class="bi bi-discord"></i>
          <div class="label">discord</div>
        </div>
        <div class="icon">
          <i class="bi bi-display-fill"></i>
          <div class="label">display-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-display"></i>
          <div class="label">display</div>
        </div>
        <div class="icon">
          <i class="bi bi-distribute-horizontal"></i>
          <div class="label">distribute-horizontal</div>
        </div>
        <div class="icon">
          <i class="bi bi-distribute-vertical"></i>
          <div class="label">distribute-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-closed-fill"></i>
          <div class="label">door-closed-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-closed"></i>
          <div class="label">door-closed</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-open-fill"></i>
          <div class="label">door-open-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-door-open"></i>
          <div class="label">door-open</div>
        </div>
        <div class="icon">
          <i class="bi bi-dot"></i>
          <div class="label">dot</div>
        </div>
        <div class="icon">
          <i class="bi bi-download"></i>
          <div class="label">download</div>
        </div>
        <div class="icon">
          <i class="bi bi-droplet-fill"></i>
          <div class="label">droplet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-droplet-half"></i>
          <div class="label">droplet-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-droplet"></i>
          <div class="label">droplet</div>
        </div>
        <div class="icon">
          <i class="bi bi-earbuds"></i>
          <div class="label">earbuds</div>
        </div>
        <div class="icon">
          <i class="bi bi-easel-fill"></i>
          <div class="label">easel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-easel"></i>
          <div class="label">easel</div>
        </div>
        <div class="icon">
          <i class="bi bi-egg-fill"></i>
          <div class="label">egg-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-egg-fried"></i>
          <div class="label">egg-fried</div>
        </div>
        <div class="icon">
          <i class="bi bi-egg"></i>
          <div class="label">egg</div>
        </div>
        <div class="icon">
          <i class="bi bi-eject-fill"></i>
          <div class="label">eject-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eject"></i>
          <div class="label">eject</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-angry-fill"></i>
          <div class="label">emoji-angry-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-angry"></i>
          <div class="label">emoji-angry</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-dizzy-fill"></i>
          <div class="label">emoji-dizzy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-dizzy"></i>
          <div class="label">emoji-dizzy</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-expressionless-fill"></i>
          <div class="label">emoji-expressionless-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-expressionless"></i>
          <div class="label">emoji-expressionless</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-frown-fill"></i>
          <div class="label">emoji-frown-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-frown"></i>
          <div class="label">emoji-frown</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-heart-eyes-fill"></i>
          <div class="label">emoji-heart-eyes-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-heart-eyes"></i>
          <div class="label">emoji-heart-eyes</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-laughing-fill"></i>
          <div class="label">emoji-laughing-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-laughing"></i>
          <div class="label">emoji-laughing</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-neutral-fill"></i>
          <div class="label">emoji-neutral-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-neutral"></i>
          <div class="label">emoji-neutral</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile-fill"></i>
          <div class="label">emoji-smile-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile-upside-down-fill"></i>
          <div class="label">emoji-smile-upside-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile-upside-down"></i>
          <div class="label">emoji-smile-upside-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-smile"></i>
          <div class="label">emoji-smile</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-sunglasses-fill"></i>
          <div class="label">emoji-sunglasses-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-sunglasses"></i>
          <div class="label">emoji-sunglasses</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-wink-fill"></i>
          <div class="label">emoji-wink-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-emoji-wink"></i>
          <div class="label">emoji-wink</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope-fill"></i>
          <div class="label">envelope-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope-open-fill"></i>
          <div class="label">envelope-open-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope-open"></i>
          <div class="label">envelope-open</div>
        </div>
        <div class="icon">
          <i class="bi bi-envelope"></i>
          <div class="label">envelope</div>
        </div>
        <div class="icon">
          <i class="bi bi-eraser-fill"></i>
          <div class="label">eraser-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eraser"></i>
          <div class="label">eraser</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-circle-fill"></i>
          <div class="label">exclamation-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-circle"></i>
          <div class="label">exclamation-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-diamond-fill"></i>
          <div class="label">exclamation-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-diamond"></i>
          <div class="label">exclamation-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-lg"></i>
          <div class="label">exclamation-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-octagon-fill"></i>
          <div class="label">exclamation-octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-octagon"></i>
          <div class="label">exclamation-octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-square-fill"></i>
          <div class="label">exclamation-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-square"></i>
          <div class="label">exclamation-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-triangle-fill"></i>
          <div class="label">exclamation-triangle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation-triangle"></i>
          <div class="label">exclamation-triangle</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclamation"></i>
          <div class="label">exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-exclude"></i>
          <div class="label">exclude</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye-fill"></i>
          <div class="label">eye-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye-slash-fill"></i>
          <div class="label">eye-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye-slash"></i>
          <div class="label">eye-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-eye"></i>
          <div class="label">eye</div>
        </div>
        <div class="icon">
          <i class="bi bi-eyedropper"></i>
          <div class="label">eyedropper</div>
        </div>
        <div class="icon">
          <i class="bi bi-eyeglasses"></i>
          <div class="label">eyeglasses</div>
        </div>
        <div class="icon">
          <i class="bi bi-facebook"></i>
          <div class="label">facebook</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-down-fill"></i>
          <div class="label">file-arrow-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-down"></i>
          <div class="label">file-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-up-fill"></i>
          <div class="label">file-arrow-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-arrow-up"></i>
          <div class="label">file-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-bar-graph-fill"></i>
          <div class="label">file-bar-graph-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-bar-graph"></i>
          <div class="label">file-bar-graph</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-binary-fill"></i>
          <div class="label">file-binary-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-binary"></i>
          <div class="label">file-binary</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-break-fill"></i>
          <div class="label">file-break-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-break"></i>
          <div class="label">file-break</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-check-fill"></i>
          <div class="label">file-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-check"></i>
          <div class="label">file-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-code-fill"></i>
          <div class="label">file-code-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-code"></i>
          <div class="label">file-code</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-diff-fill"></i>
          <div class="label">file-diff-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-diff"></i>
          <div class="label">file-diff</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-down-fill"></i>
          <div class="label">file-earmark-arrow-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-down"></i>
          <div class="label">file-earmark-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-up-fill"></i>
          <div class="label">file-earmark-arrow-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-arrow-up"></i>
          <div class="label">file-earmark-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-bar-graph-fill"></i>
          <div class="label">file-earmark-bar-graph-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-bar-graph"></i>
          <div class="label">file-earmark-bar-graph</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-binary-fill"></i>
          <div class="label">file-earmark-binary-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-binary"></i>
          <div class="label">file-earmark-binary</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-break-fill"></i>
          <div class="label">file-earmark-break-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-break"></i>
          <div class="label">file-earmark-break</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-check-fill"></i>
          <div class="label">file-earmark-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-check"></i>
          <div class="label">file-earmark-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-code-fill"></i>
          <div class="label">file-earmark-code-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-code"></i>
          <div class="label">file-earmark-code</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-diff-fill"></i>
          <div class="label">file-earmark-diff-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-diff"></i>
          <div class="label">file-earmark-diff</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-easel-fill"></i>
          <div class="label">file-earmark-easel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-easel"></i>
          <div class="label">file-earmark-easel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-excel-fill"></i>
          <div class="label">file-earmark-excel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-excel"></i>
          <div class="label">file-earmark-excel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-fill"></i>
          <div class="label">file-earmark-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-font-fill"></i>
          <div class="label">file-earmark-font-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-font"></i>
          <div class="label">file-earmark-font</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-image-fill"></i>
          <div class="label">file-earmark-image-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-image"></i>
          <div class="label">file-earmark-image</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock-fill"></i>
          <div class="label">file-earmark-lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock"></i>
          <div class="label">file-earmark-lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock2-fill"></i>
          <div class="label">file-earmark-lock2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-lock2"></i>
          <div class="label">file-earmark-lock2</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-medical-fill"></i>
          <div class="label">file-earmark-medical-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-medical"></i>
          <div class="label">file-earmark-medical</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-minus-fill"></i>
          <div class="label">file-earmark-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-minus"></i>
          <div class="label">file-earmark-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-music-fill"></i>
          <div class="label">file-earmark-music-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-music"></i>
          <div class="label">file-earmark-music</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-pdf-fill"></i>
          <div class="label">file-earmark-pdf-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-pdf"></i>
          <div class="label">file-earmark-pdf</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-person-fill"></i>
          <div class="label">file-earmark-person-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-person"></i>
          <div class="label">file-earmark-person</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-play-fill"></i>
          <div class="label">file-earmark-play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-play"></i>
          <div class="label">file-earmark-play</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-plus-fill"></i>
          <div class="label">file-earmark-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-plus"></i>
          <div class="label">file-earmark-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-post-fill"></i>
          <div class="label">file-earmark-post-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-post"></i>
          <div class="label">file-earmark-post</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ppt-fill"></i>
          <div class="label">file-earmark-ppt-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ppt"></i>
          <div class="label">file-earmark-ppt</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-richtext-fill"></i>
          <div class="label">file-earmark-richtext-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-richtext"></i>
          <div class="label">file-earmark-richtext</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ruled-fill"></i>
          <div class="label">file-earmark-ruled-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-ruled"></i>
          <div class="label">file-earmark-ruled</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-slides-fill"></i>
          <div class="label">file-earmark-slides-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-slides"></i>
          <div class="label">file-earmark-slides</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-spreadsheet-fill"></i>
          <div class="label">file-earmark-spreadsheet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-spreadsheet"></i>
          <div class="label">file-earmark-spreadsheet</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-text-fill"></i>
          <div class="label">file-earmark-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-text"></i>
          <div class="label">file-earmark-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-word-fill"></i>
          <div class="label">file-earmark-word-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-word"></i>
          <div class="label">file-earmark-word</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-x-fill"></i>
          <div class="label">file-earmark-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-x"></i>
          <div class="label">file-earmark-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-zip-fill"></i>
          <div class="label">file-earmark-zip-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark-zip"></i>
          <div class="label">file-earmark-zip</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-earmark"></i>
          <div class="label">file-earmark</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-easel-fill"></i>
          <div class="label">file-easel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-easel"></i>
          <div class="label">file-easel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-excel-fill"></i>
          <div class="label">file-excel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-excel"></i>
          <div class="label">file-excel</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-fill"></i>
          <div class="label">file-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-font-fill"></i>
          <div class="label">file-font-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-font"></i>
          <div class="label">file-font</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-image-fill"></i>
          <div class="label">file-image-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-image"></i>
          <div class="label">file-image</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock-fill"></i>
          <div class="label">file-lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock"></i>
          <div class="label">file-lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock2-fill"></i>
          <div class="label">file-lock2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-lock2"></i>
          <div class="label">file-lock2</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-medical-fill"></i>
          <div class="label">file-medical-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-medical"></i>
          <div class="label">file-medical</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-minus-fill"></i>
          <div class="label">file-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-minus"></i>
          <div class="label">file-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-music-fill"></i>
          <div class="label">file-music-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-music"></i>
          <div class="label">file-music</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-pdf-fill"></i>
          <div class="label">file-pdf-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-pdf"></i>
          <div class="label">file-pdf</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-person-fill"></i>
          <div class="label">file-person-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-person"></i>
          <div class="label">file-person</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-play-fill"></i>
          <div class="label">file-play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-play"></i>
          <div class="label">file-play</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-plus-fill"></i>
          <div class="label">file-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-plus"></i>
          <div class="label">file-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-post-fill"></i>
          <div class="label">file-post-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-post"></i>
          <div class="label">file-post</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ppt-fill"></i>
          <div class="label">file-ppt-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ppt"></i>
          <div class="label">file-ppt</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-richtext-fill"></i>
          <div class="label">file-richtext-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-richtext"></i>
          <div class="label">file-richtext</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ruled-fill"></i>
          <div class="label">file-ruled-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-ruled"></i>
          <div class="label">file-ruled</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-slides-fill"></i>
          <div class="label">file-slides-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-slides"></i>
          <div class="label">file-slides</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-spreadsheet-fill"></i>
          <div class="label">file-spreadsheet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-spreadsheet"></i>
          <div class="label">file-spreadsheet</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-text-fill"></i>
          <div class="label">file-text-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-text"></i>
          <div class="label">file-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-word-fill"></i>
          <div class="label">file-word-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-word"></i>
          <div class="label">file-word</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-x-fill"></i>
          <div class="label">file-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-x"></i>
          <div class="label">file-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-zip-fill"></i>
          <div class="label">file-zip-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-file-zip"></i>
          <div class="label">file-zip</div>
        </div>
        <div class="icon">
          <i class="bi bi-file"></i>
          <div class="label">file</div>
        </div>
        <div class="icon">
          <i class="bi bi-files-alt"></i>
          <div class="label">files-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-files"></i>
          <div class="label">files</div>
        </div>
        <div class="icon">
          <i class="bi bi-film"></i>
          <div class="label">film</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-circle-fill"></i>
          <div class="label">filter-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-circle"></i>
          <div class="label">filter-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-left"></i>
          <div class="label">filter-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-right"></i>
          <div class="label">filter-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-square-fill"></i>
          <div class="label">filter-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter-square"></i>
          <div class="label">filter-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-filter"></i>
          <div class="label">filter</div>
        </div>
        <div class="icon">
          <i class="bi bi-flag-fill"></i>
          <div class="label">flag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-flag"></i>
          <div class="label">flag</div>
        </div>
        <div class="icon">
          <i class="bi bi-flower1"></i>
          <div class="label">flower1</div>
        </div>
        <div class="icon">
          <i class="bi bi-flower2"></i>
          <div class="label">flower2</div>
        </div>
        <div class="icon">
          <i class="bi bi-flower3"></i>
          <div class="label">flower3</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-check"></i>
          <div class="label">folder-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-fill"></i>
          <div class="label">folder-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-minus"></i>
          <div class="label">folder-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-plus"></i>
          <div class="label">folder-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-symlink-fill"></i>
          <div class="label">folder-symlink-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-symlink"></i>
          <div class="label">folder-symlink</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder-x"></i>
          <div class="label">folder-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder"></i>
          <div class="label">folder</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder2-open"></i>
          <div class="label">folder2-open</div>
        </div>
        <div class="icon">
          <i class="bi bi-folder2"></i>
          <div class="label">folder2</div>
        </div>
        <div class="icon">
          <i class="bi bi-fonts"></i>
          <div class="label">fonts</div>
        </div>
        <div class="icon">
          <i class="bi bi-forward-fill"></i>
          <div class="label">forward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-forward"></i>
          <div class="label">forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-front"></i>
          <div class="label">front</div>
        </div>
        <div class="icon">
          <i class="bi bi-fullscreen-exit"></i>
          <div class="label">fullscreen-exit</div>
        </div>
        <div class="icon">
          <i class="bi bi-fullscreen"></i>
          <div class="label">fullscreen</div>
        </div>
        <div class="icon">
          <i class="bi bi-funnel-fill"></i>
          <div class="label">funnel-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-funnel"></i>
          <div class="label">funnel</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear-fill"></i>
          <div class="label">gear-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear-wide-connected"></i>
          <div class="label">gear-wide-connected</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear-wide"></i>
          <div class="label">gear-wide</div>
        </div>
        <div class="icon">
          <i class="bi bi-gear"></i>
          <div class="label">gear</div>
        </div>
        <div class="icon">
          <i class="bi bi-gem"></i>
          <div class="label">gem</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-ambiguous"></i>
          <div class="label">gender-ambiguous</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-female"></i>
          <div class="label">gender-female</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-male"></i>
          <div class="label">gender-male</div>
        </div>
        <div class="icon">
          <i class="bi bi-gender-trans"></i>
          <div class="label">gender-trans</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo-alt-fill"></i>
          <div class="label">geo-alt-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo-alt"></i>
          <div class="label">geo-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo-fill"></i>
          <div class="label">geo-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-geo"></i>
          <div class="label">geo</div>
        </div>
        <div class="icon">
          <i class="bi bi-gift-fill"></i>
          <div class="label">gift-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-gift"></i>
          <div class="label">gift</div>
        </div>
        <div class="icon">
          <i class="bi bi-github"></i>
          <div class="label">github</div>
        </div>
        <div class="icon">
          <i class="bi bi-globe"></i>
          <div class="label">globe</div>
        </div>
        <div class="icon">
          <i class="bi bi-globe2"></i>
          <div class="label">globe2</div>
        </div>
        <div class="icon">
          <i class="bi bi-google"></i>
          <div class="label">google</div>
        </div>
        <div class="icon">
          <i class="bi bi-graph-down"></i>
          <div class="label">graph-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-graph-up"></i>
          <div class="label">graph-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-1x2-fill"></i>
          <div class="label">grid-1x2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-1x2"></i>
          <div class="label">grid-1x2</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x2-gap-fill"></i>
          <div class="label">grid-3x2-gap-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x2-gap"></i>
          <div class="label">grid-3x2-gap</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x2"></i>
          <div class="label">grid-3x2</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x3-gap-fill"></i>
          <div class="label">grid-3x3-gap-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x3-gap"></i>
          <div class="label">grid-3x3-gap</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-3x3"></i>
          <div class="label">grid-3x3</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid-fill"></i>
          <div class="label">grid-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-grid"></i>
          <div class="label">grid</div>
        </div>
        <div class="icon">
          <i class="bi bi-grip-horizontal"></i>
          <div class="label">grip-horizontal</div>
        </div>
        <div class="icon">
          <i class="bi bi-grip-vertical"></i>
          <div class="label">grip-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-hammer"></i>
          <div class="label">hammer</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index-fill"></i>
          <div class="label">hand-index-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index-thumb-fill"></i>
          <div class="label">hand-index-thumb-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index-thumb"></i>
          <div class="label">hand-index-thumb</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-index"></i>
          <div class="label">hand-index</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-down-fill"></i>
          <div class="label">hand-thumbs-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-down"></i>
          <div class="label">hand-thumbs-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-up-fill"></i>
          <div class="label">hand-thumbs-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hand-thumbs-up"></i>
          <div class="label">hand-thumbs-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-handbag-fill"></i>
          <div class="label">handbag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-handbag"></i>
          <div class="label">handbag</div>
        </div>
        <div class="icon">
          <i class="bi bi-hash"></i>
          <div class="label">hash</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-fill"></i>
          <div class="label">hdd-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-network-fill"></i>
          <div class="label">hdd-network-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-network"></i>
          <div class="label">hdd-network</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-rack-fill"></i>
          <div class="label">hdd-rack-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-rack"></i>
          <div class="label">hdd-rack</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-stack-fill"></i>
          <div class="label">hdd-stack-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd-stack"></i>
          <div class="label">hdd-stack</div>
        </div>
        <div class="icon">
          <i class="bi bi-hdd"></i>
          <div class="label">hdd</div>
        </div>
        <div class="icon">
          <i class="bi bi-headphones"></i>
          <div class="label">headphones</div>
        </div>
        <div class="icon">
          <i class="bi bi-headset-vr"></i>
          <div class="label">headset-vr</div>
        </div>
        <div class="icon">
          <i class="bi bi-headset"></i>
          <div class="label">headset</div>
        </div>
        <div class="icon">
          <i class="bi bi-heart-fill"></i>
          <div class="label">heart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-heart-half"></i>
          <div class="label">heart-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-heart"></i>
          <div class="label">heart</div>
        </div>
        <div class="icon">
          <i class="bi bi-heptagon-fill"></i>
          <div class="label">heptagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-heptagon-half"></i>
          <div class="label">heptagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-heptagon"></i>
          <div class="label">heptagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-hexagon-fill"></i>
          <div class="label">hexagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-hexagon-half"></i>
          <div class="label">hexagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-hexagon"></i>
          <div class="label">hexagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass-bottom"></i>
          <div class="label">hourglass-bottom</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass-split"></i>
          <div class="label">hourglass-split</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass-top"></i>
          <div class="label">hourglass-top</div>
        </div>
        <div class="icon">
          <i class="bi bi-hourglass"></i>
          <div class="label">hourglass</div>
        </div>
        <div class="icon">
          <i class="bi bi-house-door-fill"></i>
          <div class="label">house-door-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-house-door"></i>
          <div class="label">house-door</div>
        </div>
        <div class="icon">
          <i class="bi bi-house-fill"></i>
          <div class="label">house-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-house"></i>
          <div class="label">house</div>
        </div>
        <div class="icon">
          <i class="bi bi-hr"></i>
          <div class="label">hr</div>
        </div>
        <div class="icon">
          <i class="bi bi-hurricane"></i>
          <div class="label">hurricane</div>
        </div>
        <div class="icon">
          <i class="bi bi-image-alt"></i>
          <div class="label">image-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-image-fill"></i>
          <div class="label">image-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-image"></i>
          <div class="label">image</div>
        </div>
        <div class="icon">
          <i class="bi bi-images"></i>
          <div class="label">images</div>
        </div>
        <div class="icon">
          <i class="bi bi-inbox-fill"></i>
          <div class="label">inbox-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-inbox"></i>
          <div class="label">inbox</div>
        </div>
        <div class="icon">
          <i class="bi bi-inboxes-fill"></i>
          <div class="label">inboxes-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-inboxes"></i>
          <div class="label">inboxes</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-circle-fill"></i>
          <div class="label">info-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-circle"></i>
          <div class="label">info-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-lg"></i>
          <div class="label">info-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-square-fill"></i>
          <div class="label">info-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-info-square"></i>
          <div class="label">info-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-info"></i>
          <div class="label">info</div>
        </div>
        <div class="icon">
          <i class="bi bi-input-cursor-text"></i>
          <div class="label">input-cursor-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-input-cursor"></i>
          <div class="label">input-cursor</div>
        </div>
        <div class="icon">
          <i class="bi bi-instagram"></i>
          <div class="label">instagram</div>
        </div>
        <div class="icon">
          <i class="bi bi-intersect"></i>
          <div class="label">intersect</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-album"></i>
          <div class="label">journal-album</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-arrow-down"></i>
          <div class="label">journal-arrow-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-arrow-up"></i>
          <div class="label">journal-arrow-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-bookmark-fill"></i>
          <div class="label">journal-bookmark-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-bookmark"></i>
          <div class="label">journal-bookmark</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-check"></i>
          <div class="label">journal-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-code"></i>
          <div class="label">journal-code</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-medical"></i>
          <div class="label">journal-medical</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-minus"></i>
          <div class="label">journal-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-plus"></i>
          <div class="label">journal-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-richtext"></i>
          <div class="label">journal-richtext</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-text"></i>
          <div class="label">journal-text</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal-x"></i>
          <div class="label">journal-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-journal"></i>
          <div class="label">journal</div>
        </div>
        <div class="icon">
          <i class="bi bi-journals"></i>
          <div class="label">journals</div>
        </div>
        <div class="icon">
          <i class="bi bi-joystick"></i>
          <div class="label">joystick</div>
        </div>
        <div class="icon">
          <i class="bi bi-justify-left"></i>
          <div class="label">justify-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-justify-right"></i>
          <div class="label">justify-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-justify"></i>
          <div class="label">justify</div>
        </div>
        <div class="icon">
          <i class="bi bi-kanban-fill"></i>
          <div class="label">kanban-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-kanban"></i>
          <div class="label">kanban</div>
        </div>
        <div class="icon">
          <i class="bi bi-key-fill"></i>
          <div class="label">key-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-key"></i>
          <div class="label">key</div>
        </div>
        <div class="icon">
          <i class="bi bi-keyboard-fill"></i>
          <div class="label">keyboard-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-keyboard"></i>
          <div class="label">keyboard</div>
        </div>
        <div class="icon">
          <i class="bi bi-ladder"></i>
          <div class="label">ladder</div>
        </div>
        <div class="icon">
          <i class="bi bi-lamp-fill"></i>
          <div class="label">lamp-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lamp"></i>
          <div class="label">lamp</div>
        </div>
        <div class="icon">
          <i class="bi bi-laptop-fill"></i>
          <div class="label">laptop-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-laptop"></i>
          <div class="label">laptop</div>
        </div>
        <div class="icon">
          <i class="bi bi-layer-backward"></i>
          <div class="label">layer-backward</div>
        </div>
        <div class="icon">
          <i class="bi bi-layer-forward"></i>
          <div class="label">layer-forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-layers-fill"></i>
          <div class="label">layers-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-layers-half"></i>
          <div class="label">layers-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-layers"></i>
          <div class="label">layers</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar-inset-reverse"></i>
          <div class="label">layout-sidebar-inset-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar-inset"></i>
          <div class="label">layout-sidebar-inset</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar-reverse"></i>
          <div class="label">layout-sidebar-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-sidebar"></i>
          <div class="label">layout-sidebar</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-split"></i>
          <div class="label">layout-split</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-sidebar-reverse"></i>
          <div class="label">layout-text-sidebar-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-sidebar"></i>
          <div class="label">layout-text-sidebar</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-window-reverse"></i>
          <div class="label">layout-text-window-reverse</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-text-window"></i>
          <div class="label">layout-text-window</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-three-columns"></i>
          <div class="label">layout-three-columns</div>
        </div>
        <div class="icon">
          <i class="bi bi-layout-wtf"></i>
          <div class="label">layout-wtf</div>
        </div>
        <div class="icon">
          <i class="bi bi-life-preserver"></i>
          <div class="label">life-preserver</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb-fill"></i>
          <div class="label">lightbulb-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb-off-fill"></i>
          <div class="label">lightbulb-off-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb-off"></i>
          <div class="label">lightbulb-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightbulb"></i>
          <div class="label">lightbulb</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning-charge-fill"></i>
          <div class="label">lightning-charge-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning-charge"></i>
          <div class="label">lightning-charge</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning-fill"></i>
          <div class="label">lightning-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lightning"></i>
          <div class="label">lightning</div>
        </div>
        <div class="icon">
          <i class="bi bi-link-45deg"></i>
          <div class="label">link-45deg</div>
        </div>
        <div class="icon">
          <i class="bi bi-link"></i>
          <div class="label">link</div>
        </div>
        <div class="icon">
          <i class="bi bi-linkedin"></i>
          <div class="label">linkedin</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-check"></i>
          <div class="label">list-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-nested"></i>
          <div class="label">list-nested</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-ol"></i>
          <div class="label">list-ol</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-stars"></i>
          <div class="label">list-stars</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-task"></i>
          <div class="label">list-task</div>
        </div>
        <div class="icon">
          <i class="bi bi-list-ul"></i>
          <div class="label">list-ul</div>
        </div>
        <div class="icon">
          <i class="bi bi-list"></i>
          <div class="label">list</div>
        </div>
        <div class="icon">
          <i class="bi bi-lock-fill"></i>
          <div class="label">lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-lock"></i>
          <div class="label">lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-mailbox"></i>
          <div class="label">mailbox</div>
        </div>
        <div class="icon">
          <i class="bi bi-mailbox2"></i>
          <div class="label">mailbox2</div>
        </div>
        <div class="icon">
          <i class="bi bi-map-fill"></i>
          <div class="label">map-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-map"></i>
          <div class="label">map</div>
        </div>
        <div class="icon">
          <i class="bi bi-markdown-fill"></i>
          <div class="label">markdown-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-markdown"></i>
          <div class="label">markdown</div>
        </div>
        <div class="icon">
          <i class="bi bi-mask"></i>
          <div class="label">mask</div>
        </div>
        <div class="icon">
          <i class="bi bi-mastodon"></i>
          <div class="label">mastodon</div>
        </div>
        <div class="icon">
          <i class="bi bi-megaphone-fill"></i>
          <div class="label">megaphone-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-megaphone"></i>
          <div class="label">megaphone</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-app-fill"></i>
          <div class="label">menu-app-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-app"></i>
          <div class="label">menu-app</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button-fill"></i>
          <div class="label">menu-button-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button-wide-fill"></i>
          <div class="label">menu-button-wide-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button-wide"></i>
          <div class="label">menu-button-wide</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-button"></i>
          <div class="label">menu-button</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-down"></i>
          <div class="label">menu-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-menu-up"></i>
          <div class="label">menu-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-messenger"></i>
          <div class="label">messenger</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic-fill"></i>
          <div class="label">mic-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic-mute-fill"></i>
          <div class="label">mic-mute-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic-mute"></i>
          <div class="label">mic-mute</div>
        </div>
        <div class="icon">
          <i class="bi bi-mic"></i>
          <div class="label">mic</div>
        </div>
        <div class="icon">
          <i class="bi bi-minecart-loaded"></i>
          <div class="label">minecart-loaded</div>
        </div>
        <div class="icon">
          <i class="bi bi-minecart"></i>
          <div class="label">minecart</div>
        </div>
        <div class="icon">
          <i class="bi bi-moisture"></i>
          <div class="label">moisture</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon-fill"></i>
          <div class="label">moon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon-stars-fill"></i>
          <div class="label">moon-stars-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon-stars"></i>
          <div class="label">moon-stars</div>
        </div>
        <div class="icon">
          <i class="bi bi-moon"></i>
          <div class="label">moon</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse-fill"></i>
          <div class="label">mouse-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse"></i>
          <div class="label">mouse</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse2-fill"></i>
          <div class="label">mouse2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse2"></i>
          <div class="label">mouse2</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse3-fill"></i>
          <div class="label">mouse3-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-mouse3"></i>
          <div class="label">mouse3</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-note-beamed"></i>
          <div class="label">music-note-beamed</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-note-list"></i>
          <div class="label">music-note-list</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-note"></i>
          <div class="label">music-note</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-player-fill"></i>
          <div class="label">music-player-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-music-player"></i>
          <div class="label">music-player</div>
        </div>
        <div class="icon">
          <i class="bi bi-newspaper"></i>
          <div class="label">newspaper</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-minus-fill"></i>
          <div class="label">node-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-minus"></i>
          <div class="label">node-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-plus-fill"></i>
          <div class="label">node-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-node-plus"></i>
          <div class="label">node-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-nut-fill"></i>
          <div class="label">nut-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-nut"></i>
          <div class="label">nut</div>
        </div>
        <div class="icon">
          <i class="bi bi-octagon-fill"></i>
          <div class="label">octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-octagon-half"></i>
          <div class="label">octagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-octagon"></i>
          <div class="label">octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-option"></i>
          <div class="label">option</div>
        </div>
        <div class="icon">
          <i class="bi bi-outlet"></i>
          <div class="label">outlet</div>
        </div>
        <div class="icon">
          <i class="bi bi-paint-bucket"></i>
          <div class="label">paint-bucket</div>
        </div>
        <div class="icon">
          <i class="bi bi-palette-fill"></i>
          <div class="label">palette-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-palette"></i>
          <div class="label">palette</div>
        </div>
        <div class="icon">
          <i class="bi bi-palette2"></i>
          <div class="label">palette2</div>
        </div>
        <div class="icon">
          <i class="bi bi-paperclip"></i>
          <div class="label">paperclip</div>
        </div>
        <div class="icon">
          <i class="bi bi-paragraph"></i>
          <div class="label">paragraph</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-check-fill"></i>
          <div class="label">patch-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-check"></i>
          <div class="label">patch-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-exclamation-fill"></i>
          <div class="label">patch-exclamation-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-exclamation"></i>
          <div class="label">patch-exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-minus-fill"></i>
          <div class="label">patch-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-minus"></i>
          <div class="label">patch-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-plus-fill"></i>
          <div class="label">patch-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-plus"></i>
          <div class="label">patch-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-question-fill"></i>
          <div class="label">patch-question-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-patch-question"></i>
          <div class="label">patch-question</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-btn-fill"></i>
          <div class="label">pause-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-btn"></i>
          <div class="label">pause-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-circle-fill"></i>
          <div class="label">pause-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-circle"></i>
          <div class="label">pause-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause-fill"></i>
          <div class="label">pause-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pause"></i>
          <div class="label">pause</div>
        </div>
        <div class="icon">
          <i class="bi bi-peace-fill"></i>
          <div class="label">peace-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-peace"></i>
          <div class="label">peace</div>
        </div>
        <div class="icon">
          <i class="bi bi-pen-fill"></i>
          <div class="label">pen-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pen"></i>
          <div class="label">pen</div>
        </div>
        <div class="icon">
          <i class="bi bi-pencil-fill"></i>
          <div class="label">pencil-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pencil-square"></i>
          <div class="label">pencil-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-pencil"></i>
          <div class="label">pencil</div>
        </div>
        <div class="icon">
          <i class="bi bi-pentagon-fill"></i>
          <div class="label">pentagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pentagon-half"></i>
          <div class="label">pentagon-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-pentagon"></i>
          <div class="label">pentagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-people-fill"></i>
          <div class="label">people-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-people"></i>
          <div class="label">people</div>
        </div>
        <div class="icon">
          <i class="bi bi-percent"></i>
          <div class="label">percent</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-badge-fill"></i>
          <div class="label">person-badge-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-badge"></i>
          <div class="label">person-badge</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-bounding-box"></i>
          <div class="label">person-bounding-box</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-check-fill"></i>
          <div class="label">person-check-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-check"></i>
          <div class="label">person-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-circle"></i>
          <div class="label">person-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-dash-fill"></i>
          <div class="label">person-dash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-dash"></i>
          <div class="label">person-dash</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-fill"></i>
          <div class="label">person-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-lines-fill"></i>
          <div class="label">person-lines-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-plus-fill"></i>
          <div class="label">person-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-plus"></i>
          <div class="label">person-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-square"></i>
          <div class="label">person-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-x-fill"></i>
          <div class="label">person-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-person-x"></i>
          <div class="label">person-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-person"></i>
          <div class="label">person</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-fill"></i>
          <div class="label">phone-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-landscape-fill"></i>
          <div class="label">phone-landscape-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-landscape"></i>
          <div class="label">phone-landscape</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-vibrate-fill"></i>
          <div class="label">phone-vibrate-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone-vibrate"></i>
          <div class="label">phone-vibrate</div>
        </div>
        <div class="icon">
          <i class="bi bi-phone"></i>
          <div class="label">phone</div>
        </div>
        <div class="icon">
          <i class="bi bi-pie-chart-fill"></i>
          <div class="label">pie-chart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pie-chart"></i>
          <div class="label">pie-chart</div>
        </div>
        <div class="icon">
          <i class="bi bi-piggy-bank-fill"></i>
          <div class="label">piggy-bank-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-piggy-bank"></i>
          <div class="label">piggy-bank</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-angle-fill"></i>
          <div class="label">pin-angle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-angle"></i>
          <div class="label">pin-angle</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-fill"></i>
          <div class="label">pin-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-map-fill"></i>
          <div class="label">pin-map-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin-map"></i>
          <div class="label">pin-map</div>
        </div>
        <div class="icon">
          <i class="bi bi-pin"></i>
          <div class="label">pin</div>
        </div>
        <div class="icon">
          <i class="bi bi-pip-fill"></i>
          <div class="label">pip-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-pip"></i>
          <div class="label">pip</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-btn-fill"></i>
          <div class="label">play-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-btn"></i>
          <div class="label">play-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-circle-fill"></i>
          <div class="label">play-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-circle"></i>
          <div class="label">play-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-play-fill"></i>
          <div class="label">play-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-play"></i>
          <div class="label">play</div>
        </div>
        <div class="icon">
          <i class="bi bi-plug-fill"></i>
          <div class="label">plug-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-plug"></i>
          <div class="label">plug</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-circle-dotted"></i>
          <div class="label">plus-circle-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-circle-fill"></i>
          <div class="label">plus-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-circle"></i>
          <div class="label">plus-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-lg"></i>
          <div class="label">plus-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-square-dotted"></i>
          <div class="label">plus-square-dotted</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-square-fill"></i>
          <div class="label">plus-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus-square"></i>
          <div class="label">plus-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-plus"></i>
          <div class="label">plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-power"></i>
          <div class="label">power</div>
        </div>
        <div class="icon">
          <i class="bi bi-printer-fill"></i>
          <div class="label">printer-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-printer"></i>
          <div class="label">printer</div>
        </div>
        <div class="icon">
          <i class="bi bi-puzzle-fill"></i>
          <div class="label">puzzle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-puzzle"></i>
          <div class="label">puzzle</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-circle-fill"></i>
          <div class="label">question-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-circle"></i>
          <div class="label">question-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-diamond-fill"></i>
          <div class="label">question-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-diamond"></i>
          <div class="label">question-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-lg"></i>
          <div class="label">question-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-octagon-fill"></i>
          <div class="label">question-octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-octagon"></i>
          <div class="label">question-octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-square-fill"></i>
          <div class="label">question-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-question-square"></i>
          <div class="label">question-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-question"></i>
          <div class="label">question</div>
        </div>
        <div class="icon">
          <i class="bi bi-rainbow"></i>
          <div class="label">rainbow</div>
        </div>
        <div class="icon">
          <i class="bi bi-receipt-cutoff"></i>
          <div class="label">receipt-cutoff</div>
        </div>
        <div class="icon">
          <i class="bi bi-receipt"></i>
          <div class="label">receipt</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-0"></i>
          <div class="label">reception-0</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-1"></i>
          <div class="label">reception-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-2"></i>
          <div class="label">reception-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-3"></i>
          <div class="label">reception-3</div>
        </div>
        <div class="icon">
          <i class="bi bi-reception-4"></i>
          <div class="label">reception-4</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-btn-fill"></i>
          <div class="label">record-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-btn"></i>
          <div class="label">record-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-circle-fill"></i>
          <div class="label">record-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-circle"></i>
          <div class="label">record-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-record-fill"></i>
          <div class="label">record-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record"></i>
          <div class="label">record</div>
        </div>
        <div class="icon">
          <i class="bi bi-record2-fill"></i>
          <div class="label">record2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-record2"></i>
          <div class="label">record2</div>
        </div>
        <div class="icon">
          <i class="bi bi-recycle"></i>
          <div class="label">recycle</div>
        </div>
        <div class="icon">
          <i class="bi bi-reddit"></i>
          <div class="label">reddit</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply-all-fill"></i>
          <div class="label">reply-all-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply-all"></i>
          <div class="label">reply-all</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply-fill"></i>
          <div class="label">reply-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-reply"></i>
          <div class="label">reply</div>
        </div>
        <div class="icon">
          <i class="bi bi-rss-fill"></i>
          <div class="label">rss-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-rss"></i>
          <div class="label">rss</div>
        </div>
        <div class="icon">
          <i class="bi bi-rulers"></i>
          <div class="label">rulers</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe-fill"></i>
          <div class="label">safe-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe"></i>
          <div class="label">safe</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe2-fill"></i>
          <div class="label">safe2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-safe2"></i>
          <div class="label">safe2</div>
        </div>
        <div class="icon">
          <i class="bi bi-save-fill"></i>
          <div class="label">save-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-save"></i>
          <div class="label">save</div>
        </div>
        <div class="icon">
          <i class="bi bi-save2-fill"></i>
          <div class="label">save2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-save2"></i>
          <div class="label">save2</div>
        </div>
        <div class="icon">
          <i class="bi bi-scissors"></i>
          <div class="label">scissors</div>
        </div>
        <div class="icon">
          <i class="bi bi-screwdriver"></i>
          <div class="label">screwdriver</div>
        </div>
        <div class="icon">
          <i class="bi bi-sd-card-fill"></i>
          <div class="label">sd-card-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sd-card"></i>
          <div class="label">sd-card</div>
        </div>
        <div class="icon">
          <i class="bi bi-search"></i>
          <div class="label">search</div>
        </div>
        <div class="icon">
          <i class="bi bi-segmented-nav"></i>
          <div class="label">segmented-nav</div>
        </div>
        <div class="icon">
          <i class="bi bi-server"></i>
          <div class="label">server</div>
        </div>
        <div class="icon">
          <i class="bi bi-share-fill"></i>
          <div class="label">share-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-share"></i>
          <div class="label">share</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-check"></i>
          <div class="label">shield-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-exclamation"></i>
          <div class="label">shield-exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-check"></i>
          <div class="label">shield-fill-check</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-exclamation"></i>
          <div class="label">shield-fill-exclamation</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-minus"></i>
          <div class="label">shield-fill-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-plus"></i>
          <div class="label">shield-fill-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill-x"></i>
          <div class="label">shield-fill-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-fill"></i>
          <div class="label">shield-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-lock-fill"></i>
          <div class="label">shield-lock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-lock"></i>
          <div class="label">shield-lock</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-minus"></i>
          <div class="label">shield-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-plus"></i>
          <div class="label">shield-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-shaded"></i>
          <div class="label">shield-shaded</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-slash-fill"></i>
          <div class="label">shield-slash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-slash"></i>
          <div class="label">shield-slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield-x"></i>
          <div class="label">shield-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-shield"></i>
          <div class="label">shield</div>
        </div>
        <div class="icon">
          <i class="bi bi-shift-fill"></i>
          <div class="label">shift-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-shift"></i>
          <div class="label">shift</div>
        </div>
        <div class="icon">
          <i class="bi bi-shop-window"></i>
          <div class="label">shop-window</div>
        </div>
        <div class="icon">
          <i class="bi bi-shop"></i>
          <div class="label">shop</div>
        </div>
        <div class="icon">
          <i class="bi bi-shuffle"></i>
          <div class="label">shuffle</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-2-fill"></i>
          <div class="label">signpost-2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-2"></i>
          <div class="label">signpost-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-fill"></i>
          <div class="label">signpost-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-split-fill"></i>
          <div class="label">signpost-split-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost-split"></i>
          <div class="label">signpost-split</div>
        </div>
        <div class="icon">
          <i class="bi bi-signpost"></i>
          <div class="label">signpost</div>
        </div>
        <div class="icon">
          <i class="bi bi-sim-fill"></i>
          <div class="label">sim-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sim"></i>
          <div class="label">sim</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-btn-fill"></i>
          <div class="label">skip-backward-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-btn"></i>
          <div class="label">skip-backward-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-circle-fill"></i>
          <div class="label">skip-backward-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-circle"></i>
          <div class="label">skip-backward-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward-fill"></i>
          <div class="label">skip-backward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-backward"></i>
          <div class="label">skip-backward</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-btn-fill"></i>
          <div class="label">skip-end-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-btn"></i>
          <div class="label">skip-end-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-circle-fill"></i>
          <div class="label">skip-end-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-circle"></i>
          <div class="label">skip-end-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end-fill"></i>
          <div class="label">skip-end-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-end"></i>
          <div class="label">skip-end</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-btn-fill"></i>
          <div class="label">skip-forward-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-btn"></i>
          <div class="label">skip-forward-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-circle-fill"></i>
          <div class="label">skip-forward-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-circle"></i>
          <div class="label">skip-forward-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward-fill"></i>
          <div class="label">skip-forward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-forward"></i>
          <div class="label">skip-forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-btn-fill"></i>
          <div class="label">skip-start-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-btn"></i>
          <div class="label">skip-start-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-circle-fill"></i>
          <div class="label">skip-start-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-circle"></i>
          <div class="label">skip-start-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start-fill"></i>
          <div class="label">skip-start-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-skip-start"></i>
          <div class="label">skip-start</div>
        </div>
        <div class="icon">
          <i class="bi bi-skype"></i>
          <div class="label">skype</div>
        </div>
        <div class="icon">
          <i class="bi bi-slack"></i>
          <div class="label">slack</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-circle-fill"></i>
          <div class="label">slash-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-circle"></i>
          <div class="label">slash-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-lg"></i>
          <div class="label">slash-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-square-fill"></i>
          <div class="label">slash-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash-square"></i>
          <div class="label">slash-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-slash"></i>
          <div class="label">slash</div>
        </div>
        <div class="icon">
          <i class="bi bi-sliders"></i>
          <div class="label">sliders</div>
        </div>
        <div class="icon">
          <i class="bi bi-smartwatch"></i>
          <div class="label">smartwatch</div>
        </div>
        <div class="icon">
          <i class="bi bi-snow"></i>
          <div class="label">snow</div>
        </div>
        <div class="icon">
          <i class="bi bi-snow2"></i>
          <div class="label">snow2</div>
        </div>
        <div class="icon">
          <i class="bi bi-snow3"></i>
          <div class="label">snow3</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-down-alt"></i>
          <div class="label">sort-alpha-down-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-down"></i>
          <div class="label">sort-alpha-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-up-alt"></i>
          <div class="label">sort-alpha-up-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-alpha-up"></i>
          <div class="label">sort-alpha-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-down-alt"></i>
          <div class="label">sort-down-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-down"></i>
          <div class="label">sort-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-down-alt"></i>
          <div class="label">sort-numeric-down-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-down"></i>
          <div class="label">sort-numeric-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-up-alt"></i>
          <div class="label">sort-numeric-up-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-numeric-up"></i>
          <div class="label">sort-numeric-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-up-alt"></i>
          <div class="label">sort-up-alt</div>
        </div>
        <div class="icon">
          <i class="bi bi-sort-up"></i>
          <div class="label">sort-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-soundwave"></i>
          <div class="label">soundwave</div>
        </div>
        <div class="icon">
          <i class="bi bi-speaker-fill"></i>
          <div class="label">speaker-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-speaker"></i>
          <div class="label">speaker</div>
        </div>
        <div class="icon">
          <i class="bi bi-speedometer"></i>
          <div class="label">speedometer</div>
        </div>
        <div class="icon">
          <i class="bi bi-speedometer2"></i>
          <div class="label">speedometer2</div>
        </div>
        <div class="icon">
          <i class="bi bi-spellcheck"></i>
          <div class="label">spellcheck</div>
        </div>
        <div class="icon">
          <i class="bi bi-square-fill"></i>
          <div class="label">square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-square-half"></i>
          <div class="label">square-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-square"></i>
          <div class="label">square</div>
        </div>
        <div class="icon">
          <i class="bi bi-stack"></i>
          <div class="label">stack</div>
        </div>
        <div class="icon">
          <i class="bi bi-star-fill"></i>
          <div class="label">star-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-star-half"></i>
          <div class="label">star-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-star"></i>
          <div class="label">star</div>
        </div>
        <div class="icon">
          <i class="bi bi-stars"></i>
          <div class="label">stars</div>
        </div>
        <div class="icon">
          <i class="bi bi-stickies-fill"></i>
          <div class="label">stickies-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stickies"></i>
          <div class="label">stickies</div>
        </div>
        <div class="icon">
          <i class="bi bi-sticky-fill"></i>
          <div class="label">sticky-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sticky"></i>
          <div class="label">sticky</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-btn-fill"></i>
          <div class="label">stop-btn-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-btn"></i>
          <div class="label">stop-btn</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-circle-fill"></i>
          <div class="label">stop-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-circle"></i>
          <div class="label">stop-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop-fill"></i>
          <div class="label">stop-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stop"></i>
          <div class="label">stop</div>
        </div>
        <div class="icon">
          <i class="bi bi-stoplights-fill"></i>
          <div class="label">stoplights-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stoplights"></i>
          <div class="label">stoplights</div>
        </div>
        <div class="icon">
          <i class="bi bi-stopwatch-fill"></i>
          <div class="label">stopwatch-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-stopwatch"></i>
          <div class="label">stopwatch</div>
        </div>
        <div class="icon">
          <i class="bi bi-subtract"></i>
          <div class="label">subtract</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-club-fill"></i>
          <div class="label">suit-club-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-club"></i>
          <div class="label">suit-club</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-diamond-fill"></i>
          <div class="label">suit-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-diamond"></i>
          <div class="label">suit-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-heart-fill"></i>
          <div class="label">suit-heart-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-heart"></i>
          <div class="label">suit-heart</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-spade-fill"></i>
          <div class="label">suit-spade-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-suit-spade"></i>
          <div class="label">suit-spade</div>
        </div>
        <div class="icon">
          <i class="bi bi-sun-fill"></i>
          <div class="label">sun-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sun"></i>
          <div class="label">sun</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunglasses"></i>
          <div class="label">sunglasses</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunrise-fill"></i>
          <div class="label">sunrise-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunrise"></i>
          <div class="label">sunrise</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunset-fill"></i>
          <div class="label">sunset-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-sunset"></i>
          <div class="label">sunset</div>
        </div>
        <div class="icon">
          <i class="bi bi-symmetry-horizontal"></i>
          <div class="label">symmetry-horizontal</div>
        </div>
        <div class="icon">
          <i class="bi bi-symmetry-vertical"></i>
          <div class="label">symmetry-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-table"></i>
          <div class="label">table</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet-fill"></i>
          <div class="label">tablet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet-landscape-fill"></i>
          <div class="label">tablet-landscape-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet-landscape"></i>
          <div class="label">tablet-landscape</div>
        </div>
        <div class="icon">
          <i class="bi bi-tablet"></i>
          <div class="label">tablet</div>
        </div>
        <div class="icon">
          <i class="bi bi-tag-fill"></i>
          <div class="label">tag-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tag"></i>
          <div class="label">tag</div>
        </div>
        <div class="icon">
          <i class="bi bi-tags-fill"></i>
          <div class="label">tags-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tags"></i>
          <div class="label">tags</div>
        </div>
        <div class="icon">
          <i class="bi bi-telegram"></i>
          <div class="label">telegram</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-fill"></i>
          <div class="label">telephone-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-forward-fill"></i>
          <div class="label">telephone-forward-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-forward"></i>
          <div class="label">telephone-forward</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-inbound-fill"></i>
          <div class="label">telephone-inbound-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-inbound"></i>
          <div class="label">telephone-inbound</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-minus-fill"></i>
          <div class="label">telephone-minus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-minus"></i>
          <div class="label">telephone-minus</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-outbound-fill"></i>
          <div class="label">telephone-outbound-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-outbound"></i>
          <div class="label">telephone-outbound</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-plus-fill"></i>
          <div class="label">telephone-plus-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-plus"></i>
          <div class="label">telephone-plus</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-x-fill"></i>
          <div class="label">telephone-x-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone-x"></i>
          <div class="label">telephone-x</div>
        </div>
        <div class="icon">
          <i class="bi bi-telephone"></i>
          <div class="label">telephone</div>
        </div>
        <div class="icon">
          <i class="bi bi-terminal-fill"></i>
          <div class="label">terminal-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-terminal"></i>
          <div class="label">terminal</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-center"></i>
          <div class="label">text-center</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-indent-left"></i>
          <div class="label">text-indent-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-indent-right"></i>
          <div class="label">text-indent-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-left"></i>
          <div class="label">text-left</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-paragraph"></i>
          <div class="label">text-paragraph</div>
        </div>
        <div class="icon">
          <i class="bi bi-text-right"></i>
          <div class="label">text-right</div>
        </div>
        <div class="icon">
          <i class="bi bi-textarea-resize"></i>
          <div class="label">textarea-resize</div>
        </div>
        <div class="icon">
          <i class="bi bi-textarea-t"></i>
          <div class="label">textarea-t</div>
        </div>
        <div class="icon">
          <i class="bi bi-textarea"></i>
          <div class="label">textarea</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-half"></i>
          <div class="label">thermometer-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-high"></i>
          <div class="label">thermometer-high</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-low"></i>
          <div class="label">thermometer-low</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-snow"></i>
          <div class="label">thermometer-snow</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer-sun"></i>
          <div class="label">thermometer-sun</div>
        </div>
        <div class="icon">
          <i class="bi bi-thermometer"></i>
          <div class="label">thermometer</div>
        </div>
        <div class="icon">
          <i class="bi bi-three-dots-vertical"></i>
          <div class="label">three-dots-vertical</div>
        </div>
        <div class="icon">
          <i class="bi bi-three-dots"></i>
          <div class="label">three-dots</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle-off"></i>
          <div class="label">toggle-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle-on"></i>
          <div class="label">toggle-on</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle2-off"></i>
          <div class="label">toggle2-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggle2-on"></i>
          <div class="label">toggle2-on</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggles"></i>
          <div class="label">toggles</div>
        </div>
        <div class="icon">
          <i class="bi bi-toggles2"></i>
          <div class="label">toggles2</div>
        </div>
        <div class="icon">
          <i class="bi bi-tools"></i>
          <div class="label">tools</div>
        </div>
        <div class="icon">
          <i class="bi bi-tornado"></i>
          <div class="label">tornado</div>
        </div>
        <div class="icon">
          <i class="bi bi-translate"></i>
          <div class="label">translate</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash-fill"></i>
          <div class="label">trash-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash"></i>
          <div class="label">trash</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash2-fill"></i>
          <div class="label">trash2-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-trash2"></i>
          <div class="label">trash2</div>
        </div>
        <div class="icon">
          <i class="bi bi-tree-fill"></i>
          <div class="label">tree-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tree"></i>
          <div class="label">tree</div>
        </div>
        <div class="icon">
          <i class="bi bi-triangle-fill"></i>
          <div class="label">triangle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-triangle-half"></i>
          <div class="label">triangle-half</div>
        </div>
        <div class="icon">
          <i class="bi bi-triangle"></i>
          <div class="label">triangle</div>
        </div>
        <div class="icon">
          <i class="bi bi-trophy-fill"></i>
          <div class="label">trophy-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-trophy"></i>
          <div class="label">trophy</div>
        </div>
        <div class="icon">
          <i class="bi bi-tropical-storm"></i>
          <div class="label">tropical-storm</div>
        </div>
        <div class="icon">
          <i class="bi bi-truck-flatbed"></i>
          <div class="label">truck-flatbed</div>
        </div>
        <div class="icon">
          <i class="bi bi-truck"></i>
          <div class="label">truck</div>
        </div>
        <div class="icon">
          <i class="bi bi-tsunami"></i>
          <div class="label">tsunami</div>
        </div>
        <div class="icon">
          <i class="bi bi-tv-fill"></i>
          <div class="label">tv-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-tv"></i>
          <div class="label">tv</div>
        </div>
        <div class="icon">
          <i class="bi bi-twitch"></i>
          <div class="label">twitch</div>
        </div>
        <div class="icon">
          <i class="bi bi-twitter"></i>
          <div class="label">twitter</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-bold"></i>
          <div class="label">type-bold</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-h1"></i>
          <div class="label">type-h1</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-h2"></i>
          <div class="label">type-h2</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-h3"></i>
          <div class="label">type-h3</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-italic"></i>
          <div class="label">type-italic</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-strikethrough"></i>
          <div class="label">type-strikethrough</div>
        </div>
        <div class="icon">
          <i class="bi bi-type-underline"></i>
          <div class="label">type-underline</div>
        </div>
        <div class="icon">
          <i class="bi bi-type"></i>
          <div class="label">type</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-checks-grid"></i>
          <div class="label">ui-checks-grid</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-checks"></i>
          <div class="label">ui-checks</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-radios-grid"></i>
          <div class="label">ui-radios-grid</div>
        </div>
        <div class="icon">
          <i class="bi bi-ui-radios"></i>
          <div class="label">ui-radios</div>
        </div>
        <div class="icon">
          <i class="bi bi-umbrella-fill"></i>
          <div class="label">umbrella-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-umbrella"></i>
          <div class="label">umbrella</div>
        </div>
        <div class="icon">
          <i class="bi bi-union"></i>
          <div class="label">union</div>
        </div>
        <div class="icon">
          <i class="bi bi-unlock-fill"></i>
          <div class="label">unlock-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-unlock"></i>
          <div class="label">unlock</div>
        </div>
        <div class="icon">
          <i class="bi bi-upc-scan"></i>
          <div class="label">upc-scan</div>
        </div>
        <div class="icon">
          <i class="bi bi-upc"></i>
          <div class="label">upc</div>
        </div>
        <div class="icon">
          <i class="bi bi-upload"></i>
          <div class="label">upload</div>
        </div>
        <div class="icon">
          <i class="bi bi-vector-pen"></i>
          <div class="label">vector-pen</div>
        </div>
        <div class="icon">
          <i class="bi bi-view-list"></i>
          <div class="label">view-list</div>
        </div>
        <div class="icon">
          <i class="bi bi-view-stacked"></i>
          <div class="label">view-stacked</div>
        </div>
        <div class="icon">
          <i class="bi bi-vinyl-fill"></i>
          <div class="label">vinyl-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-vinyl"></i>
          <div class="label">vinyl</div>
        </div>
        <div class="icon">
          <i class="bi bi-voicemail"></i>
          <div class="label">voicemail</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-down-fill"></i>
          <div class="label">volume-down-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-down"></i>
          <div class="label">volume-down</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-mute-fill"></i>
          <div class="label">volume-mute-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-mute"></i>
          <div class="label">volume-mute</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-off-fill"></i>
          <div class="label">volume-off-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-off"></i>
          <div class="label">volume-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-up-fill"></i>
          <div class="label">volume-up-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-volume-up"></i>
          <div class="label">volume-up</div>
        </div>
        <div class="icon">
          <i class="bi bi-vr"></i>
          <div class="label">vr</div>
        </div>
        <div class="icon">
          <i class="bi bi-wallet-fill"></i>
          <div class="label">wallet-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-wallet"></i>
          <div class="label">wallet</div>
        </div>
        <div class="icon">
          <i class="bi bi-wallet2"></i>
          <div class="label">wallet2</div>
        </div>
        <div class="icon">
          <i class="bi bi-watch"></i>
          <div class="label">watch</div>
        </div>
        <div class="icon">
          <i class="bi bi-water"></i>
          <div class="label">water</div>
        </div>
        <div class="icon">
          <i class="bi bi-whatsapp"></i>
          <div class="label">whatsapp</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi-1"></i>
          <div class="label">wifi-1</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi-2"></i>
          <div class="label">wifi-2</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi-off"></i>
          <div class="label">wifi-off</div>
        </div>
        <div class="icon">
          <i class="bi bi-wifi"></i>
          <div class="label">wifi</div>
        </div>
        <div class="icon">
          <i class="bi bi-wind"></i>
          <div class="label">wind</div>
        </div>
        <div class="icon">
          <i class="bi bi-window-dock"></i>
          <div class="label">window-dock</div>
        </div>
        <div class="icon">
          <i class="bi bi-window-sidebar"></i>
          <div class="label">window-sidebar</div>
        </div>
        <div class="icon">
          <i class="bi bi-window"></i>
          <div class="label">window</div>
        </div>
        <div class="icon">
          <i class="bi bi-wrench"></i>
          <div class="label">wrench</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-circle-fill"></i>
          <div class="label">x-circle-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-circle"></i>
          <div class="label">x-circle</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-diamond-fill"></i>
          <div class="label">x-diamond-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-diamond"></i>
          <div class="label">x-diamond</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-lg"></i>
          <div class="label">x-lg</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-octagon-fill"></i>
          <div class="label">x-octagon-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-octagon"></i>
          <div class="label">x-octagon</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-square-fill"></i>
          <div class="label">x-square-fill</div>
        </div>
        <div class="icon">
          <i class="bi bi-x-square"></i>
          <div class="label">x-square</div>
        </div>
        <div class="icon">
          <i class="bi bi-x"></i>
          <div class="label">x</div>
        </div>
        <div class="icon">
          <i class="bi bi-youtube"></i>
          <div class="label">youtube</div>
        </div>
        <div class="icon">
          <i class="bi bi-zoom-in"></i>
          <div class="label">zoom-in</div>
        </div>
        <div class="icon">
          <i class="bi bi-zoom-out"></i>
          <div class="label">zoom-out</div>
        </div>
      </div>

    </section>

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer" class="footer">
    <div class="copyright">
      &copy; Copyright <strong><span>Ark Cards</span></strong>. All Rights Reserved
    </div>
    <div class="credits">
      <!-- All the links in the footer should remain intact. -->
      <!-- You can delete the links only if you purchased the pro version. -->
      <!-- Licensing information: https://bootstrapmade.com/license/ -->
      <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
      Designed by <a href="https://ai.choozmo.com/">Choozmo</a>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/apexcharts/apexcharts.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/chart.js/chart.min.js"></script>
  <script src="assets/vendor/echarts/echarts.min.js"></script>
  <script src="assets/vendor/quill/quill.min.js"></script>
  <script src="assets/vendor/simple-datatables/simple-datatables.js"></script>
  <script src="assets/vendor/tinymce/tinymce.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>