@extends('layouts.master')

@section('content')

<div id="content-page" class="content-page">
    <div class="container-fluid">
       <div class="row">
          <div class="col-sm-12">
             <div class="iq-card">
             <div class="iq-card-header d-flex justify-content-between">
                <div class="iq-header-title">
                   <h4 class="card-title">Dripicons Icon</h4>
                </div>
                
             </div>
             <div class="iq-card-body">
                <p>Use Class <code>&lt;div data-icon="a" class="icon"&gt;&lt;/div&gt;</code></p>
                <div class="row mt-3">
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="a" class="icon"></div><span>4k Fill</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="o" class="icon"></div><span>Up Arrow</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="h" class="icon"></div><span>Down Arrow</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="j" class="icon"></div><span>Left Arrow</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="i" class="icon"></div><span>Right Arrow</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="l" class="icon"></div><span>left</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="k" class="icon"></div><span>Down</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="n" class="icon"></div><span>Up</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="m" class="icon"></div><span>Right</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="f" class="icon"></div><span>Anchor</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="g" class="icon"></div><span>File</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="p" class="icon"></div><span>Note</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="s" class="icon"></div><span>Dribbble</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="K" class="icon"></div><span>Download</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="G" class="icon"></div><span>Sun</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="H" class="icon"></div><span>Haf light</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="F" class="icon"></div><span>Light</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="I" class="icon"></div><span>Voice</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="x" class="icon"></div><span>Notification</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="J" class="icon"></div><span></span>Page</a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="t" class="icon"></div><span>Battery Empty</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="u" class="icon"></div><span>Battery Full</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="v" class="icon"></div><span>Battery One</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="w" class="icon"></div><span>Battery Two</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="Q" class="icon"></div><span>Cart</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="P" class="icon"></div><span>Card</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="O" class="icon"></div><span>Camera</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="N" class="icon"></div><span>Video</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="S" class="icon"></div><span>Check</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="T" class="icon"></div><span>Angle Down</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="U" class="icon"></div><span>Angle Left</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="V" class="icon"></div><span>Angle Right</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="W" class="icon"></div><span>Angle Up</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="X" class="icon"></div><span>Up Arrow</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="Y" class="icon"></div><span>Clock</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="Z" class="icon"></div><span>Reload</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="0" class="icon"></div><span>Cloud</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="1" class="icon"></div><span>Cloud Download</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="2" class="icon"></div><span>Cloud Upload</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="5" class="icon"></div><span>Arrow</span></a>
                      </div>
<div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="5" class="icon"></div><span>Arrow</span></a>
                      </div>
                      <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
                         <a class="iq-icons-list" href="#" ><div data-icon="5" class="icon"></div><span>Arrow</span></a>
                      </div>
                      
                      <div class="col-sm-12 text-center mt-3">
                         <a class="btn btn-primary" href="http://demo.amitjakhu.com/dripicons/" target="blank">View All Icon</a>
                      </div>
                   </div>
             </div>
          </div>
          </div>
       </div>
    </div>
 </div>
@endsection