@diagramers/admin

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Cs Line Icons Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"> </head> <body> <main> <div class="container mb-5"> <h2 class="pt-5 mb-5">Cs Line Icons (315)</h2> <div class="row g-2 row-cols-3 row-cols-md-4 row-cols-lg-6">  <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="abacus" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">abacus</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="accordion" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">accordion</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="acorn" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">acorn</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="activity" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">activity</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="air-balloon" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">air-balloon</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="alarm" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">alarm</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="align-center" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">align-center</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="align-justify" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">align-justify</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="align-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">align-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="align-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">align-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="anchor" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">anchor</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="antenna" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">antenna</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="archive" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">archive</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-bottom-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-bottom-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-bottom-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-bottom-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-bottom" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-bottom</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-double-bottom" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-double-bottom</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-double-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-double-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-double-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-double-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-double-top" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-double-top</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-end-bottom" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-end-bottom</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-end-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-end-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-end-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-end-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-end-top" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-end-top</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-top-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-top-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-top-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-top-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="arrow-top" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">arrow-top</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="at-sign" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">at-sign</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="attachment" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">attachment</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="badge" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">badge</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="banana" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">banana</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="battery-charging" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">battery-charging</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="battery-empty" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">battery-empty</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="battery-full" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">battery-full</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bell-off" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bell-off</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bell" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bell</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bin" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bin</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="birthday" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">birthday</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bitcoin" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bitcoin</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bluetooth" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bluetooth</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="board-1" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">board-1</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="board-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">board-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="board-3" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">board-3</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="book-open" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">book-open</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="book" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">book</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bookmark" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bookmark</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="bootstrap" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">bootstrap</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="box" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">box</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="boxes" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">boxes</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="brush-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">brush-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="brush" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">brush</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="building-large" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">building-large</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="building-small" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">building-small</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="building" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">building</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="burger" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">burger</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="button-group" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">button-group</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="button" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">button</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="calendar" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">calendar</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="camera-off" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">camera-off</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="camera" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">camera</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="car" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">car</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cart" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cart</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chart-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chart-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chart-3" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chart-3</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chart-4" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chart-4</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chart-down" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chart-down</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chart-up" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chart-up</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="check-circle" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">check-circle</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="check-square" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">check-square</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="check" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">check</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chevron-bottom" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chevron-bottom</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chevron-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chevron-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chevron-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chevron-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="chevron-top" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">chevron-top</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="circle" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">circle</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="clipboard" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">clipboard</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="clock" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">clock</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="close-circle" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">close-circle</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="close" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">close</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cloud-download" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cloud-download</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cloud-upload" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cloud-upload</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="code" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">code</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="coin" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">coin</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="collapse" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">collapse</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="colors" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">colors</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="compass" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">compass</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="content" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">content</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="controller" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">controller</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cook-hat" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cook-hat</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cpu" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cpu</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="credit-card" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">credit-card</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="crop" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">crop</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="crosshair" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">crosshair</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="crown" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">crown</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cupcake" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cupcake</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cursor-default" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cursor-default</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cursor-pointer" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cursor-pointer</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="cursor-text" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">cursor-text</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="dashboard-1" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">dashboard-1</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="database" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">database</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="destination" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">destination</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="diagram-1" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">diagram-1</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="diagram-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">diagram-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="diploma" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">diploma</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="disabled" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">disabled</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="divide" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">divide</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="doctor" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">doctor</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="dollar" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">dollar</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="download" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">download</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="dropdown" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">dropdown</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="duplicate" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">duplicate</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="edit-square" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">edit-square</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="edit" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">edit</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="editor" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">editor</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="electricity" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">electricity</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="email" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">email</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="error-hexagon" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">error-hexagon</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="euro" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">euro</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="expand-diagonal-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">expand-diagonal-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="eye-off" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">eye-off</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="eye" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">eye</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="facebook" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">facebook</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-chart" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-chart</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-data" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-data</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-empty" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-empty</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-image" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-image</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-music" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-music</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-text" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-text</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="file-video" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">file-video</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="filter" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">filter</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="flag" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">flag</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="flash" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">flash</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="flask" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">flask</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="folder" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">folder</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="folders" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">folders</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="form-check" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">form-check</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="form" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">form</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="gear" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">gear</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="gender" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">gender</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="gift" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">gift</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="graduation" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">graduation</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="grid-1" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">grid-1</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="grid-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">grid-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="grid-3" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">grid-3</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="grid-5" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">grid-5</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="handbag" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">handbag</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="headset" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">headset</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="health" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">health</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="heart" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">heart</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="help" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">help</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="hexagon" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">hexagon</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="home-garage" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">home-garage</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="home" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">home</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="hospital" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">hospital</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="hourglass" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">hourglass</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="image" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">image</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="inbox" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">inbox</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="info-hexagon" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">info-hexagon</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="input-group" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">input-group</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="input" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">input</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="instagram" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">instagram</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="invoice" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">invoice</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="key" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">key</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="keyboard" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">keyboard</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="laptop" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">laptop</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="layout-1" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">layout-1</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="layout-2" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">layout-2</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="layout-3" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">layout-3</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="layout-4" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">layout-4</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="layout-5" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">layout-5</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="leaf" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">leaf</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="lecture" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">lecture</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="light-off" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">light-off</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="light-on" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">light-on</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="like" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">like</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="link-broken" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">link-broken</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="link" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">link</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="linkedin" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">linkedin</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="list" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">list</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="loaf" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">loaf</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="lock-off" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">lock-off</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="lock-on" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">lock-on</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="login" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">login</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="logout" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">logout</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="luggage" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">luggage</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="main-course" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">main-course</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="maximize" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">maximize</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu-bookmark" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu-bookmark</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu-dashed" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu-dashed</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu-dropdown" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu-dropdown</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu-left" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu-left</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu-right" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu-right</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu-shrink" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu-shrink</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="menu" class="mb-3 d-inline-block text-primary"></i> <p class="text-small text-muted mb-0">menu</p> </div> </div> </div> <div class="col"> <div class="card h-100"> <div class="card-body text-center"> <i data-cs-icon="message" class="mb-3 d-inline-block text-p