@extends('layouts.user.user-layout')
@section('dashboard-content')
<!-- CONTENT -->
<div id="page-content">
  <div class="section product-item">
    <div class="container">
      <div class="row row-title">
        <div class="col s12">
          <div class="section-title">
            <span class="theme-secondary-color">KATEGORI</span> MATERI
          </div>
        </div>
      </div>
      <div class="row row-no-margin">
        <!-- Product item-->
        <div>
          <div class="col s6 m4 l3 col-produc">
            <div class="box-product">
                <div class="bp-top">
                  <div class="product-list-img">
                    <div class="pli-one">
                      <div class="pli-two">
                        <img src="{{asset('Asiapp')}}/img/product.jpg" alt="img">
                      </div>
                    </div>
                  </div>
                  <h5><a href="">Administasi Infrastruktur Jaringan</a></h5>
                  <div class="item-info">Sudarto,S.Kom</div>
                  <div class="price">
                     10 <span>Modul</span>
                  </div>
                  <div class="stock-item">Silahkan Pahami dan Cermati</div>
                </div>
                <div class="bp-bottom">
                  <button class="btn button-add-cart">Pelajari</button>
                </div>
              </div>
          </div>
        </div>
        <!-- End Product item-->
        <!-- Product item-->
        <div>
          <div class="col s6 m4 l3 col-produc">
            <div class="box-product">
                <div class="bp-top">
                  <div class="product-list-img">
                    <div class="pli-one">
                      <div class="pli-two">
                        <img src="{{asset('Asiapp')}}/img/product2.jpg" alt="img">
                      </div>
                    </div>
                  </div>
                  <h5><a href="">Administrasi Sistem Jaringan</a></h5>
                  <div class="item-info">Hendry Prasetiyo,S.Kom</div>
                  <div class="price">
                     12  <span>Modul</span>
                  </div>
                  <div class="stock-item">Silahkan Pahami dan Cermati</div>
                </div>
                <div class="bp-bottom">
                  <button class="btn button-add-cart">Pelajari</button>
                </div>
              </div>
          </div>
        </div>
        <!-- End Product item-->
        
        
        
        
        </div>
    </div>
  </div>
  <!-- PAGINATION -->
  <div class="container">
    <div class="row">
      <div class="col s12">
        <ul class="pagination">
          <li class="disabled">
            <a href="#!"><i class="material-icons">chevron_left</i></a>
          </li>
          <li class="active">
            <a href="#!">1</a>
          </li>
          <li class="waves-effect">
            <a href="#!">2</a>
          </li>
          <li class="waves-effect">
            <a href="#!">3</a>
          </li>
          <li class="waves-effect">
            <a href="#!">4</a>
          </li>
          <li class="waves-effect">
            <a href="#!">5</a>
          </li>
          <li class="waves-effect">
            <a href="#!"><i class="material-icons">chevron_right</i></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- END PAGINATION -->

  @endsection