Files
yogibook_aury_new/public/copiaintegra/src/icons-evaicons.html
T
2025-09-01 15:06:58 +02:00

1540 lines
123 KiB
HTML

@@include("partials/main.html")
<head>
@@include("partials/title-meta.html", {"title": "Eva Icons"})
@@include("partials/head-css.html")
</head>
@@include("partials/body.html")
<!-- Begin page -->
<div id="layout-wrapper">
@@include("partials/menu.html", {"title": "Eva Icons"})
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="card-title mb-0">Outline</h4>
</div>
<div class="card-body">
<div class="row icon-demo-content">
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="activity-outline"></i> activity-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="alert-circle-outline"></i> alert-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="alert-triangle-outline"></i> alert-triangle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="archive-outline"></i> archive-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-down-outline"></i> arrow-circle-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-up-outline"></i> arrow-circle-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-left-outline"></i> arrow-circle-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-right-outline"></i> arrow-circle-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-down-outline"></i> arrow-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-up-outline"></i> arrow-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-left-outline"></i> arrow-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-right-outline"></i> arrow-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-downward-outline"></i> arrow-downward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-upward-outline"></i> arrow-upward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-back-outline"></i> arrow-back-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-forward-outline"></i> arrow-forward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-downward-outline"></i> arrow-ios-downward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-upward-outline"></i> arrow-ios-upward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-back-outline"></i> arrow-ios-back-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-forward-outline"></i> arrow-ios-forward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-down-outline"></i> arrowhead-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-up-outline"></i> arrowhead-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-left-outline"></i> arrowhead-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-right-outline"></i> arrowhead-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="at-outline"></i> at-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="attach-2-outline"></i> attach-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="attach-outline"></i> attach-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="award-outline"></i> award-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="backspace-outline"></i> backspace-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bar-chart-2-outline"></i> bar-chart-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bar-chart-outline"></i> bar-chart-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="battery-outline"></i> battery-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="behance-outline"></i> behance-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bell-off-outline"></i> bell-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bell-outline"></i> bell-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bluetooth-outline"></i> bluetooth-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="book-open-outline"></i> book-open-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="book-outline"></i> book-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bookmark-outline"></i> bookmark-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="briefcase-outline"></i> briefcase-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="browser-outline"></i> browser-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="brush-outline"></i> brush-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bulb-outline"></i> bulb-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="calendar-outline"></i> calendar-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="camera-outline"></i> camera-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="car-outline"></i> car-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cast-outline"></i> cast-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="charging-outline"></i> charging-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-circle-2-outline"></i> checkmark-circle-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-circle-outline"></i> checkmark-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-outline"></i> checkmark-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-square-2-outline"></i> checkmark-square-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-square-outline"></i> checkmark-square-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-down-outline"></i> chevron-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-left-outline"></i> chevron-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-right-outline"></i> chevron-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-up-outline"></i> chevron-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="clipboard-outline"></i> clipboard-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="clock-outline"></i> clock-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="close-circle-outline"></i> close-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="close-outline"></i> close-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="close-square-outline"></i> close-square-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cloud-download-outline"></i> cloud-download-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cloud-upload-outline"></i> cloud-upload-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="code-download-outline"></i> code-download-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="code-outline"></i> code-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="collapse-outline"></i> collapse-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="color-palette-outline"></i> color-palette-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="color-picker-outline"></i> color-picker-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="compass-outline"></i> compass-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="copy-outline"></i> copy-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-down-left-outline"></i> corner-down-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-down-right-outline"></i> corner-down-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-left-down-outline"></i> corner-left-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-left-up-outline"></i> corner-left-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-right-down-outline"></i> corner-right-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-right-up-outline"></i> corner-right-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-up-left-outline"></i> corner-up-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-up-right-outline"></i> corner-up-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="credit-card-outline"></i> credit-card-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="crop-outline"></i> crop-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cube-outline"></i> cube-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-left-down-outline"></i> diagonal-arrow-left-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-left-up-outline"></i> diagonal-arrow-left-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-right-down-outline"></i> diagonal-arrow-right-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-right-up-outline"></i> diagonal-arrow-right-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="done-all-outline"></i> done-all-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="download-outline"></i> download-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="droplet-off-outline"></i> droplet-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="droplet-outline"></i> droplet-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="edit-2-outline"></i> edit-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="edit-outline"></i> edit-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="email-outline"></i> email-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="expand-outline"></i> expand-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="external-link-outline"></i> external-link-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="eye-off-2-outline"></i> eye-off-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="eye-off-outline"></i> eye-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="eye-outline"></i> eye-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="facebook-outline"></i> facebook-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-add-outline"></i> file-add-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-outline"></i> file-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-remove-outline"></i> file-remove-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-text-outline"></i> file-text-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="film-outline"></i> film-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flag-outline"></i> flag-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flash-off-outline"></i> flash-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flash-outline"></i> flash-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flip-outline"></i> flip-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flip-2-outline"></i> flip-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="folder-add-outline"></i> folder-add-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="folder-outline"></i> folder-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="folder-remove-outline"></i> folder-remove-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="funnel-outline"></i> funnel-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="gift-outline"></i> gift-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="github-outline"></i> github-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="globe-2-outline"></i> globe-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="globe-outline"></i> globe-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="google-outline"></i> google-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="grid-outline"></i> grid-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="hard-drive-outline"></i> hard-drive-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="hash-outline"></i> hash-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="headphones-outline"></i> headphones-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="heart-outline"></i> heart-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="home-outline"></i> home-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="image-outline"></i> image-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="inbox-outline"></i> inbox-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="info-outline"></i> info-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="keypad-outline"></i> keypad-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="layers-outline"></i> layers-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="layout-outline"></i> layout-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="link-2-outline"></i> link-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="link-outline"></i> link-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="linkedin-outline"></i> linkedin-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="list-outline"></i> list-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="loader-outline"></i> loader-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="lock-outline"></i> lock-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="log-in-outline"></i> log-in-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="log-out-outline"></i> log-out-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="map-outline"></i> map-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="maximize-outline"></i> maximize-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="menu-2-outline"></i> menu-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="menu-arrow-outline"></i> menu-arrow-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="menu-outline"></i> menu-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="message-circle-outline"></i> message-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="message-square-outline"></i> message-square-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="mic-off-outline"></i> mic-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="mic-outline"></i> mic-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minimize-outline"></i> minimize-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minus-circle-outline"></i> minus-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minus-outline"></i> minus-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minus-square-outline"></i> minus-square-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="monitor-outline"></i> monitor-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="moon-outline"></i> moon-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="more-horizontal-outline"></i> more-horizontal-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="more-vertical-outline"></i> more-vertical-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="move-outline"></i> move-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="music-outline"></i> music-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="navigation-2-outline"></i> navigation-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="navigation-outline"></i> navigation-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="npm-outline"></i> npm-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="options-2-outline"></i> options-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="options-outline"></i> options-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pantone-outline"></i> pantone-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="paper-plane-outline"></i> paper-plane-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pause-circle-outline"></i> pause-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="people-outline"></i> people-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="percent-outline"></i> percent-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-add-outline"></i> person-add-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-delete-outline"></i> person-delete-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-done-outline"></i> person-done-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-outline"></i> person-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-remove-outline"></i> person-remove-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-call-outline"></i> phone-call-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-missed-outline"></i> phone-missed-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-off-outline"></i> phone-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-outline"></i> phone-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pie-chart-outline"></i> pie-chart-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pin-outline"></i> pin-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="play-circle-outline"></i> play-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="plus-circle-outline"></i> plus-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="plus-outline"></i> plus-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="plus-square-outline"></i> plus-square-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="power-outline"></i> power-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pricetags-outline"></i> pricetags-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="printer-outline"></i> printer-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="question-mark-circle-outline"></i> question-mark-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="question-mark-outline"></i> question-mark-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="radio-button-off-outline"></i> radio-button-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="radio-button-on-outline"></i> radio-button-on-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="radio-outline"></i> radio-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="recording-outline"></i> recording-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="refresh-outline"></i> refresh-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="repeat-outline"></i> repeat-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="rewind-left-outline"></i> rewind-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="rewind-right-outline"></i> rewind-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="save-outline"></i> save-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="scissors-outline"></i> scissors-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="search-outline"></i> search-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="settings-2-outline"></i> settings-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="settings-outline"></i> settings-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="share-outline"></i> share-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shake-outline"></i> shake-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shield-off-outline"></i> shield-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shield-outline"></i> shield-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shopping-bag-outline"></i> shopping-bag-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shopping-cart-outline"></i> shopping-cart-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shuffle-2-outline"></i> shuffle-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shuffle-outline"></i> shuffle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="skip-back-outline"></i> skip-back-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="skip-forward-outline"></i> skip-forward-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="slash-outline"></i> slash-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="smartphone-outline"></i> smartphone-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="smiling-face-outline"></i> smiling-face-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="speaker-outline"></i> speaker-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="square-outline"></i> square-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="star-outline"></i> star-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="stop-circle-outline"></i> stop-circle-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="sun-outline"></i> sun-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="swap-outline"></i> swap-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="sync-outline"></i> sync-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="text-outline"></i> text-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="thermometer-minus-outline"></i> thermometer-minus-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="thermometer-outline"></i> thermometer-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="thermometer-plus-outline"></i> thermometer-plus-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="toggle-left-outline"></i> toggle-left-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="toggle-right-outline"></i> toggle-right-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trash-2-outline"></i> trash-2-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trash-outline"></i> trash-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trending-down-outline"></i> trending-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trending-up-outline"></i> trending-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="tv-outline"></i> tv-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="twitter-outline"></i> twitter-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="umbrella-outline"></i> umbrella-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="undo-outline"></i> undo-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="unlock-outline"></i> unlock-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="upload-outline"></i> upload-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="video-off-outline"></i> video-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="video-outline"></i> video-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-down-outline"></i> volume-down-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-mute-outline"></i> volume-mute-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-off-outline"></i> volume-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-up-outline"></i> volume-up-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="wifi-off-outline"></i> wifi-off-outline
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="wifi-outline"></i> wifi-outline
</div>
</div>
<!-- end row -->
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col">
<div class="card">
<div class="card-header">
<h4 class="card-title mb-0">Solid</h4>
</div>
<div class="card-body">
<div class="row icon-demo-content">
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="activity"></i> activity
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="alert-circle"></i> alert-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="alert-triangle"></i> alert-triangle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="archive"></i> archive
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-down"></i> arrow-circle-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-up"></i> arrow-circle-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-left"></i> arrow-circle-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-circle-right"></i> arrow-circle-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-down"></i> arrow-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-up"></i> arrow-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-left"></i> arrow-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-right"></i> arrow-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-downward"></i> arrow-downward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-upward"></i> arrow-upward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-back"></i> arrow-back
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-forward"></i> arrow-forward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-downward"></i> arrow-ios-downward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-upward"></i> arrow-ios-upward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-back"></i> arrow-ios-back
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrow-ios-forward"></i> arrow-ios-forward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-down"></i> arrowhead-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-up"></i> arrowhead-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-left"></i> arrowhead-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="arrowhead-right"></i> arrowhead-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="at"></i> at
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="attach-2"></i> attach-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="attach"></i> attach
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="award"></i> award
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="backspace"></i> backspace
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bar-chart-2"></i> bar-chart-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bar-chart"></i> bar-chart
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="battery"></i> battery
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="behance"></i> behance
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bell-off"></i> bell-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bell"></i> bell
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bluetooth"></i> bluetooth
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="book-open"></i> book-open
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="book"></i> book
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bookmark"></i> bookmark
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="briefcase"></i> briefcase
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="browser"></i> browser
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="brush"></i> brush
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="bulb"></i> bulb
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="calendar"></i> calendar
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="camera"></i> camera
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="car"></i> car
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cast"></i> cast
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="charging"></i> charging
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-circle-2"></i> checkmark-circle-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-circle"></i> checkmark-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark"></i> checkmark
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-square-2"></i> checkmark-square-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="checkmark-square"></i> checkmark-square
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-down"></i> chevron-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-left"></i> chevron-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-right"></i> chevron-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="chevron-up"></i> chevron-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="clipboard"></i> clipboard
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="clock"></i> clock
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="close-circle"></i> close-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="close"></i> close
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="close-square"></i> close-square
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cloud-download"></i> cloud-download
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cloud-upload"></i> cloud-upload
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="code-download"></i> code-download
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="code"></i> code
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="collapse"></i> collapse
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="color-palette"></i> color-palette
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="color-picker"></i> color-picker
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="compass"></i> compass
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="copy"></i> copy
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-down-left"></i> corner-down-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-down-right"></i> corner-down-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-left-down"></i> corner-left-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-left-up"></i> corner-left-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-right-down"></i> corner-right-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-right-up"></i> corner-right-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-up-left"></i> corner-up-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="corner-up-right"></i> corner-up-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="credit-card"></i> credit-card
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="crop"></i> crop
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="cube"></i> cube
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-left-down"></i> diagonal-arrow-left-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-left-up"></i> diagonal-arrow-left-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-right-down"></i> diagonal-arrow-right-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="diagonal-arrow-right-up"></i> diagonal-arrow-right-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="done-all"></i> done-all
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="download"></i> download
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="droplet-off"></i> droplet-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="droplet"></i> droplet
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="edit-2"></i> edit-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="edit"></i> edit
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="email"></i> email
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="expand"></i> expand
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="external-link"></i> external-link
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="eye-off-2"></i> eye-off-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="eye-off"></i> eye-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="eye"></i> eye
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="facebook"></i> facebook
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-add"></i> file-add
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file"></i> file
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-remove"></i> file-remove
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="file-text"></i> file-text
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="film"></i> film
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flag"></i> flag
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flash-off"></i> flash-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flash"></i> flash
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flip"></i> flip
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="flip-2"></i> flip-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="folder-add"></i> folder-add
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="folder"></i> folder
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="folder-remove"></i> folder-remove
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="funnel"></i> funnel
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="gift"></i> gift
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="github"></i> github
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="globe-2"></i> globe-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="globe"></i> globe
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="google"></i> google
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="grid"></i> grid
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="hard-drive"></i> hard-drive
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="hash"></i> hash
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="headphones"></i> headphones
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="heart"></i> heart
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="home"></i> home
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="image"></i> image
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="inbox"></i> inbox
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="info"></i> info
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="keypad"></i> keypad
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="layers"></i> layers
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="layout"></i> layout
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="link-2"></i> link-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="link"></i> link
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="linkedin"></i> linkedin
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="list"></i> list
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="lock"></i> lock
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="log-in"></i> log-in
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="log-out"></i> log-out
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="map"></i> map
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="maximize"></i> maximize
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="menu-2"></i> menu-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="menu-arrow"></i> menu-arrow
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="menu"></i> menu
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="message-circle"></i> message-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="message-square"></i> message-square
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="mic-off"></i> mic-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="mic"></i> mic
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minimize"></i> minimize
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minus-circle"></i> minus-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minus"></i> minus
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="minus-square"></i> minus-square
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="monitor"></i> monitor
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="moon"></i> moon
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="more-horizontal"></i> more-horizontal
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="more-vertical"></i> more-vertical
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="move"></i> move
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="music"></i> music
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="navigation-2"></i> navigation-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="navigation"></i> navigation
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="npm"></i> npm
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="options-2"></i> options-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="options"></i> options
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pantone"></i> pantone
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="paper-plane"></i> paper-plane
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pause-circle"></i> pause-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="people"></i> people
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="percent"></i> percent
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-add"></i> person-add
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-delete"></i> person-delete
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-done"></i> person-done
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person"></i> person
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="person-remove"></i> person-remove
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-call"></i> phone-call
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-missed"></i> phone-missed
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone-off"></i> phone-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="phone"></i> phone
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pie-chart"></i> pie-chart
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pin"></i> pin
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="play-circle"></i> play-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="plus-circle"></i> plus-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="plus"></i> plus
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="plus-square"></i> plus-square
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="power"></i> power
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="pricetags"></i> pricetags
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="printer"></i> printer
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="question-mark-circle"></i> question-mark-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="question-mark"></i> question-mark
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="radio-button-off"></i> radio-button-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="radio-button-on"></i> radio-button-on
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="radio"></i> radio
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="recording"></i> recording
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="refresh"></i> refresh
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="repeat"></i> repeat
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="rewind-left"></i> rewind-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="rewind-right"></i> rewind-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="save"></i> save
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="scissors"></i> scissors
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="search"></i> search
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="settings-2"></i> settings-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="settings"></i> settings
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="share"></i> share
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shake"></i> shake
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shield-off"></i> shield-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shield"></i> shield
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shopping-bag"></i> shopping-bag
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shopping-cart"></i> shopping-cart
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shuffle-2"></i> shuffle-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="shuffle"></i> shuffle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="skip-back"></i> skip-back
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="skip-forward"></i> skip-forward
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="slash"></i> slash
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="smartphone"></i> smartphone
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="smiling-face"></i> smiling-face
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="speaker"></i> speaker
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="square"></i> square
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="star"></i> star
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="stop-circle"></i> stop-circle
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="sun"></i> sun
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="swap"></i> swap
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="sync"></i> sync
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="text"></i> text
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="thermometer-minus"></i> thermometer-minus
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="thermometer"></i> thermometer
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="thermometer-plus"></i> thermometer-plus
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="toggle-left"></i> toggle-left
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="toggle-right"></i> toggle-right
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trash-2"></i> trash-2
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trash"></i> trash
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trending-down"></i> trending-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="trending-up"></i> trending-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="tv"></i> tv
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="twitter"></i> twitter
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="umbrella"></i> umbrella
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="undo"></i> undo
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="unlock"></i> unlock
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="upload"></i> upload
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="video-off"></i> video-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="video"></i> video
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-down"></i> volume-down
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-mute"></i> volume-mute
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-off"></i> volume-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="volume-up"></i> volume-up
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="wifi-off"></i> wifi-off
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<i class="icon nav-icon" data-eva="wifi"></i> wifi
</div>
</div>
<!-- end row -->
</div>
</div>
</div>
</div>
</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->
@@include("partials/footer.html")
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
@@include("partials/right-sidebar.html")
@@include("partials/vendor-scripts.html")
<script src="assets/js/app.js"></script>
</body>
</html>