@extends('Layouts.hms_master')
@section('content')

<div class="row">
    <div class="col-xl-4 col-md-6">
        <h4 class="example-title">web-icons</h4>
        <div class="example example-well overlay overlay-hover">
          <ul class="blocks-6 m-0">
            <li>
              <div class="icondemo">
                <i class="icon wb-dashboard" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-inbox" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-cloud" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-bell" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-book" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-bookmark" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-tag" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-library" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-share" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-reply" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-refresh" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-move" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-chat" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-envelope" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-user" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-menu" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-layout" aria-hidden="true"></i>
              </div>
            </li>
            <li>
              <div class="icondemo">
                <i class="icon wb-fullscreen" aria-hidden="true"></i>
              </div>
            </li>
          </ul>
          <div class="overlay-panel overlay-background overlay-fade text-center vertical-align">
            <a class="btn btn-inverse vertical-align-middle waves-effect waves-classic" href="./icons/web-icons.html">Read More</a>
          </div>
        </div>
      </div>
</div>

@endsection