@extends('admin.apps.template.view')
@section('content')
<!-- <div class="page"> -->
    <div class="page-content">
        <div class="py-15">
            <div class="text-center">
                <h3>Browse 12 icons sets.</h3>
                <p class="title-desc">Web icons / Font awesome / 7-Stroke / Brand Icons / Glyphicons / Ion
                  Icons / Material Design / Mfglabs / Open Iconic / Themify / Weather
                  icons / Octicons</p>
            </div>
        </div>
            <!-- Panel -->
        <div class="panel">
            <div class="panel-body container-fluid">
                <div class="row row-lg">
                    <div class="col-xl-4 col-md-6">
                        <h4 class="example-title">WEB FONT</h4>
                        <div class="example example-well overlay overlay-hover">
                            <ul class="blocks-6 m-0" style="padding-top: 23px;">
                                @for($i=0; $i < 18; $i++)
                                <li>
                                    <div class="icondemo">
                                        <i class="{{$data[$i]['class_name']}}" aria-hidden="true"></i>
                                    </div>
                                </li>
                                @endfor
                            </ul>
                            <div class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <a class="btn btn-inverse vertical-align-middle" href="{{url('config/detail')}}">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-6">
                        <h4 class="example-title">FONT AWESOME</h4>
                        <div class="example example-well overlay overlay-hover">
                            <ul class="blocks-6 m-0" style="padding-top: 23px;">
                                @for($i=181; $i < 199; $i++)
                                <li>
                                    <div class="icondemo">
                                        <i class="{{$data[$i]['class_name']}}" aria-hidden="true"></i>
                                    </div>
                                </li>
                                @endfor
                            </ul>
                            <div class="overlay-panel overlay-background overlay-fade text-center vertical-align">
                                <a class="btn btn-inverse vertical-align-middle" href="{{url('')}}">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- </div> -->
<!-- End Panel -->
@stop