@extends('backend.home.index')
@push('header','Beranda')
@section('content')
<div class="panel-container show">
    <div class="panel-content">
        Selamat datang admin
</div>
</div>

<style>
.changecolour:hover
{
background-color:yellow;
}
</style>

<!-- SEARCH -->
<div class="container">
    <div class="table table-hover">
    <div class="row mt-3 mb-4">
	    <div class="col-md-12 float-center translate-middle border-primary">
       
        <input class="form-control borderservice text-center fs-1 lh-base font-monospace" list="datalistOptions" id="exampleDataList" placeholder="Ingin belajar apa hari ini .... "/>

	    </div>
    </div>
</div>
<!-- AKHIR SEARCH  -->

<div class="container">
  <div class="row g-2 mb-4">
    <div class="col-6">
      <div class="p-3 border bg-light mt-2 mb-2">Document Knowledge</div>

      <!-- baris  satu-->
    <div class="row mt-2">
        <div class="col-4">
            <span class='changecolor'>
            <div class="p-3 gx-3 onmouseover= document.body.style.backgroundColor ='orange'">
              <a href="{{ URL::asset($url_admin.'/search/') }}" >
                <figure class="figure service text-center">
                    <div class="img-container">
                        <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                    </div>
                    <figcaption class="figure-caption"><em>&nbsp; Policies atau Kebijakan &nbsp; </em></figcaption>
                </figure>
            </a>
        </div>
</span>
    </div>

    <div class="col-4">
      <div class="p-3 gx-3">
         <a href="{{ URL::asset($url_admin.'/search/') }}">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                 <div>
                <figcaption class="figure-caption"><em> Output government process</em></figcaption>
            </figure>
         </a>
      </div>
    </div>

    <div class="col-4">
      <div class="p-3 bg-light gx-3">
        <a href="{{ URL::asset($url_admin.'/search/') }}">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                <figcaption class="figure-caption"><em> Regularly collected information</em></figcaption>
            </figure>
        </a>
      </div>
    </div>
</div>


<!-- SISI KANAN ARTIKEL KNOWLEDGE <div class="row">
    <div class="col-4">
      <div class="p-3 border bg-light mb-2">Document Knowledge</div> -->
      <!-- baris kedua kolom kiri -->
<div class="row mt-2">
    <div class="col-4">
        <div class="p-3 gx-3">
            <a href="{{ URL::asset($url_admin.'/search/') }}">
                <figure class="figure service text-center">
                    <div class="img-container">
                        <img src="{{ asset('backend/img/svg/setjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
                            <div class="overlay"></div>
                    </div>            
                    <figcaption class="figure-caption"><em>Formal documents Dokumen Formal</em></figcaption>
            </figure>
        </a>
    </div>
</div>

    <div class="col-4">
        <div class="p-3 gx-3">
            <a href="{{ URL::asset($url_admin.'/search/') }}">
              <figure class="figure service text-center">
                  <div class="img-container">
                    <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                    </div>
                    <figcaption class="figure-caption"><em>Minutes and report on process</em></figcaption>
                </figure>
            </a>
        </div>
    </div>

    <div class="col-4">
        <div class="p-3 gx-3">
            <a href="{{ URL::asset($url_admin.'/search/') }}">
              <figure class="figure service text-center">
                  <div class="img-container">
                    <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                    </div>
                <figcaption class="figure-caption"><em>Internal Communications &nbsp;</em></figcaption>
            </figure>
        </a>
    </div>
</div>
</div>

<!-- Baris ketiga -->
    <div class="row mt-2">
        <div class="col-4">
            <div class="p-3 gx-3">
                <a href="{{ URL::asset($url_admin.'/search/') }}">
                    <figure class="figure service text-center">
                        <div class="img-container">
                            <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="...">
                                <div class="overlay"></div>
                        </div>
                        <figcaption class="figure-caption"><em>Experiences dan Pengalaman</em></figcaption>
                    </figure>
                </a>
            </div>
        </div>

    <div class="col-4">
        <div class="p-3 gx-3">
            <a href="{{ URL::asset($url_admin.'/search/') }}">
                <figure class="figure service text-center">
                    <div class="img-container">
                        <img src="{{ asset('backend/img/svg/BKF.svg') }}" class="figure-img img-fluid rounded" alt="...">
                            <div class="overlay"></div>
                    </div>
                    <figcaption class="figure-caption">A caption for the above image.</figcaption>
                </figure>
            </a>
        </div>
    </div>

    <div class="col-4">
        <div class="p-3 gx-3">
            <a href="{{ URL::asset($url_admin.'/search/') }}" >
                <figure class="figure service text-center">
                    <div class="img-container">
                        <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..." >
                            <div class="overlay"></div>
                    </div>
                    <figcaption class="figure-caption">A caption for the above image.</figcaption>
                </figure>
            </a>
        </div>
    </div>
</div>
</div>

<!-- Sisi Kanan -->
    <div class="col-6 mt-2 bb-4">
      <div class="p-3 border bg-grey mb-2"><em>Sharing Knowledge<em></div>
       <!-- kolom  satu-->
        <div class="row mt-2">
         <div class="col-4">
            <div class="p-3 gx-3">
              <a href="{{ URL::asset($url_admin.'/art-backend/') }}">
                <figure class="figure service text-center">
                    <div class="img-container">
                        <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
                            <div class="overlay"></div>
                    </div>
                         <figcaption class="figure-caption"><em>&nbsp; Backend Programming</em></figcaption>            
                </figure>
             </a>
        </div>
    </div>

    <div class="col-4">
      <div class="p-3 gx-3">
         <a href="{{ URL::asset($url_admin.'/art-frontend/') }}">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                    <figcaption class="figure-caption"><em>&nbsp; Frontend Programming &nbsp; </em></figcaption>
            </figure>
        </a>
      </div>
    </div>

    <div class="col-4">
      <div class="p-3 bg-light gx-3">
        <a href="{{ URL::asset($url_admin.'/art-laravel/') }}">
            <figure class="figur service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                <div>
                    <figcaption class="figure-caption"><em> &nbsp; Laravel Framework &nbsp;</em></figcaption>
            </figure>
        </a>
      </div>
    </div>
</div>
  <!-- kolom  dua-->
  <div class="row mt-2">
    <div class="col-4">
      <div class="p-3 gx-3">
          <a href="{{ URL::asset($url_admin.'/art-eoffice/') }}">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/DJPB.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                        <figcaption class="figure-caption"><em>&nbsp; All About &nbsp; E-Office &nbsp;</em></figcaption>
            </figure>
        </a>
      </div>
    </div>

    <div class="col-4">
      <div class="p-3 gx-3">
         <a href="#">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                        <figcaption class="figure-caption"><em>Standard Operation Procedure</em></figcaption>
            </figure>
        </a>
      </div>
    </div>

    <div class="col-4">
      <div class="p-3 bg-light gx-3">
        <a href="#">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                    <figcaption class="figure-caption"><em> &nbsp; PHP Programming &nbsp;</em></figcaption>
            </figure>
        </a>
      </div>
    </div>
</div>
<!-- Baris Tiga -->
  <!-- kolom  satu-->
  <div class="row mt-2">
    <div class="col-4">
      <div class="p-3 gx-3">
          <a href="#">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/BKF.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                    <figcaption class="figure-caption"><em>Javascript Programming</em></figcaption>
            </figure>
        </a>
      </div>
    </div>

    <div class="col-4">
      <div class="p-3 bg-light gx-3">
         <a href="#">
            <figure class="figure service text-center">
                <div class="img-container">
                    <img src="{{ asset('backend/img/svg/setjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                    <figcaption class="figure-caption"><em>&nbsp; Operating System &nbsp;</em></figcaption>
            </figure>
        </a>
      </div>
    </div>

    <div class="col-4">
      <div class="p-3 bg-light gx-3">
        <a href="#">
            <figure class="figure service text-center">
                <div class="img-container hover">
                    <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
                        <div class="overlay"></div>
                </div>
                    <figcaption class="figure-caption"> Wordpress & Other CMS </figcaption>
            </figure>
        </a>
      </div>
    </div>
</div>
    </div>
</div> <!--akhir table hover -->
</div>







@endsection
