@extends('layouts.contentLayoutMaster')
{{-- title --}}
@section('title','Categories')
{{-- page-styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/page-knowledge-base.css')}}">
@endsection
@section('content')
<!-- Knowledge base categories Content start  -->
<section class="kb-categories">
  <div class="row">
    <!-- left side menubar section -->
    <div class="col-md-3">
      <div class="kb-sidebar">
        <i class="bx bx-x font-medium-5 d-md-none kb-close-icon cursor-pointer"></i>
        <h6 class="mb-2">Categories</h6>
        <ul class="list-unstyled">
          <li class="mb-1"><a href="javascript:void(0)" class="kb-effect"> All (564)</a></li>
          <li class="mb-1"><a href="javascript:void(0)" class="text-muted kb-effect"> Transection Fees
          (64)</a></li>
          <li class="mb-1"><a href="javascript:void(0)" class="text-muted kb-effect"> Worldwide Good Support
          (5)</a></li>
          <li class="mb-1"><a href="javascript:void(0)" class="text-muted kb-effect"> Refund Policy (54)</a>
          </li>
          <li class="mb-1"><a href="javascript:void(0)" class="text-muted kb-effect"> Bank Transfer (4)</a>
          </li>
          <li class="mb-1"><a href="javascript:void(0)" class="text-muted kb-effect"> Personal Details
          (20)</a></li>
          <li class="mb-1"><a href="javascript:void(0)" class="text-muted kb-effect"> Security (64)</a></li>
        </ul>
      </div>
    </div>
    <!-- right side section -->
    <div class="col-md-9">
      <button class="btn btn-primary mb-1 kb-menu d-md-none"><i class="bx bx-menu mr-50"></i>Categories</button>
      <div class="row match-height">
        <div class="col-lg-4 col-sm-6">
          <div class="card">
            <a href="{{asset('page-knowledge-base/categories/question')}}">
              <div class="card-content">
                <div class="card-body">
                  <h5 class="card-title">Free Philippine Real Estate Ads Forums</h5>
                  <p class="card-text text-muted kb-ellipsis">Using Laravel, no worries we have that
                      convered as well. We bundled Laravel Starter Kit with this template.</p>
                  <ul class="list-unstyled users-list m-0 d-flex align-items-center">
                    <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" title="Trina Lynes" class="avatar pull-up">
                        <img src="{{asset('images/portrait/small/avatar-s-1.jpg')}}" alt="Avatar" height="30" width="30">
                    </li>
                    <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" title="Lilian Nenez" class="avatar pull-up">
                        <img src="{{asset('images/portrait/small/avatar-s-2.jpg')}}" alt="Avatar" height="30" width="30">
                    </li>
                    <li class="d-inline-block pl-50">
                        <p class="text-muted mb-0 font-small-3">+40 more</p>
                    </li>
                  </ul>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
          <div class="card">
            <a href="{{asset('page-knowledge-base/categories/question')}}">
              <div class="card-content">
                <div class="card-body">
                  <h5 class="card-title">Advertising on Budget Real Estate Ads Forums</h5>
                  <p class="card-text text-muted kb-ellipsis">Ready to use athentications with
                      Firebase, social media lightning fast search and discovery experiences.</p>
                  <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                    <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" title="Trina Lynes" class="avatar pull-up">
                        <img src="{{asset('images/portrait/small/avatar-s-3.jpg')}}" alt="Avatar" height="30" width="30">
                    </li>
                    <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" title="Alberto Glotzbach" class="avatar pull-up">
                        <img src="{{asset('images/portrait/small/avatar-s-4.jpg')}}" alt="Avatar" height="30" width="30">
                    </li>
                    <li class="d-inline-block pl-50">
                        <p class="text-muted mb-0 font-small-3">+70 more</p>
                    </li>
                  </ul>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">Adword Keywords Real Estate Ads Forums</h5>
                            <p class="card-text text-muted kb-ellipsis">Carefully crafted, clean, smart & easy
                                theme
                                navigation
                                with collapsible option. lightning and discovery experiences.</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Lilian Nenez" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-5.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Alberto Glotzbach" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-6.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Alberto Glotzbach" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-7.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+10 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">Internet Banner Most Reliable Forms </h5>
                            <p class="card-text text-muted kb-ellipsis">Easy & smart fuzzy search functionality
                                which
                                enables
                                users to search quickly.</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Trina Lynes" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-8.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Lilian Nenez" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-9.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Alberto Glotzbach" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-10.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+9 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">How To Write Better Copy With White Ron</h5>
                            <p class="card-text text-muted kb-ellipsis">Bookmarks allows users to select their
                                favourite
                                pages/apps and navigate quickly.!</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Trina Lynes" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-11.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Lilian Nenez" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-12.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+20 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">Research Philippine Real Estate Ads Forums</h5>
                            <p class="card-text text-muted kb-ellipsis">Frest comes with built-in light and
                                dark
                                layouts, select as per your preference.</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Trina Lynes" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-13.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Alberto Glotzbach" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-14.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+12 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">Listing Philippine Real Estate Ads Forums</h5>
                            <p class="card-text text-muted kb-ellipsis">Unlimited color options allows you to
                                set
                                your
                                application color as per your branding.</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Trina Lynes" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-15.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Lilian Nenez" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-16.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Alberto Glotzbach" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-17.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+10 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">Media Mix Estate Ads Forums Ready To Go</h5>
                            <p class="card-text text-muted kb-ellipsis">Lifetime updates with new demos and
                                features
                                is
                                fast search and discovery experiences.</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Trina Lynes" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-18.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Lilian Nenez" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-19.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Alberto Glotzbach" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-20.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+40 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card">
                <a href="{{asset('page-knowledge-base/categories/question')}}">
                    <div class="card-content">
                        <div class="card-body">
                            <h5 class="card-title">Fianlly A top Secret Estate Ads Forums</h5>
                            <p class="card-text text-muted kb-ellipsis">Get access to premium customer support
                                from
                                the
                                actual
                                people who have created.!</p>
                            <ul class="list-unstyled users-list m-0  d-flex align-items-center">
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Trina Lynes" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-21.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom"
                                    title="Lilian Nenez" class="avatar pull-up">
                                    <img src="{{asset('images/portrait/small/avatar-s-22.jpg')}}"
                                        alt="Avatar" height="30" width="30">
                                </li>
                                <li class="d-inline-block pl-50">
                                    <p class="text-muted mb-0 font-small-3">+10 more</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </a>
            </div>
        </div>
      </div>
      <nav aria-label="Page navigation">
          <ul class="pagination justify-content-center mt-2">
              <li class="page-item previous disabled"><a class="page-link" href="javascript:void(0)">
                      <i class="bx bx-chevron-left"></i>
                  </a></li>
              <li class="page-item active" aria-current="page"><a class="page-link"
                      href="javascript:void(0)">1</a></li>
              <li class="page-item"><a class="page-link" href="javascript:void(0)">2</a></li>
              <li class="page-item"><a class="page-link" href="javascript:void(0)">3</a></li>
              <li class="page-item"><a class="page-link" href="javascript:void(0)">4</a></li>
              <li class="page-item"><a class="page-link" href="javascript:void(0)">5</a></li>
              <li class="page-item"><a class="page-link" href="javascript:void(0)">6</a></li>
              <li class="page-item"><a class="page-link" href="javascript:void(0)">7</a></li>
              <li class="page-item next"><a class="page-link" href="javascript:void(0)">
                      <i class="bx bx-chevron-right"></i>
                  </a></li>
          </ul>
      </nav>
    </div>
    <div class="kb-overlay"></div>
  </div>
</section>
<!-- Knowledge base categories Content ends -->
@endsection
{{-- page scripts --}}
@section('page-scripts')
<script src="{{asset('js/scripts/pages/page-knowledge-base.js')}}"></script>
@endsection