883 lines
48 KiB
PHP
883 lines
48 KiB
PHP
@section('content')
|
|
<!--begin::Subheader-->
|
|
<div class="subheader py-2 py-lg-4 subheader-transparent" id="kt_subheader">
|
|
<div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
|
|
<!--begin::Details-->
|
|
<div class="d-flex align-items-center flex-wrap mr-2">
|
|
<!--begin::Title-->
|
|
<h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">Kerjaan Saya</h5>
|
|
<!--end::Title-->
|
|
<!--begin::Separator-->
|
|
<div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-5 bg-gray-200"></div>
|
|
<!--end::Separator-->
|
|
</div>
|
|
<!--end::Details-->
|
|
</div>
|
|
</div>
|
|
<!--end::Subheader-->
|
|
<!--begin::Row-->
|
|
<div class="row">
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<!--begin::Card-->
|
|
<div class="card card-custom gutter-b card-stretch">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/1.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Air B - Real Estate</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-warning btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
<!--end::Card-->
|
|
</div>
|
|
<!--end::Column-->
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/2.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Ad Brand - Fashion Footwear</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-success btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/3.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Nexa - Next generation SAAS</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-info btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
</div>
|
|
<!--end::Row-->
|
|
<!--begin::Row-->
|
|
<div class="row">
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/5.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Citrix - Technology</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-danger btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/6.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-warning font-size-h4">GAP - Fashion Trends</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-warning btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch p-0 gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/7.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-warning font-size-h4">Nokia - Mobile Innovator</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-success btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
</div>
|
|
<!--end::Row-->
|
|
<!--begin::Row-->
|
|
<div class="row">
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<!--begin::Card-->
|
|
<div class="card card-custom gutter-b card-stretch">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/1.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Air B - Real Estate</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-warning btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
<!--end::Card-->
|
|
</div>
|
|
<!--end::Column-->
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/2.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Ad Brand - Fashion Footwear</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-success btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
<!--begin::Column-->
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-6">
|
|
<div class="card card-custom card-stretch gutter-b">
|
|
<!--begin::Body-->
|
|
<div class="card-body text-center pt-4">
|
|
<!--begin::Toolbar-->
|
|
<div class="d-flex justify-content-end">
|
|
<div class="dropdown dropdown-inline" data-toggle="tooltip" title="Quick actions" data-placement="left">
|
|
<a href="#" class="btn btn-clean btn-hover-light-primary btn-sm btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="ki ki-bold-more-hor"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
|
|
<!--begin::Navigation-->
|
|
<ul class="navi navi-hover">
|
|
<li class="navi-header font-weight-bold py-4">
|
|
<span class="font-size-lg">Choose Label:</span>
|
|
<i class="flaticon2-information icon-md text-muted" data-toggle="tooltip" data-placement="right" title="Click to learn more..."></i>
|
|
</li>
|
|
<li class="navi-separator mb-3 opacity-70"></li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-success">Customer</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-danger">Partner</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-warning">Suplier</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-primary">Member</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-item">
|
|
<a href="#" class="navi-link">
|
|
<span class="navi-text">
|
|
<span class="label label-xl label-inline label-light-dark">Staff</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="navi-separator mt-3 opacity-70"></li>
|
|
<li class="navi-footer py-4">
|
|
<a class="btn btn-clean font-weight-bold btn-sm" href="#">
|
|
<i class="ki ki-plus icon-sm"></i>Add new</a>
|
|
</li>
|
|
</ul>
|
|
<!--end::Navigation-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end::Toolbar-->
|
|
<!--begin::User-->
|
|
<div class="mt-7">
|
|
<div class="symbol symbol-circle symbol-lg-90">
|
|
<img src="assets/media/project-logos/3.png" alt="image" />
|
|
</div>
|
|
</div>
|
|
<!--end::User-->
|
|
<!--begin::Name-->
|
|
<div class="my-4">
|
|
<a href="#" class="text-dark font-weight-bold text-hover-primary font-size-h4">Nexa - Next generation SAAS</a>
|
|
</div>
|
|
<!--end::Name-->
|
|
<!--begin::Label-->
|
|
<span class="btn btn-text btn-light-info btn-sm font-weight-bold">Active</span>
|
|
<!--end::Label-->
|
|
<!--begin::Buttons-->
|
|
<div class="mt-9">
|
|
<a href="#" class="btn btn-light-primary font-weight-bolder btn-sm py-3 px-6 text-uppercase">view project</a>
|
|
</div>
|
|
<!--end::Buttons-->
|
|
</div>
|
|
<!--end::Body-->
|
|
</div>
|
|
</div>
|
|
<!--end::Column-->
|
|
</div>
|
|
<!--end::Row-->
|
|
<!--begin::Pagination-->
|
|
<div class="d-flex justify-content-between align-items-center flex-wrap">
|
|
<div class="d-flex flex-wrap mr-3">
|
|
<a href="#" class="btn btn-icon btn-sm btn-light-primary mr-2 my-1">
|
|
<i class="ki ki-bold-double-arrow-back icon-xs"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-icon btn-sm btn-light-primary mr-2 my-1">
|
|
<i class="ki ki-bold-arrow-back icon-xs"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">...</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">23</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary active mr-2 my-1">24</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">25</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">26</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">27</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">28</a>
|
|
<a href="#" class="btn btn-icon btn-sm border-0 btn-hover-primary mr-2 my-1">...</a>
|
|
<a href="#" class="btn btn-icon btn-sm btn-light-primary mr-2 my-1">
|
|
<i class="ki ki-bold-arrow-next icon-xs"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-icon btn-sm btn-light-primary mr-2 my-1">
|
|
<i class="ki ki-bold-double-arrow-next icon-xs"></i>
|
|
</a>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<select class="form-control form-control-sm text-primary font-weight-bold mr-4 border-0 bg-light-primary" style="width: 75px;">
|
|
<option value="10">10</option>
|
|
<option value="20">20</option>
|
|
<option value="30">30</option>
|
|
<option value="50">50</option>
|
|
<option value="100">100</option>
|
|
</select>
|
|
<span class="text-muted">Displaying 10 of 230 records</span>
|
|
</div>
|
|
</div>
|
|
<!--end::Pagination-->
|
|
@endsection
|
|
@section('script')
|
|
|
|
@endsection |