1 Star 0 Fork 3

ForCherry/bootstrap-v4.0_demo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
icons-ionicons.html 137.16 KB
一键复制 编辑 原始数据 按行查看 历史
lib_wiki 提交于 2019-10-22 15:52 . Init commit
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="author" content="">
<!-- Title -->
<title>Neptune</title>
<!-- Vendor CSS -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/themify-icons/themify-icons.css">
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/animate.css/animate.min.css">
<link rel="stylesheet" href="vendor/jscrollpane/jquery.jscrollpane.css">
<link rel="stylesheet" href="vendor/waves/waves.min.css">
<link rel="stylesheet" href="vendor/chartist/chartist.min.css">
<link rel="stylesheet" href="vendor/switchery/dist/switchery.min.css">
<link rel="stylesheet" href="vendor/ionicons/css/ionicons.min.css">
<!-- Neptune CSS -->
<link rel="stylesheet" href="css/core.css">
<!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="large-sidebar fixed-sidebar fixed-header">
<div class="wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Sidebar -->
<div class="site-sidebar-overlay"></div>
<div class="site-sidebar">
<a class="logo" href="index.html">
<span class="l-text">Neptune</span>
<span class="l-icon"></span>
</a>
<div class="custom-scroll custom-scroll-light">
<ul class="sidebar-menu">
<li class="menu-title m-t-0-5">Navigation</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-dashboard"></i></span>
<span class="s-text">Dashboard</span>
</a>
<ul>
<li><a href="index.html">Dashboard 1</a></li>
<li><a href="index2.html">Dashboard 2</a></li>
<li><a href="index3.html">Dashboard 3</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="tag tag-danger">7</span>
<span class="s-icon"><i class="ti-package"></i></span>
<span class="s-text">Widgets</span>
</a>
<ul>
<li><a href="widgets-blog.html">Blog</a></li>
<li><a href="widgets-social.html">Social</a></li>
<li><a href="widgets-ecommerce.html">Ecommerce</a></li>
<li><a href="widgets-navigation.html">Navigation</a></li>
<li><a href="widgets-headers.html">Headers</a></li>
<li><a href="widgets-footers.html">Footers</a></li>
<li><a href="widgets-tiles.html">Tiles</a></li>
<li><a href="widgets-modals.html">Modals</a></li>
</ul>
</li>
<li class="menu-title">Main</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="tag tag-purple">12</span>
<span class="s-icon"><i class="ti-paint-bucket"></i></span>
<span class="s-text">UI Kit</span>
</a>
<ul>
<li><a href="ui-buttons.html">Buttons</a></li>
<li><a href="ui-dropdowns.html">Dropdowns</a></li>
<li><a href="ui-notifications.html">Notifications</a></li>
<li><a href="ui-cards.html">Cards</a></li>
<li><a href="ui-navs.html">Navs</a></li>
<li><a href="ui-progress.html">Progress</a></li>
<li><a href="ui-modal.html">Modal</a></li>
<li><a href="ui-carousel.html">Carousel</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-grid.html">Grid</a></li>
<li><a href="ui-other.html">Other</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-pencil-alt"></i></span>
<span class="s-text">Forms</span>
</a>
<ul>
<li><a href="forms-basic.html">Basic Elements</a></li>
<li><a href="forms-editors.html">Editors</a></li>
<li><a href="forms-plugins.html">Plugins</a></li>
<li><a href="forms-pickers.html">Form Pickers</a></li>
<li><a href="forms-masks.html">Form Masks</a></li>
<li><a href="forms-wizard.html">Form Wizard</a></li>
<li><a href="forms-xeditable.html">X-editable</a></li>
<li><a href="forms-upload.html">File Upload</a></li>
<li><a href="forms-typeahead.html">Typeahead</a></li>
<li><a href="forms-range-slider.html">Range Slider</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-menu-alt"></i></span>
<span class="s-text">Tables</span>
</a>
<ul>
<li><a href="tables-basic.html">Basic Tables</a></li>
<li><a href="tables-datatable.html">Data Tables</a></li>
<li><a href="tables-editable.html">Editable Tables</a></li>
<li><a href="tables-responsive.html">Responsive Tables</a></li>
<li><a href="tables-jsgrid.html">jsGrid Tables</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="tag tag-success">3</span>
<span class="s-icon"><i class="ti-gallery"></i></span>
<span class="s-text">Pages</span>
</a>
<ul>
<li><a href="pages-blank.html">Blank</a></li>
<li><a href="pages-403.html">Error 403</a></li>
<li><a href="pages-404.html">Error 404</a></li>
<li><a href="pages-500.html">Error 500</a></li>
<li><a href="pages-faq.html">FAQ</a></li>
<li><a href="pages-invoice.html">Invoice</a></li>
<li><a href="pages-profile.html">Profile</a></li>
<li><a href="pages-sign-in.html">Sign In</a></li>
<li><a href="pages-sign-in2.html">Sign In 2</a></li>
<li><a href="pages-reset-password.html">Reset Password</a></li>
<li><a href="pages-sign-up.html">Sign Up</a></li>
<li><a href="pages-contactform.html">Contact Form</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-view-grid"></i></span>
<span class="s-text">Apps</span>
</a>
<ul>
<li><a href="apps-inbox.html">Inbox</a></li>
<li><a href="apps-chat.html">Chat</a></li>
<li><a href="apps-contacts.html">Contacts</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-star"></i></span>
<span class="s-text">Icons</span>
</a>
<ul>
<li><a href="icons-fontawesome.html">Font Awesome</a></li>
<li><a href="icons-material.html">Material Design</a></li>
<li><a href="icons-themify.html">Themify Icons</a></li>
<li><a href="icons-weather.html">Weather Icons</a></li>
<li><a href="icons-ionicons.html">Ionicons</a></li>
<li><a href="icons-typicons.html">Typicons</a></li>
<li><a href="icons-pe7.html">Pe7 Icons</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-settings"></i></span>
<span class="s-text">Utilities</span>
</a>
<ul>
<li><a href="utilities-color.html">Color utilities</a></li>
<li><a href="utilities-border.html">Border utilities</a></li>
<li><a href="utilities-other.html">Other utilities</a></li>
</ul>
</li>
<li class="menu-title">More</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-location-arrow"></i></span>
<span class="s-text">Extra</span>
</a>
<ul>
<li><a href="extra-animations.html">Animations</a></li>
<li><a href="extra-comments.html">Comments</a></li>
<li><a href="extra-lightbox.html">Lightbox</a></li>
<li><a href="extra-nestable.html">Nestable</a></li>
<li><a href="extra-crop.html">Image Crop</a></li>
<li><a href="extra-loading-progress.html">Loading Progress</a></li>
<li><a href="extra-prices.html">Prices</a></li>
<li><a href="extra-timeline.html">Timeline</a></li>
<li><a href="extra-search.html">Search</a></li>
<li><a href="extra-scrollbar.html">Scroll Bar</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-new-window"></i></span>
<span class="s-text">Frontend</span>
</a>
<ul>
<li><a href="frontend.html">Frontend 1</a></li>
<li><a href="frontend2.html">Frontend 2</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="tag tag-info">6</span>
<span class="s-icon"><i class="ti-bar-chart-alt"></i></span>
<span class="s-text">Charts</span>
</a>
<ul>
<li><a href="charts-flot.html">Flot Chart</a></li>
<li><a href="charts-morris.html">Morris Chart</a></li>
<li><a href="charts-chartjs.html">Chart.js</a></li>
<li><a href="charts-peity.html">Peity Chart</a></li>
<li><a href="charts-sparkline.html">Sparkline Chart</a></li>
<li><a href="charts-chartist.html">Chartist Chart</a></li>
<li><a href="charts-easy.html">Easy Pie Chart</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-email"></i></span>
<span class="s-text">Email Templates</span>
</a>
<ul>
<li><a href="email-basic.html">Basic</a></li>
<li><a href="email-alert.html">Alert</a></li>
<li><a href="email-ecommerce.html">Ecommerce</a></li>
</ul>
</li>
<li class="with-sub">
<a href="#" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-location-pin"></i></span>
<span class="s-text">Maps</span>
</a>
<ul>
<li><a href="maps-vector.html">Vector Map</a></li>
<li><a href="maps-google.html">Google Map</a></li>
</ul>
</li>
<li>
<a href="calendar.html" class="waves-effect waves-light">
<span class="s-icon"><i class="ti-calendar"></i></span>
<span class="s-text">Calendar</span>
</a>
</li>
<li class="with-sub compact-hide">
<a href="javascript: void(0);" class="waves-effect waves-light">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-icon"><i class="ti-menu"></i></span>
<span class="s-text">Menu Levels</span>
</a>
<ul>
<li class="with-sub">
<a href="javascript: void(0);">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-text">Level 1</span>
</a>
<ul>
<li class="with-sub">
<a href="javascript: void(0);">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-text">Level 1.2</span>
</a>
<ul>
<li class="with-sub">
<a href="javascript: void(0);">
<span class="s-caret"><i class="fa fa-angle-down"></i></span>
<span class="s-text">Level 1.2.3</span>
</a>
<ul>
<li><a href="javascript: void(0);">Level 1.2.3.4</a></li>
<li><a href="javascript: void(0);">Level 1.2.3.4</a></li>
</ul>
</li>
<li><a href="javascript: void(0);">Level 1.2.3</a></li>
</ul>
</li>
<li><a href="javascript: void(0);">Level 1.2</a></li>
</ul>
</li>
<li><a href="javascript: void(0);">Level 1</a></li>
</ul>
</li>
<li class="menu-title compact-hide">Unique Visitors</li>
<li class="compact-hide">
<div id="sidebar-chart" class="chartist-animated chartist-light"></div>
</li>
<li class="menu-title compact-hide">Tags</li>
<li class="compact-hide">
<a href="javascript: void(0);" class="waves-effect waves-light">
<span class="s-icon"><i class="fa fa-circle-o text-danger"></i></span>
<span class="s-text">Ideas</span>
</a>
</li>
<li class="compact-hide">
<a href="javascript: void(0);" class="waves-effect waves-light">
<span class="s-icon"><i class="fa fa-circle-o text-warning"></i></span>
<span class="s-text">Projects</span>
</a>
</li>
<li class="compact-hide">
<a href="documentation.html" class="waves-effect waves-light">
<span class="s-icon"><i class="fa fa-circle-o text-primary"></i></span>
<span class="s-text">Documentation</span>
</a>
</li>
</ul>
</div>
</div>
<!-- Sidebar second -->
<div class="site-sidebar-second custom-scroll custom-scroll-dark">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tab-1" role="tab">Chat</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-2" role="tab">Activity</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-3" role="tab">Todo</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-4" role="tab">Settings</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-1" role="tabpanel">
<div class="sidebar-chat animated fadeIn">
<div class="sidebar-group">
<h6>Favorites</h6>
<a class="text-black" href="#">
<span class="sc-status bg-success"></span>
<span class="sc-name">John Doe</span>
<span class="sc-writing"> typing...<i class="ti-pencil"></i></span>
</a>
<a class="text-black" href="#">
<span class="sc-status bg-success"></span>
<span class="sc-name">Vance Osborn</span>
</a>
<a class="text-black" href="#">
<span class="sc-status bg-danger"></span>
<span class="sc-name">Wolfe Stevie</span>
<span class="tag tag-primary">7</span>
</a>
<a class="text-black" href="#">
<span class="sc-status bg-warning"></span>
<span class="sc-name">Jonathan Mel</span>
</a>
<a class="text-black" href="#">
<span class="sc-status bg-secondary"></span>
<span class="sc-name">Carleton Josiah</span>
</a>
</div>
<div class="sidebar-group">
<h6>Work</h6>
<a class="text-black" href="#">
<span class="sc-status bg-secondary"></span>
<span class="sc-name">Larry Hal</span>
</a>
<a class="text-black" href="#">
<span class="sc-status bg-success"></span>
<span class="sc-name">Ron Carran</span>
<span class="sc-writing"> typing...<i class="ti-pencil"></i></span>
</a>
</div>
<div class="sidebar-group">
<h6>Social</h6>
<a class="text-black" href="#">
<span class="sc-status bg-success"></span>
<span class="sc-name">Lucius Skyler</span>
<span class="tag tag-primary">3</span>
</a>
<a class="text-black" href="#">
<span class="sc-status bg-danger"></span>
<span class="sc-name">Landon Graham</span>
</a>
</div>
</div>
<div class="sidebar-chat-window animated fadeIn">
<div class="scw-header clearfix">
<a class="text-grey pull-xs-left" href="#"><i class="ti-angle-left"></i> Back</a>
<div class="pull-xs-right">
<strong>Jonathan Mel</strong>
<div class="avatar box-32">
<img src="img/avatars/5.jpg" alt="">
<span class="status bg-success top right"></span>
</div>
</div>
</div>
<div class="scw-item">
<span>Hello!</span>
</div>
<div class="scw-item self">
<span>Meeting at 16:00 in the conference room. Remember?</span>
</div>
<div class="scw-item">
<span>No problem. Thank's for reminder!</span>
</div>
<div class="scw-item self">
<span>Prepare to be amazed.</span>
</div>
<div class="scw-item">
<span>Good. Can't wait!</span>
</div>
<div class="scw-form">
<form>
<input class="form-control" type="text" placeholder="Type...">
<button class="btn btn-secondary" type="button"><i class="ti-angle-right"></i></button>
</form>
</div>
</div>
</div>
<div class="tab-pane" id="tab-2" role="tabpanel">
<div class="sidebar-activity animated fadeIn">
<div class="notifications">
<div class="n-item">
<div class="media">
<div class="media-left">
<div class="avatar box-48">
<img class="b-a-radius-circle" src="img/avatars/1.jpg" alt="">
<span class="n-icon bg-danger"><i class="ti-pin-alt"></i></span>
</div>
</div>
<div class="media-body">
<div class="n-text"><a class="text-black" href="#">John Doe</a> <span class="text-muted">uploaded <a class="text-black" href="#">monthly report</a></div>
<div class="text-muted font-90">12 minutes ago</div>
</div>
</div>
</div>
<div class="n-item">
<div class="media">
<div class="media-left">
<div class="avatar box-48">
<img class="b-a-radius-circle" src="img/avatars/3.jpg" alt="">
<span class="n-icon bg-success"><i class="ti-comment"></i></span>
</div>
</div>
<div class="media-body">
<div class="n-text"><a class="text-black" href="#">Vance Osborn</a> <span class="text-muted">commented </span> <a class="text-black" href="#">Project</a></div>
<div class="n-comment m-y-0-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
<div class="text-muted font-90">3 hours ago</div>
</div>
</div>
</div>
<div class="n-item">
<div class="media">
<div class="media-left">
<div class="avatar box-48">
<img class="b-a-radius-circle" src="img/avatars/2.jpg" alt="">
<span class="n-icon bg-danger"><i class="ti-email"></i></span>
</div>
</div>
<div class="media-body">
<div class="n-text"><a class="text-black" href="#">Ron Carran</a> <span class="text-muted">send you files</span></div>
<div class="row row-sm m-y-0-5">
<div class="col-xs-4">
<img class="img-fluid" src="img/photos-1/1.jpg" alt="">
</div>
<div class="col-xs-4">
<img class="img-fluid" src="img/photos-1/2.jpg" alt="">
</div>
<div class="col-xs-4">
<img class="img-fluid" src="img/photos-1/3.jpg" alt="">
</div>
</div>
<div class="text-muted font-90">30 minutes ago</div>
</div>
</div>
</div>
<div class="n-item">
<div class="media">
<div class="media-left">
<div class="avatar box-48">
<img class="b-a-radius-circle" src="img/avatars/4.jpg" alt="">
<span class="n-icon bg-primary"><i class="ti-plus"></i></span>
</div>
</div>
<div class="media-body">
<div class="n-text"><a class="text-black" href="#">Larry Hal</a> <span class="text-muted">invited you to </span><a class="text-black" href="#">Project</a></div>
<div class="text-muted font-90">10:58</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-3" role="tabpanel">
<div class="sidebar-todo animated fadeIn">
<div class="sidebar-group">
<h6>Important</h6>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Mock up</span>
</label>
</div>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" checked>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Prototype iPhone</span>
</label>
</div>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Build final version</span>
</label>
</div>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Approval docs</span>
</label>
</div>
</div>
<div class="sidebar-group">
<h6>Secondary</h6>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" checked>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Website redesign</span>
</label>
</div>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" checked>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Skype call</span>
</label>
</div>
<div class="st-item">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input">
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Blog post</span>
</label>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-4" role="tabpanel">
<div class="sidebar-settings animated fadeIn">
<div class="sidebar-group">
<h6>Main</h6>
<div class="ss-item">
<div class="text-truncate">Anyone can register</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9" checked></div>
</div>
<div class="ss-item">
<div class="text-truncate">Allow commenting</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9"></div>
</div>
<div class="ss-item">
<div class="text-truncate">Allow deleting</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9"></div>
</div>
</div>
<div class="sidebar-group">
<h6>Notificatiоns</h6>
<div class="ss-item">
<div class="text-truncate">Commits</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9"></div>
</div>
<div class="ss-item">
<div class="text-truncate">Messages</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9" checked></div>
</div>
</div>
<div class="sidebar-group">
<h6>Security</h6>
<div class="ss-item">
<div class="text-truncate">Daily backup</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9" checked></div>
</div>
<div class="ss-item">
<div class="text-truncate">API Access</div>
<div class="ss-checkbox"><input type="checkbox" class="js-switch" data-size="small" data-color="#3e70c9" checked></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Template options -->
<div class="template-options custom-scroll custom-scroll-dark">
<div class="to-toggle"><i class="ti-settings"></i></div>
<div class="to-content">
<h6>Layouts</h6>
<div class="row m-b-2 text-xs-center">
<div class="col-xs-6 m-b-2">
<a href="index.html">
<img src="img/layouts/1.png" class="img-fluid">
</a>
<div class="text-muted">Default</div>
</div>
<div class="col-xs-6 m-b-2">
<label>
<input name="compact-sidebar" type="checkbox">
<div class="to-icon"><i class="ti-check"></i></div>
<img src="img/layouts/2.png" class="img-fluid">
</label>
<div class="text-muted">Compact Sidebar</div>
</div>
<div class="col-xs-6 m-b-2">
<label>
<input name="fixed-header" type="checkbox" checked>
<div class="to-icon"><i class="ti-check"></i></div>
<img src="img/layouts/3.png" class="img-fluid">
</label>
<div class="text-muted">Fixed Header</div>
</div>
<div class="col-xs-6 m-b-2">
<label>
<input name="boxed-wrapper" type="checkbox">
<div class="to-icon"><i class="ti-check"></i></div>
<img src="img/layouts/4.png" class="img-fluid">
</label>
<div class="text-muted">Boxed Wrapper</div>
</div>
</div>
<h6>Skins</h6>
<div class="row">
<div class="col-xs-3 m-b-2">
<label>
<input name="skin" value="skin-default" type="radio" checked>
<div class="to-icon"><i class="ti-check"></i></div>
<div class="to-skin">
<span class="skin-first bg-white"></span>
<span class="skin-second skin-dark-blue"></span>
<span class="skin-third bg-info"></span>
</div>
</label>
</div>
<div class="col-xs-3 m-b-2">
<label>
<input name="skin" value="skin-1" type="radio">
<div class="to-icon"><i class="ti-check"></i></div>
<div class="to-skin">
<span class="skin-first skin-dark-blue-2"></span>
<span class="skin-second bg-white"></span>
<span class="skin-third bg-danger"></span>
</div>
</label>
</div>
<div class="col-xs-3 m-b-2">
<label>
<input name="skin" value="skin-2" type="radio">
<div class="to-icon"><i class="ti-check"></i></div>
<div class="to-skin">
<span class="skin-first bg-white"></span>
<span class="skin-second bg-black"></span>
<span class="skin-third bg-success"></span>
</div>
</label>
</div>
<div class="col-xs-3 m-b-2">
<label>
<input name="skin" value="skin-3" type="radio">
<div class="to-icon"><i class="ti-check"></i></div>
<div class="to-skin">
<span class="skin-first bg-white"></span>
<span class="skin-second skin-grey"></span>
<span class="skin-third bg-purple"></span>
</div>
</label>
</div>
<div class="col-xs-3 m-b-2">
<label>
<input name="skin" value="skin-4" type="radio">
<div class="to-icon"><i class="ti-check"></i></div>
<div class="to-skin">
<span class="skin-first skin-dark-blue"></span>
<span class="skin-second skin-dark-blue-2"></span>
<span class="skin-third bg-warning"></span>
</div>
</label>
</div>
<div class="col-xs-3 m-b-2">
<label>
<input name="skin" value="skin-5" type="radio">
<div class="to-icon"><i class="ti-check"></i></div>
<div class="to-skin">
<span class="skin-first bg-primary"></span>
<span class="skin-second bg-white"></span>
<span class="skin-third bg-primary"></span>
</div>
</label>
</div>
</div>
</div>
</div>
<!-- Header -->
<div class="site-header">
<nav class="navbar navbar-light">
<ul class="nav navbar-nav">
<li class="nav-item m-r-1 hidden-lg-up">
<a class="nav-link collapse-button" href="#">
<i class="ti-menu"></i>
</a>
</li>
</ul>
<ul class="nav navbar-nav pull-xs-right">
<li class="nav-item dropdown">
<a class="nav-link" href="#" data-toggle="dropdown" aria-expanded="false">
<i class="ti-check"></i>
<span class="tag tag-success top">3</span>
</a>
<div class="dropdown-tasks dropdown-menu dropdown-menu-right animated slideInUp">
<div class="t-item">
<div class="m-b-0-5">
<a class="text-black" href="#">First Task</a>
<span class="pull-xs-right text-muted">75%</span>
</div>
<progress class="progress progress-danger progress-sm" value="75" max="100">100%</progress>
<span class="avatar box-32">
<img src="img/avatars/2.jpg" alt="">
</span>
<a class="text-black" href="#">John Doe</a>, <span class="text-muted">5 min ago</span>
</div>
<div class="t-item">
<div class="m-b-0-5">
<a class="text-black" href="#">Second Task</a>
<span class="pull-xs-right text-muted">40%</span>
</div>
<progress class="progress progress-purple progress-sm" value="40" max="100">100%</progress>
<span class="avatar box-32">
<img src="img/avatars/3.jpg" alt="">
</span>
<a class="text-black" href="#">John Doe</a>, <span class="text-muted">15:07</span>
</div>
<div class="t-item">
<div class="m-b-0-5">
<a class="text-black" href="#">Third Task</a>
<span class="pull-xs-right text-muted">100%</span>
</div>
<progress class="progress progress-warning progress-sm" value="100" max="100">100%</progress>
<span class="avatar box-32">
<img src="img/avatars/4.jpg" alt="">
</span>
<a class="text-black" href="#">John Doe</a>, <span class="text-muted">yesterday</span>
</div>
<div class="t-item">
<div class="m-b-0-5">
<a class="text-black" href="#">Fourth Task</a>
<span class="pull-xs-right text-muted">60%</span>
</div>
<progress class="progress progress-success progress-sm" value="60" max="100">100%</progress>
<span class="avatar box-32">
<img src="img/avatars/5.jpg" alt="">
</span>
<a class="text-black" href="#">John Doe</a>, <span class="text-muted">3 days ago</span>
</div>
<a class="t-item text-black text-xs-center" href="#">
<strong>View all tasks</strong>
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" data-toggle="dropdown" aria-expanded="false">
<i class="ti-bell"></i>
<span class="tag tag-danger top">12</span>
</a>
<div class="dropdown-messages dropdown-tasks dropdown-menu dropdown-menu-right animated slideInUp">
<div class="m-item">
<div class="mi-icon bg-info"><i class="ti-comment"></i></div>
<div class="mi-text"><a class="text-black" href="#">John Doe</a> <span class="text-muted">commented post</span> <a class="text-black" href="#">Lorem ipsum dolor</a></div>
<div class="mi-time">5 min ago</div>
</div>
<div class="m-item">
<div class="mi-icon bg-danger"><i class="ti-heart"></i></div>
<div class="mi-text"><a class="text-black" href="#">John Doe</a> <span class="text-muted">liked post</span> <a class="text-black" href="#">Lorem ipsum dolor</a></div>
<div class="mi-time">15:07</div>
</div>
<div class="m-item">
<div class="mi-icon bg-purple"><i class="ti-user"></i></div>
<div class="mi-text"><a class="text-black" href="#">John Doe</a> <span class="text-muted">followed</span> <a class="text-black" href="#">Kate Doe</a></div>
<div class="mi-time">yesterday</div>
</div>
<div class="m-item">
<div class="mi-icon bg-danger"><i class="ti-heart"></i></div>
<div class="mi-text"><a class="text-black" href="#">John Doe</a> <span class="text-muted">liked post</span> <a class="text-black" href="#">Lorem ipsum dolor</a></div>
<div class="mi-time">3 days ago</div>
</div>
<a class="t-item text-black text-xs-center" href="#">
<strong>View all notifications</strong>
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" data-toggle="dropdown" aria-expanded="false">
<div class="avatar box-32">
<img src="img/avatars/1.jpg" alt="">
</div>
</a>
<div class="dropdown-menu dropdown-menu-right animated flipInY">
<a class="dropdown-item" href="#">
<i class="ti-email m-r-0-5"></i> Inbox
</a>
<a class="dropdown-item" href="#">
<i class="ti-user m-r-0-5"></i> Profile
</a>
<a class="dropdown-item" href="#">
<i class="ti-settings m-r-0-5"></i> Settings
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"><i class="ti-help m-r-0-5"></i> Help</a>
<a class="dropdown-item" href="#"><i class="ti-power-off m-r-0-5"></i> Sign out</a>
</div>
</li>
<li class="nav-item hidden-md-up">
<a class="nav-link" href="#" data-toggle="collapse" data-target="#collapse-1">
<i class="ti-more"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link site-sidebar-second-toggle" href="#" data-toggle="collapse">
<i class="ti-arrow-left"></i>
</a>
</li>
</ul>
<div class="navbar-toggleable-sm collapse" id="collapse-1">
<div class="header-form pull-md-left m-md-r-1">
<form>
<input type="text" class="form-control b-a" placeholder="Search for...">
<button type="submit" class="btn bg-white b-a-0">
<i class="ti-search"></i>
</button>
</form>
</div>
<ul class="nav navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false">
Add
</a>
<div class="dropdown-menu animated flipInY">
<a class="dropdown-item" href="#">
Link
<span class="tag tag-primary">3</span>
</a>
<a class="dropdown-item" href="#">Another link</a>
<a class="dropdown-item" href="#">
Something else here
<span class="tag tag-success">7</span>
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<div class="site-content">
<!-- Content -->
<div class="content-area p-y-1">
<div class="container-fluid">
<h4>Ionicons</h4>
<ol class="breadcrumb no-bg m-b-1">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Icons</a></li>
<li class="breadcrumb-item active">Ionicons</li>
</ol>
<div class="box box-block bg-white">
<div class="row icon-area">
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ionic"></i>
ion-ionic
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-up-a"></i>
ion-arrow-up-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-right-a"></i>
ion-arrow-right-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-down-a"></i>
ion-arrow-down-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-left-a"></i>
ion-arrow-left-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-up-b"></i>
ion-arrow-up-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-right-b"></i>
ion-arrow-right-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-down-b"></i>
ion-arrow-down-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-left-b"></i>
ion-arrow-left-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-up-c"></i>
ion-arrow-up-c
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-right-c"></i>
ion-arrow-right-c
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-down-c"></i>
ion-arrow-down-c
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-left-c"></i>
ion-arrow-left-c
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-return-right"></i>
ion-arrow-return-right
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-return-left"></i>
ion-arrow-return-left
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-swap"></i>
ion-arrow-swap
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-shrink"></i>
ion-arrow-shrink
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-expand"></i>
ion-arrow-expand
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-move"></i>
ion-arrow-move
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-resize"></i>
ion-arrow-resize
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chevron-up"></i>
ion-chevron-up
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chevron-right"></i>
ion-chevron-right
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chevron-down"></i>
ion-chevron-down
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chevron-left"></i>
ion-chevron-left
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-navicon-round"></i>
ion-navicon-round
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-navicon"></i>
ion-navicon
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-drag"></i>
ion-drag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-log-in"></i>
ion-log-in
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-log-out"></i>
ion-log-out
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-checkmark-round"></i>
ion-checkmark-round
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-checkmark"></i>
ion-checkmark
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-checkmark-circled"></i>
ion-checkmark-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-close-round"></i>
ion-close-round
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-close"></i>
ion-close
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-close-circled"></i>
ion-close-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-plus-round"></i>
ion-plus-round
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-plus"></i>
ion-plus
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-plus-circled"></i>
ion-plus-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-minus-round"></i>
ion-minus-round
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-minus"></i>
ion-minus
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-minus-circled"></i>
ion-minus-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-information"></i>
ion-information
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-information-circled"></i>
ion-information-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-help"></i>
ion-help
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-help-circled"></i>
ion-help-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-backspace-outline"></i>
ion-backspace-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-backspace"></i>
ion-backspace
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-help-buoy"></i>
ion-help-buoy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-asterisk"></i>
ion-asterisk
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-alert"></i>
ion-alert
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-alert-circled"></i>
ion-alert-circled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-refresh"></i>
ion-refresh
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-loop"></i>
ion-loop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-shuffle"></i>
ion-shuffle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-home"></i>
ion-home
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-search"></i>
ion-search
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-flag"></i>
ion-flag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-star"></i>
ion-star
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-heart"></i>
ion-heart
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-heart-broken"></i>
ion-heart-broken
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-gear-a"></i>
ion-gear-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-gear-b"></i>
ion-gear-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-toggle-filled"></i>
ion-toggle-filled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-toggle"></i>
ion-toggle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-settings"></i>
ion-settings
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-wrench"></i>
ion-wrench
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-hammer"></i>
ion-hammer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-edit"></i>
ion-edit
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-trash-a"></i>
ion-trash-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-trash-b"></i>
ion-trash-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-document"></i>
ion-document
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-document-text"></i>
ion-document-text
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-clipboard"></i>
ion-clipboard
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-scissors"></i>
ion-scissors
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-funnel"></i>
ion-funnel
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-bookmark"></i>
ion-bookmark
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-email"></i>
ion-email
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-email-unread"></i>
ion-email-unread
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-folder"></i>
ion-folder
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-filing"></i>
ion-filing
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-archive"></i>
ion-archive
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-reply"></i>
ion-reply
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-reply-all"></i>
ion-reply-all
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-forward"></i>
ion-forward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-share"></i>
ion-share
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-paper-airplane"></i>
ion-paper-airplane
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-link"></i>
ion-link
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-paperclip"></i>
ion-paperclip
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-compose"></i>
ion-compose
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-briefcase"></i>
ion-briefcase
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-medkit"></i>
ion-medkit
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-at"></i>
ion-at
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pound"></i>
ion-pound
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-quote"></i>
ion-quote
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-cloud"></i>
ion-cloud
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-upload"></i>
ion-upload
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-more"></i>
ion-more
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-grid"></i>
ion-grid
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-calendar"></i>
ion-calendar
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-clock"></i>
ion-clock
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-compass"></i>
ion-compass
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pinpoint"></i>
ion-pinpoint
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pin"></i>
ion-pin
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-navigate"></i>
ion-navigate
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-location"></i>
ion-location
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-map"></i>
ion-map
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-lock-combination"></i>
ion-lock-combination
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-locked"></i>
ion-locked
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-unlocked"></i>
ion-unlocked
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-key"></i>
ion-key
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-graph-up-right"></i>
ion-arrow-graph-up-right
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-graph-down-right"></i>
ion-arrow-graph-down-right
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-graph-up-left"></i>
ion-arrow-graph-up-left
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-arrow-graph-down-left"></i>
ion-arrow-graph-down-left
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-stats-bars"></i>
ion-stats-bars
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-connection-bars"></i>
ion-connection-bars
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pie-graph"></i>
ion-pie-graph
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chatbubble"></i>
ion-chatbubble
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chatbubble-working"></i>
ion-chatbubble-working
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chatbubbles"></i>
ion-chatbubbles
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chatbox"></i>
ion-chatbox
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chatbox-working"></i>
ion-chatbox-working
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-chatboxes"></i>
ion-chatboxes
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-person"></i>
ion-person
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-person-add"></i>
ion-person-add
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-person-stalker"></i>
ion-person-stalker
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-woman"></i>
ion-woman
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-man"></i>
ion-man
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-female"></i>
ion-female
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-male"></i>
ion-male
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-transgender"></i>
ion-transgender
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-fork"></i>
ion-fork
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-knife"></i>
ion-knife
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-spoon"></i>
ion-spoon
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-soup-can-outline"></i>
ion-soup-can-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-soup-can"></i>
ion-soup-can
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-beer"></i>
ion-beer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-wineglass"></i>
ion-wineglass
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-coffee"></i>
ion-coffee
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-icecream"></i>
ion-icecream
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pizza"></i>
ion-pizza
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-power"></i>
ion-power
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-mouse"></i>
ion-mouse
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-battery-full"></i>
ion-battery-full
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-battery-half"></i>
ion-battery-half
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-battery-low"></i>
ion-battery-low
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-battery-empty"></i>
ion-battery-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-battery-charging"></i>
ion-battery-charging
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-wifi"></i>
ion-wifi
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-bluetooth"></i>
ion-bluetooth
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-calculator"></i>
ion-calculator
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-camera"></i>
ion-camera
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-eye"></i>
ion-eye
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-eye-disabled"></i>
ion-eye-disabled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-flash"></i>
ion-flash
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-flash-off"></i>
ion-flash-off
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-qr-scanner"></i>
ion-qr-scanner
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-image"></i>
ion-image
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-images"></i>
ion-images
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-wand"></i>
ion-wand
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-contrast"></i>
ion-contrast
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-aperture"></i>
ion-aperture
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-crop"></i>
ion-crop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-easel"></i>
ion-easel
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-paintbrush"></i>
ion-paintbrush
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-paintbucket"></i>
ion-paintbucket
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-monitor"></i>
ion-monitor
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-laptop"></i>
ion-laptop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ipad"></i>
ion-ipad
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-iphone"></i>
ion-iphone
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ipod"></i>
ion-ipod
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-printer"></i>
ion-printer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-usb"></i>
ion-usb
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-outlet"></i>
ion-outlet
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-bug"></i>
ion-bug
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-code"></i>
ion-code
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-code-working"></i>
ion-code-working
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-code-download"></i>
ion-code-download
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-fork-repo"></i>
ion-fork-repo
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-network"></i>
ion-network
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pull-request"></i>
ion-pull-request
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-merge"></i>
ion-merge
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-xbox"></i>
ion-xbox
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-playstation"></i>
ion-playstation
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-steam"></i>
ion-steam
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-closed-captioning"></i>
ion-closed-captioning
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-videocamera"></i>
ion-videocamera
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-film-marker"></i>
ion-film-marker
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-disc"></i>
ion-disc
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-headphone"></i>
ion-headphone
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-music-note"></i>
ion-music-note
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-radio-waves"></i>
ion-radio-waves
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-speakerphone"></i>
ion-speakerphone
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-mic-a"></i>
ion-mic-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-mic-b"></i>
ion-mic-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-mic-c"></i>
ion-mic-c
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-volume-high"></i>
ion-volume-high
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-volume-medium"></i>
ion-volume-medium
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-volume-low"></i>
ion-volume-low
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-volume-mute"></i>
ion-volume-mute
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-levels"></i>
ion-levels
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-play"></i>
ion-play
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pause"></i>
ion-pause
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-stop"></i>
ion-stop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-record"></i>
ion-record
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-skip-forward"></i>
ion-skip-forward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-skip-backward"></i>
ion-skip-backward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-eject"></i>
ion-eject
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-bag"></i>
ion-bag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-card"></i>
ion-card
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-cash"></i>
ion-cash
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pricetag"></i>
ion-pricetag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-pricetags"></i>
ion-pricetags
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-thumbsup"></i>
ion-thumbsup
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-thumbsdown"></i>
ion-thumbsdown
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-happy-outline"></i>
ion-happy-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-happy"></i>
ion-happy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-sad-outline"></i>
ion-sad-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-sad"></i>
ion-sad
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-bowtie"></i>
ion-bowtie
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-tshirt-outline"></i>
ion-tshirt-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-tshirt"></i>
ion-tshirt
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-trophy"></i>
ion-trophy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-podium"></i>
ion-podium
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ribbon-a"></i>
ion-ribbon-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ribbon-b"></i>
ion-ribbon-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-university"></i>
ion-university
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-magnet"></i>
ion-magnet
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-beaker"></i>
ion-beaker
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-erlenmeyer-flask"></i>
ion-erlenmeyer-flask
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-egg"></i>
ion-egg
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-earth"></i>
ion-earth
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-planet"></i>
ion-planet
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-lightbulb"></i>
ion-lightbulb
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-cube"></i>
ion-cube
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-leaf"></i>
ion-leaf
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-waterdrop"></i>
ion-waterdrop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-flame"></i>
ion-flame
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-fireball"></i>
ion-fireball
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-bonfire"></i>
ion-bonfire
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-umbrella"></i>
ion-umbrella
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-nuclear"></i>
ion-nuclear
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-no-smoking"></i>
ion-no-smoking
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-thermometer"></i>
ion-thermometer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-speedometer"></i>
ion-speedometer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-model-s"></i>
ion-model-s
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-plane"></i>
ion-plane
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-jet"></i>
ion-jet
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-load-a"></i>
ion-load-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-load-b"></i>
ion-load-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-load-c"></i>
ion-load-c
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-load-d"></i>
ion-load-d
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-ionic-outline"></i>
ion-ios-ionic-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-back"></i>
ion-ios-arrow-back
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-forward"></i>
ion-ios-arrow-forward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-up"></i>
ion-ios-arrow-up
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-right"></i>
ion-ios-arrow-right
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-down"></i>
ion-ios-arrow-down
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-left"></i>
ion-ios-arrow-left
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-thin-up"></i>
ion-ios-arrow-thin-up
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-thin-right"></i>
ion-ios-arrow-thin-right
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-thin-down"></i>
ion-ios-arrow-thin-down
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-arrow-thin-left"></i>
ion-ios-arrow-thin-left
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-circle-filled"></i>
ion-ios-circle-filled
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-circle-outline"></i>
ion-ios-circle-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-checkmark-empty"></i>
ion-ios-checkmark-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-checkmark-outline"></i>
ion-ios-checkmark-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-checkmark"></i>
ion-ios-checkmark
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-plus-empty"></i>
ion-ios-plus-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-plus-outline"></i>
ion-ios-plus-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-plus"></i>
ion-ios-plus
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-close-empty"></i>
ion-ios-close-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-close-outline"></i>
ion-ios-close-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-close"></i>
ion-ios-close
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-minus-empty"></i>
ion-ios-minus-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-minus-outline"></i>
ion-ios-minus-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-minus"></i>
ion-ios-minus
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-information-empty"></i>
ion-ios-information-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-information-outline"></i>
ion-ios-information-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-information"></i>
ion-ios-information
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-help-empty"></i>
ion-ios-help-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-help-outline"></i>
ion-ios-help-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-help"></i>
ion-ios-help
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-search"></i>
ion-ios-search
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-search-strong"></i>
ion-ios-search-strong
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-star"></i>
ion-ios-star
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-star-half"></i>
ion-ios-star-half
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-star-outline"></i>
ion-ios-star-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-heart"></i>
ion-ios-heart
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-heart-outline"></i>
ion-ios-heart-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-more"></i>
ion-ios-more
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-more-outline"></i>
ion-ios-more-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-home"></i>
ion-ios-home
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-home-outline"></i>
ion-ios-home-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloud"></i>
ion-ios-cloud
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloud-outline"></i>
ion-ios-cloud-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloud-upload"></i>
ion-ios-cloud-upload
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloud-upload-outline"></i>
ion-ios-cloud-upload-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloud-download"></i>
ion-ios-cloud-download
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloud-download-outline"></i>
ion-ios-cloud-download-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-upload"></i>
ion-ios-upload
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-upload-outline"></i>
ion-ios-upload-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-download"></i>
ion-ios-download
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-download-outline"></i>
ion-ios-download-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-refresh"></i>
ion-ios-refresh
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-refresh-outline"></i>
ion-ios-refresh-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-refresh-empty"></i>
ion-ios-refresh-empty
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-reload"></i>
ion-ios-reload
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-loop-strong"></i>
ion-ios-loop-strong
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-loop"></i>
ion-ios-loop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-bookmarks"></i>
ion-ios-bookmarks
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-bookmarks-outline"></i>
ion-ios-bookmarks-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-book"></i>
ion-ios-book
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-book-outline"></i>
ion-ios-book-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flag"></i>
ion-ios-flag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flag-outline"></i>
ion-ios-flag-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-glasses"></i>
ion-ios-glasses
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-glasses-outline"></i>
ion-ios-glasses-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-browsers"></i>
ion-ios-browsers
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-browsers-outline"></i>
ion-ios-browsers-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-at"></i>
ion-ios-at
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-at-outline"></i>
ion-ios-at-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pricetag"></i>
ion-ios-pricetag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pricetag-outline"></i>
ion-ios-pricetag-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pricetags"></i>
ion-ios-pricetags
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pricetags-outline"></i>
ion-ios-pricetags-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cart"></i>
ion-ios-cart
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cart-outline"></i>
ion-ios-cart-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-chatboxes"></i>
ion-ios-chatboxes
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-chatboxes-outline"></i>
ion-ios-chatboxes-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-chatbubble"></i>
ion-ios-chatbubble
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-chatbubble-outline"></i>
ion-ios-chatbubble-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cog"></i>
ion-ios-cog
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cog-outline"></i>
ion-ios-cog-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-gear"></i>
ion-ios-gear
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-gear-outline"></i>
ion-ios-gear-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-settings"></i>
ion-ios-settings
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-settings-strong"></i>
ion-ios-settings-strong
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-toggle"></i>
ion-ios-toggle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-toggle-outline"></i>
ion-ios-toggle-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-analytics"></i>
ion-ios-analytics
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-analytics-outline"></i>
ion-ios-analytics-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pie"></i>
ion-ios-pie
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pie-outline"></i>
ion-ios-pie-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pulse"></i>
ion-ios-pulse
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pulse-strong"></i>
ion-ios-pulse-strong
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-filing"></i>
ion-ios-filing
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-filing-outline"></i>
ion-ios-filing-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-box"></i>
ion-ios-box
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-box-outline"></i>
ion-ios-box-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-compose"></i>
ion-ios-compose
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-compose-outline"></i>
ion-ios-compose-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-trash"></i>
ion-ios-trash
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-trash-outline"></i>
ion-ios-trash-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-copy"></i>
ion-ios-copy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-copy-outline"></i>
ion-ios-copy-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-email"></i>
ion-ios-email
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-email-outline"></i>
ion-ios-email-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-undo"></i>
ion-ios-undo
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-undo-outline"></i>
ion-ios-undo-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-redo"></i>
ion-ios-redo
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-redo-outline"></i>
ion-ios-redo-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-paperplane"></i>
ion-ios-paperplane
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-paperplane-outline"></i>
ion-ios-paperplane-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-folder"></i>
ion-ios-folder
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-folder-outline"></i>
ion-ios-folder-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-paper"></i>
ion-ios-paper
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-paper-outline"></i>
ion-ios-paper-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-list"></i>
ion-ios-list
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-list-outline"></i>
ion-ios-list-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-world"></i>
ion-ios-world
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-world-outline"></i>
ion-ios-world-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-alarm"></i>
ion-ios-alarm
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-alarm-outline"></i>
ion-ios-alarm-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-speedometer"></i>
ion-ios-speedometer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-speedometer-outline"></i>
ion-ios-speedometer-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-stopwatch"></i>
ion-ios-stopwatch
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-stopwatch-outline"></i>
ion-ios-stopwatch-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-timer"></i>
ion-ios-timer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-timer-outline"></i>
ion-ios-timer-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-clock"></i>
ion-ios-clock
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-clock-outline"></i>
ion-ios-clock-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-time"></i>
ion-ios-time
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-time-outline"></i>
ion-ios-time-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-calendar"></i>
ion-ios-calendar
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-calendar-outline"></i>
ion-ios-calendar-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-photos"></i>
ion-ios-photos
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-photos-outline"></i>
ion-ios-photos-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-albums"></i>
ion-ios-albums
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-albums-outline"></i>
ion-ios-albums-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-camera"></i>
ion-ios-camera
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-camera-outline"></i>
ion-ios-camera-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-reverse-camera"></i>
ion-ios-reverse-camera
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-reverse-camera-outline"></i>
ion-ios-reverse-camera-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-eye"></i>
ion-ios-eye
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-eye-outline"></i>
ion-ios-eye-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-bolt"></i>
ion-ios-bolt
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-bolt-outline"></i>
ion-ios-bolt-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-color-wand"></i>
ion-ios-color-wand
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-color-wand-outline"></i>
ion-ios-color-wand-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-color-filter"></i>
ion-ios-color-filter
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-color-filter-outline"></i>
ion-ios-color-filter-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-grid-view"></i>
ion-ios-grid-view
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-grid-view-outline"></i>
ion-ios-grid-view-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-crop-strong"></i>
ion-ios-crop-strong
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-crop"></i>
ion-ios-crop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-barcode"></i>
ion-ios-barcode
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-barcode-outline"></i>
ion-ios-barcode-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-briefcase"></i>
ion-ios-briefcase
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-briefcase-outline"></i>
ion-ios-briefcase-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-medkit"></i>
ion-ios-medkit
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-medkit-outline"></i>
ion-ios-medkit-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-medical"></i>
ion-ios-medical
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-medical-outline"></i>
ion-ios-medical-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-infinite"></i>
ion-ios-infinite
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-infinite-outline"></i>
ion-ios-infinite-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-calculator"></i>
ion-ios-calculator
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-calculator-outline"></i>
ion-ios-calculator-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-keypad"></i>
ion-ios-keypad
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-keypad-outline"></i>
ion-ios-keypad-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-telephone"></i>
ion-ios-telephone
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-telephone-outline"></i>
ion-ios-telephone-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-drag"></i>
ion-ios-drag
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-location"></i>
ion-ios-location
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-location-outline"></i>
ion-ios-location-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-navigate"></i>
ion-ios-navigate
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-navigate-outline"></i>
ion-ios-navigate-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-locked"></i>
ion-ios-locked
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-locked-outline"></i>
ion-ios-locked-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-unlocked"></i>
ion-ios-unlocked
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-unlocked-outline"></i>
ion-ios-unlocked-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-monitor"></i>
ion-ios-monitor
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-monitor-outline"></i>
ion-ios-monitor-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-printer"></i>
ion-ios-printer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-printer-outline"></i>
ion-ios-printer-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-game-controller-a"></i>
ion-ios-game-controller-a
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-game-controller-a-outline"></i>
ion-ios-game-controller-a-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-game-controller-b"></i>
ion-ios-game-controller-b
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-game-controller-b-outline"></i>
ion-ios-game-controller-b-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-americanfootball"></i>
ion-ios-americanfootball
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-americanfootball-outline"></i>
ion-ios-americanfootball-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-baseball"></i>
ion-ios-baseball
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-baseball-outline"></i>
ion-ios-baseball-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-basketball"></i>
ion-ios-basketball
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-basketball-outline"></i>
ion-ios-basketball-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-tennisball"></i>
ion-ios-tennisball
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-tennisball-outline"></i>
ion-ios-tennisball-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-football"></i>
ion-ios-football
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-football-outline"></i>
ion-ios-football-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-body"></i>
ion-ios-body
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-body-outline"></i>
ion-ios-body-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-person"></i>
ion-ios-person
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-person-outline"></i>
ion-ios-person-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-personadd"></i>
ion-ios-personadd
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-personadd-outline"></i>
ion-ios-personadd-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-people"></i>
ion-ios-people
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-people-outline"></i>
ion-ios-people-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-musical-notes"></i>
ion-ios-musical-notes
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-musical-note"></i>
ion-ios-musical-note
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-bell"></i>
ion-ios-bell
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-bell-outline"></i>
ion-ios-bell-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-mic"></i>
ion-ios-mic
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-mic-outline"></i>
ion-ios-mic-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-mic-off"></i>
ion-ios-mic-off
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-volume-high"></i>
ion-ios-volume-high
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-volume-low"></i>
ion-ios-volume-low
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-play"></i>
ion-ios-play
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-play-outline"></i>
ion-ios-play-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pause"></i>
ion-ios-pause
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pause-outline"></i>
ion-ios-pause-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-recording"></i>
ion-ios-recording
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-recording-outline"></i>
ion-ios-recording-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-fastforward"></i>
ion-ios-fastforward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-fastforward-outline"></i>
ion-ios-fastforward-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-rewind"></i>
ion-ios-rewind
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-rewind-outline"></i>
ion-ios-rewind-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-skipbackward"></i>
ion-ios-skipbackward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-skipbackward-outline"></i>
ion-ios-skipbackward-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-skipforward"></i>
ion-ios-skipforward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-skipforward-outline"></i>
ion-ios-skipforward-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-shuffle-strong"></i>
ion-ios-shuffle-strong
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-shuffle"></i>
ion-ios-shuffle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-videocam"></i>
ion-ios-videocam
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-videocam-outline"></i>
ion-ios-videocam-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-film"></i>
ion-ios-film
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-film-outline"></i>
ion-ios-film-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flask"></i>
ion-ios-flask
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flask-outline"></i>
ion-ios-flask-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-lightbulb"></i>
ion-ios-lightbulb
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-lightbulb-outline"></i>
ion-ios-lightbulb-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-wineglass"></i>
ion-ios-wineglass
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-wineglass-outline"></i>
ion-ios-wineglass-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pint"></i>
ion-ios-pint
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-pint-outline"></i>
ion-ios-pint-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-nutrition"></i>
ion-ios-nutrition
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-nutrition-outline"></i>
ion-ios-nutrition-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flower"></i>
ion-ios-flower
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flower-outline"></i>
ion-ios-flower-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-rose"></i>
ion-ios-rose
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-rose-outline"></i>
ion-ios-rose-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-paw"></i>
ion-ios-paw
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-paw-outline"></i>
ion-ios-paw-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flame"></i>
ion-ios-flame
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-flame-outline"></i>
ion-ios-flame-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-sunny"></i>
ion-ios-sunny
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-sunny-outline"></i>
ion-ios-sunny-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-partlysunny"></i>
ion-ios-partlysunny
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-partlysunny-outline"></i>
ion-ios-partlysunny-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloudy"></i>
ion-ios-cloudy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloudy-outline"></i>
ion-ios-cloudy-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-rainy"></i>
ion-ios-rainy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-rainy-outline"></i>
ion-ios-rainy-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-thunderstorm"></i>
ion-ios-thunderstorm
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-thunderstorm-outline"></i>
ion-ios-thunderstorm-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-snowy"></i>
ion-ios-snowy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-moon"></i>
ion-ios-moon
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-moon-outline"></i>
ion-ios-moon-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloudy-night"></i>
ion-ios-cloudy-night
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-ios-cloudy-night-outline"></i>
ion-ios-cloudy-night-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-up"></i>
ion-android-arrow-up
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-forward"></i>
ion-android-arrow-forward
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-down"></i>
ion-android-arrow-down
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-back"></i>
ion-android-arrow-back
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropup"></i>
ion-android-arrow-dropup
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropup-circle"></i>
ion-android-arrow-dropup-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropright"></i>
ion-android-arrow-dropright
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropright-circle"></i>
ion-android-arrow-dropright-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropdown"></i>
ion-android-arrow-dropdown
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropdown-circle"></i>
ion-android-arrow-dropdown-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropleft"></i>
ion-android-arrow-dropleft
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-arrow-dropleft-circle"></i>
ion-android-arrow-dropleft-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-add"></i>
ion-android-add
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-add-circle"></i>
ion-android-add-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-remove"></i>
ion-android-remove
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-remove-circle"></i>
ion-android-remove-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-close"></i>
ion-android-close
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-cancel"></i>
ion-android-cancel
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-radio-button-off"></i>
ion-android-radio-button-off
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-radio-button-on"></i>
ion-android-radio-button-on
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-checkmark-circle"></i>
ion-android-checkmark-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-checkbox-outline-blank"></i>
ion-android-checkbox-outline-blank
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-checkbox-outline"></i>
ion-android-checkbox-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-checkbox-blank"></i>
ion-android-checkbox-blank
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-checkbox"></i>
ion-android-checkbox
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-done"></i>
ion-android-done
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-done-all"></i>
ion-android-done-all
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-menu"></i>
ion-android-menu
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-more-horizontal"></i>
ion-android-more-horizontal
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-more-vertical"></i>
ion-android-more-vertical
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-refresh"></i>
ion-android-refresh
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-sync"></i>
ion-android-sync
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-wifi"></i>
ion-android-wifi
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-call"></i>
ion-android-call
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-apps"></i>
ion-android-apps
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-settings"></i>
ion-android-settings
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-options"></i>
ion-android-options
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-funnel"></i>
ion-android-funnel
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-search"></i>
ion-android-search
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-home"></i>
ion-android-home
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-cloud-outline"></i>
ion-android-cloud-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-cloud"></i>
ion-android-cloud
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-download"></i>
ion-android-download
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-upload"></i>
ion-android-upload
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-cloud-done"></i>
ion-android-cloud-done
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-cloud-circle"></i>
ion-android-cloud-circle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-favorite-outline"></i>
ion-android-favorite-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-favorite"></i>
ion-android-favorite
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-star-outline"></i>
ion-android-star-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-star-half"></i>
ion-android-star-half
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-star"></i>
ion-android-star
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-calendar"></i>
ion-android-calendar
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-alarm-clock"></i>
ion-android-alarm-clock
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-time"></i>
ion-android-time
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-stopwatch"></i>
ion-android-stopwatch
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-watch"></i>
ion-android-watch
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-locate"></i>
ion-android-locate
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-navigate"></i>
ion-android-navigate
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-pin"></i>
ion-android-pin
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-compass"></i>
ion-android-compass
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-map"></i>
ion-android-map
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-walk"></i>
ion-android-walk
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-bicycle"></i>
ion-android-bicycle
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-car"></i>
ion-android-car
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-bus"></i>
ion-android-bus
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-subway"></i>
ion-android-subway
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-train"></i>
ion-android-train
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-boat"></i>
ion-android-boat
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-plane"></i>
ion-android-plane
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-restaurant"></i>
ion-android-restaurant
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-bar"></i>
ion-android-bar
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-cart"></i>
ion-android-cart
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-camera"></i>
ion-android-camera
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-image"></i>
ion-android-image
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-film"></i>
ion-android-film
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-color-palette"></i>
ion-android-color-palette
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-create"></i>
ion-android-create
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-mail"></i>
ion-android-mail
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-drafts"></i>
ion-android-drafts
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-send"></i>
ion-android-send
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-archive"></i>
ion-android-archive
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-delete"></i>
ion-android-delete
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-attach"></i>
ion-android-attach
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-share"></i>
ion-android-share
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-share-alt"></i>
ion-android-share-alt
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-bookmark"></i>
ion-android-bookmark
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-document"></i>
ion-android-document
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-clipboard"></i>
ion-android-clipboard
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-list"></i>
ion-android-list
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-folder-open"></i>
ion-android-folder-open
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-folder"></i>
ion-android-folder
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-print"></i>
ion-android-print
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-open"></i>
ion-android-open
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-exit"></i>
ion-android-exit
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-contract"></i>
ion-android-contract
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-expand"></i>
ion-android-expand
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-globe"></i>
ion-android-globe
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-chat"></i>
ion-android-chat
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-textsms"></i>
ion-android-textsms
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-hangout"></i>
ion-android-hangout
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-happy"></i>
ion-android-happy
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-sad"></i>
ion-android-sad
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-person"></i>
ion-android-person
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-people"></i>
ion-android-people
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-person-add"></i>
ion-android-person-add
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-contact"></i>
ion-android-contact
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-contacts"></i>
ion-android-contacts
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-playstore"></i>
ion-android-playstore
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-lock"></i>
ion-android-lock
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-unlock"></i>
ion-android-unlock
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-microphone"></i>
ion-android-microphone
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-microphone-off"></i>
ion-android-microphone-off
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-notifications-none"></i>
ion-android-notifications-none
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-notifications"></i>
ion-android-notifications
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-notifications-off"></i>
ion-android-notifications-off
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-volume-mute"></i>
ion-android-volume-mute
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-volume-down"></i>
ion-android-volume-down
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-volume-up"></i>
ion-android-volume-up
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-volume-off"></i>
ion-android-volume-off
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-hand"></i>
ion-android-hand
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-desktop"></i>
ion-android-desktop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-laptop"></i>
ion-android-laptop
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-phone-portrait"></i>
ion-android-phone-portrait
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-phone-landscape"></i>
ion-android-phone-landscape
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-bulb"></i>
ion-android-bulb
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-sunny"></i>
ion-android-sunny
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-alert"></i>
ion-android-alert
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-android-warning"></i>
ion-android-warning
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-twitter"></i>
ion-social-twitter
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-twitter-outline"></i>
ion-social-twitter-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-facebook"></i>
ion-social-facebook
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-facebook-outline"></i>
ion-social-facebook-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-googleplus"></i>
ion-social-googleplus
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-googleplus-outline"></i>
ion-social-googleplus-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-google"></i>
ion-social-google
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-google-outline"></i>
ion-social-google-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-dribbble"></i>
ion-social-dribbble
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-dribbble-outline"></i>
ion-social-dribbble-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-octocat"></i>
ion-social-octocat
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-github"></i>
ion-social-github
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-github-outline"></i>
ion-social-github-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-instagram"></i>
ion-social-instagram
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-instagram-outline"></i>
ion-social-instagram-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-whatsapp"></i>
ion-social-whatsapp
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-whatsapp-outline"></i>
ion-social-whatsapp-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-snapchat"></i>
ion-social-snapchat
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-snapchat-outline"></i>
ion-social-snapchat-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-foursquare"></i>
ion-social-foursquare
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-foursquare-outline"></i>
ion-social-foursquare-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-pinterest"></i>
ion-social-pinterest
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-pinterest-outline"></i>
ion-social-pinterest-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-rss"></i>
ion-social-rss
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-rss-outline"></i>
ion-social-rss-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-tumblr"></i>
ion-social-tumblr
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-tumblr-outline"></i>
ion-social-tumblr-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-wordpress"></i>
ion-social-wordpress
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-wordpress-outline"></i>
ion-social-wordpress-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-reddit"></i>
ion-social-reddit
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-reddit-outline"></i>
ion-social-reddit-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-hackernews"></i>
ion-social-hackernews
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-hackernews-outline"></i>
ion-social-hackernews-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-designernews"></i>
ion-social-designernews
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-designernews-outline"></i>
ion-social-designernews-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-yahoo"></i>
ion-social-yahoo
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-yahoo-outline"></i>
ion-social-yahoo-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-buffer"></i>
ion-social-buffer
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-buffer-outline"></i>
ion-social-buffer-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-skype"></i>
ion-social-skype
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-skype-outline"></i>
ion-social-skype-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-linkedin"></i>
ion-social-linkedin
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-linkedin-outline"></i>
ion-social-linkedin-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-vimeo"></i>
ion-social-vimeo
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-vimeo-outline"></i>
ion-social-vimeo-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-twitch"></i>
ion-social-twitch
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-twitch-outline"></i>
ion-social-twitch-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-youtube"></i>
ion-social-youtube
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-youtube-outline"></i>
ion-social-youtube-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-dropbox"></i>
ion-social-dropbox
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-dropbox-outline"></i>
ion-social-dropbox-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-apple"></i>
ion-social-apple
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-apple-outline"></i>
ion-social-apple-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-android"></i>
ion-social-android
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-android-outline"></i>
ion-social-android-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-windows"></i>
ion-social-windows
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-windows-outline"></i>
ion-social-windows-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-html5"></i>
ion-social-html5
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-html5-outline"></i>
ion-social-html5-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-css3"></i>
ion-social-css3
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-css3-outline"></i>
ion-social-css3-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-javascript"></i>
ion-social-javascript
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-javascript-outline"></i>
ion-social-javascript-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-angular"></i>
ion-social-angular
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-angular-outline"></i>
ion-social-angular-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-nodejs"></i>
ion-social-nodejs
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-sass"></i>
ion-social-sass
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-python"></i>
ion-social-python
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-chrome"></i>
ion-social-chrome
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-chrome-outline"></i>
ion-social-chrome-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-codepen"></i>
ion-social-codepen
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-codepen-outline"></i>
ion-social-codepen-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-markdown"></i>
ion-social-markdown
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-tux"></i>
ion-social-tux
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-freebsd-devil"></i>
ion-social-freebsd-devil
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-usd"></i>
ion-social-usd
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-usd-outline"></i>
ion-social-usd-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-bitcoin"></i>
ion-social-bitcoin
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-bitcoin-outline"></i>
ion-social-bitcoin-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-yen"></i>
ion-social-yen
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-yen-outline"></i>
ion-social-yen-outline
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-euro"></i>
ion-social-euro
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<i class="ion-social-euro-outline"></i>
ion-social-euro-outline
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container-fluid">
2016 © Neptune
</div>
</footer>
</div>
</div>
<!-- Vendor JS -->
<script type="text/javascript" src="vendor/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="vendor/tether/js/tether.min.js"></script>
<script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="vendor/detectmobilebrowser/detectmobilebrowser.js"></script>
<script type="text/javascript" src="vendor/jscrollpane/jquery.mousewheel.js"></script>
<script type="text/javascript" src="vendor/jscrollpane/mwheelIntent.js"></script>
<script type="text/javascript" src="vendor/jscrollpane/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="vendor/waves/waves.min.js"></script>
<script type="text/javascript" src="vendor/chartist/chartist.min.js"></script>
<script type="text/javascript" src="vendor/switchery/dist/switchery.min.js"></script>
<!-- Neptune JS -->
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/forcherry/bootstrap-v4.0_demo.git
git@gitee.com:forcherry/bootstrap-v4.0_demo.git
forcherry
bootstrap-v4.0_demo
bootstrap-v4.0_demo
master

搜索帮助

23e8dbc6 1850385 7e0993f3 1850385