| Server IP : 138.197.107.151 / Your IP : 216.73.217.7 Web Server : Apache/2.4.58 (Ubuntu) System : Linux BloxBy-Builder 6.8.0-71-generic #71-Ubuntu SMP PREEMPT_DYNAMIC Tue Jul 22 16:52:38 UTC 2025 x86_64 User : wpbetasites_mrakzqskir ( 1022) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/shark/public/skote_html-main/ajax/ |
Upload File : |
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">Blog</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
<li class="breadcrumb-item active">Blog</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-xl-8">
<div class="row">
<div class="col-lg-4">
<div class="card mini-stats-wid">
<div class="card-body">
<div class="d-flex flex-wrap">
<div class="me-3">
<p class="text-muted mb-2">Total Post</p>
<h5 class="mb-0">120</h5>
</div>
<div class="avatar-sm ms-auto">
<div class="avatar-title bg-light rounded-circle text-primary font-size-20">
<i class="bx bxs-book-bookmark"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card blog-stats-wid">
<div class="card-body">
<div class="d-flex flex-wrap">
<div class="me-3">
<p class="text-muted mb-2">Pages</p>
<h5 class="mb-0">86</h5>
</div>
<div class="avatar-sm ms-auto">
<div class="avatar-title bg-light rounded-circle text-primary font-size-20">
<i class="bx bxs-note"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card blog-stats-wid">
<div class="card-body">
<div class="d-flex flex-wrap">
<div class="me-3">
<p class="text-muted mb-2">Comments</p>
<h5 class="mb-0">4,235</h5>
</div>
<div class="avatar-sm ms-auto">
<div class="avatar-title bg-light rounded-circle text-primary font-size-20">
<i class="bx bxs-message-square-dots"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap">
<h5 class="card-title me-2">Visitors</h5>
<div class="ms-auto">
<div class="toolbar d-flex flex-wrap gap-2 text-end">
<button type="button" class="btn btn-light btn-sm">
ALL
</button>
<button type="button" class="btn btn-light btn-sm">
1M
</button>
<button type="button" class="btn btn-light btn-sm">
6M
</button>
<button type="button" class="btn btn-light btn-sm active">
1Y
</button>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-lg-4">
<div class="mt-4">
<p class="text-muted mb-1">Today</p>
<h5>1024</h5>
</div>
</div>
<div class="col-lg-4">
<div class="mt-4">
<p class="text-muted mb-1">This Month</p>
<h5>12356 <span class="text-success font-size-13">0.2 % <i
class="mdi mdi-arrow-up ms-1"></i></span></h5>
</div>
</div>
<div class="col-lg-4">
<div class="mt-4">
<p class="text-muted mb-1">This Year</p>
<h5>102354 <span class="text-success font-size-13">0.1 % <i
class="mdi mdi-arrow-up ms-1"></i></span></h5>
</div>
</div>
</div>
<hr class="mb-4">
<div class="apex-charts" id="area-chart" dir="ltr"></div>
</div>
</div>
</div>
<!-- end col -->
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/users/avatar-1.jpg" alt=""
class="avatar-sm rounded-circle img-thumbnail">
</div>
<div class="flex-grow-1">
<div class="d-flex">
<div class="flex-grow-1">
<div class="text-muted">
<h5 class="mb-1">Henry wells</h5>
<p class="mb-0">UI / UX Designer</p>
</div>
</div>
<div class="dropdown ms-2">
<button class="btn btn-light btn-sm dropdown-toggle" type="button"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bxs-cog align-middle me-1"></i> Setting
</button>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else</a>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-4">
<div>
<p class="text-muted text-truncate mb-2">Total Post</p>
<h5 class="mb-0">32</h5>
</div>
</div>
<div class="col-4">
<div>
<p class="text-muted text-truncate mb-2">Subscribes</p>
<h5 class="mb-0">10k</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap">
<h5 class="card-title mb-3 me-2">Subscribes</h5>
<div class="dropdown ms-auto">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</div>
<div class="d-flex flex-wrap">
<div>
<p class="text-muted mb-1">Total Subscribe</p>
<h4 class="mb-3">10,512</h4>
<p class="text-success mb-0"><span>0.6 % <i
class="mdi mdi-arrow-top-right ms-1"></i></span></p>
</div>
<div class="ms-auto align-self-end">
<i class="bx bx-group display-4 text-light"></i>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body p-4">
<div class="text-center">
<div class="avatar-md mx-auto mb-4">
<div class="avatar-title bg-light rounded-circle text-primary h1">
<i class="mdi mdi-email-open"></i>
</div>
</div>
<div class="row justify-content-center">
<div class="col-xl-10">
<h4 class="text-primary">Subscribe !</h4>
<p class="text-muted font-size-14 mb-4">Subscribe our newletter and get notification
to stay update.</p>
<div class="input-group bg-light rounded">
<input type="email" class="form-control bg-transparent border-0"
placeholder="Enter Email address" aria-label="Recipient's username"
aria-describedby="button-addon2">
<button class="btn btn-primary" type="button" id="button-addon2">
<i class="bx bxs-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
<div class="row">
<div class="col-xl-4 col-lg-6">
<div class="card">
<div class="card-header bg-transparent border-bottom">
<div class="d-flex flex-wrap">
<div class="me-2">
<h5 class="card-title mt-1 mb-0">Posts</h5>
</div>
<ul class="nav nav-tabs nav-tabs-custom card-header-tabs ms-auto" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#post-recent" role="tab">
Recent
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#post-popular" role="tab">
Popular
</a>
</li>
</ul>
</div>
</div>
<div class="card-body">
<div data-simplebar style="max-height: 295px;">
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="post-recent" role="tabpanel">
<ul class="list-group list-group-flush">
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-2.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Beautiful Day with Friends</a></h5>
<p class="text-muted mb-0">10 Nov, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-6.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Drawing a sketch</a></h5>
<p class="text-muted mb-0">02 Nov, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-2.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Project discussion with team</a></h5>
<p class="text-muted mb-0">24 Oct, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-1.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Riding bike on road</a></h5>
<p class="text-muted mb-0">20 Oct, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- end tab pane -->
<div class="tab-pane" id="post-popular" role="tabpanel">
<ul class="list-group list-group-flush">
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-6.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Drawing a sketch</a></h5>
<p class="text-muted mb-0">02 Nov, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-2.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Beautiful Day with Friends</a></h5>
<p class="text-muted mb-0">10 Nov, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-1.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Riding bike on road</a></h5>
<p class="text-muted mb-0">20 Oct, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="me-3">
<img src="assets/images/small/img-2.jpg" alt=""
class="avatar-md h-auto d-block rounded">
</div>
<div class="align-self-center overflow-hidden me-auto">
<div>
<h5 class="font-size-14 text-truncate"><a href="#"
class="text-dark">Project discussion with team</a></h5>
<p class="text-muted mb-0">24 Oct, 2020</p>
</div>
</div>
<div class="dropdown ms-2">
<a class="text-muted dropdown-toggle font-size-14" href="#"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- end tab pane -->
</div>
<!-- end tab content -->
</div>
</div>
</div>
</div>
<!-- end col -->
<div class="col-xl-4 col-lg-6">
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap">
<div class="me-2">
<h5 class="card-title mb-3">Comments</h5>
</div>
<div class="dropdown ms-auto">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</div>
<div data-simplebar style="max-height: 310px;">
<ul class="list-group list-group-flush">
<li class="list-group-item py-3">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar-xs">
<div class="avatar-title rounded-circle bg-light text-primary">
<i class="bx bxs-user"></i>
</div>
</div>
</div>
<div class="flex-grow-1">
<h5 class="font-size-14 mb-1">Delores Williams <small
class="text-muted float-end">1 hr Ago</small></h5>
<p class="text-muted">If several languages coalesce, the grammar of the
resulting of the individual</p>
<div>
<a href="javascript: void(0);" class="text-success"><i
class="mdi mdi-reply me-1"></i> Reply</a>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar-xs">
<img src="assets/images/users/avatar-2.jpg" alt=""
class="img-fluid d-block rounded-circle">
</div>
</div>
<div class="flex-grow-1">
<h5 class="font-size-14 mb-1">Clarence Smith <small
class="text-muted float-end">2 hrs Ago</small></h5>
<p class="text-muted">Neque porro quisquam est, qui dolorem ipsum quia dolor
sit amet</p>
<div>
<a href="javascript: void(0);" class="text-success"><i
class="mdi mdi-reply"></i> Reply</a>
</div>
<div class="d-flex pt-3">
<div class="flex-shrink-0 me-3">
<div class="avatar-xs">
<div class="avatar-title rounded-circle bg-light text-primary">
<i class="bx bxs-user"></i>
</div>
</div>
</div>
<div class="flex-grow-1">
<h5 class="font-size-14 mb-1">Silvia Martinez <small
class="text-muted float-end">2 hrs Ago</small></h5>
<p class="text-muted">To take a trivial example, which of us ever
undertakes</p>
<div>
<a href="javascript: void(0);" class="text-success"><i
class="mdi mdi-reply"></i> Reply</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item py-3">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar-xs">
<div class="avatar-title rounded-circle bg-light text-primary">
<i class="bx bxs-user"></i>
</div>
</div>
</div>
<div class="flex-grow-1">
<h5 class="font-size-14 mb-1">Keith McCoy <small
class="text-muted float-end">12 Aug</small></h5>
<p class="text-muted">Donec posuere vulputate arcu. phasellus accumsan
cursus velit</p>
<div>
<a href="javascript: void(0);" class="text-success"><i
class="mdi mdi-reply"></i> Reply</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- end col -->
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap">
<div class="me-2">
<h5 class="card-title mb-3">Top Visitors</h5>
</div>
<div class="dropdown ms-auto">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-6">
<div class="mt-3">
<p class="text-muted mb-1">Today</p>
<h5>1024</h5>
</div>
</div>
<div class="col-6">
<div class="mt-3">
<p class="text-muted mb-1">This Month</p>
<h5>12356 <span class="text-success font-size-13">0.2 % <i
class="mdi mdi-arrow-up ms-1"></i></span></h5>
</div>
</div>
</div>
<hr>
<div>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="py-2">
<h5 class="font-size-14">California <span class="float-end">78%</span></h5>
<div class="progress animated-progess progress-sm">
<div class="progress-bar" role="progressbar" style="width: 78%"
aria-valuenow="78" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="py-2">
<h5 class="font-size-14">Nevada <span class="float-end">69%</span></h5>
<div class="progress animated-progess progress-sm">
<div class="progress-bar bg-warning" role="progressbar" style="width: 69%"
aria-valuenow="69" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="py-2">
<h5 class="font-size-14">Texas <span class="float-end">61%</span></h5>
<div class="progress animated-progess progress-sm">
<div class="progress-bar bg-success" role="progressbar" style="width: 61%"
aria-valuenow="61" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
<div class="row">
<div class="col-xl-4">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="me-2">
<h5 class="card-title mb-4">Activity</h5>
</div>
<div class="dropdown ms-auto">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</div>
<div data-simplebar class="mt-2" style="max-height: 280px;">
<ul class="verti-timeline list-unstyled">
<li class="event-list active">
<div class="event-timeline-dot">
<i class="bx bxs-right-arrow-circle font-size-18 bx-fade-right"></i>
</div>
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<h5 class="font-size-14">10 Nov <i
class="bx bx-right-arrow-alt font-size-16 text-primary align-middle ms-2"></i>
</h5>
</div>
<div class="flex-grow-1">
<div>
Posted <span class="fw-semibold">Beautiful Day with
Friends</span> blog... <a href="#">View</a>
</div>
</div>
</div>
</li>
<li class="event-list">
<div class="event-timeline-dot">
<i class="bx bx-right-arrow-circle font-size-18"></i>
</div>
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<h5 class="font-size-14">08 Nov <i
class="bx bx-right-arrow-alt font-size-16 text-primary align-middle ms-2"></i>
</h5>
</div>
<div class="flex-grow-1">
<div>
If several languages coalesce, the grammar of the resulting... <a
href="#">Read</a>
</div>
</div>
</div>
</li>
<li class="event-list">
<div class="event-timeline-dot">
<i class="bx bx-right-arrow-circle font-size-18"></i>
</div>
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<h5 class="font-size-14">02 Nov <i
class="bx bx-right-arrow-alt font-size-16 text-primary align-middle ms-2"></i>
</h5>
</div>
<div class="flex-grow-1">
<div>
Create <span class="fw-semibold">Drawing a sketch blog</span>
</div>
</div>
</div>
</li>
<li class="event-list">
<div class="event-timeline-dot">
<i class="bx bx-right-arrow-circle font-size-18"></i>
</div>
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<h5 class="font-size-14">24 Oct <i
class="bx bx-right-arrow-alt font-size-16 text-primary align-middle ms-2"></i>
</h5>
</div>
<div class="flex-grow-1">
<div>
In enim justo, rhoncus ut, imperdiet a venenatis vitae
</div>
</div>
</div>
</li>
<li class="event-list">
<div class="event-timeline-dot">
<i class="bx bx-right-arrow-circle font-size-18"></i>
</div>
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<h5 class="font-size-14">21 Oct <i
class="bx bx-right-arrow-alt font-size-16 text-primary align-middle ms-2"></i>
</h5>
</div>
<div class="flex-grow-1">
<div>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="text-center mt-4"><a href=""
class="btn btn-primary waves-effect waves-light btn-sm">View More <i
class="mdi mdi-arrow-right ms-1"></i></a></div>
</div>
</div>
<!-- end card -->
</div>
<!-- end col -->
<div class="col-xl-8">
<div class="card">
<div class="card-body">
<div class="d-flex">
<div class="me-2">
<h5 class="card-title mb-4">Popular post</h5>
</div>
<div class="dropdown ms-auto">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</div>
<div class="table-responsive">
<table class="table align-middle table-nowrap mb-0">
<tr>
<th scope="col" colspan="2">Post</th>
<th scope="col">Likes</th>
<th scope="col">Comments</th>
<th scope="col">Action</th>
</tr>
<tbody>
<tr>
<td style="width: 100px;"><img src="assets/images/small/img-2.jpg" alt=""
class="avatar-md h-auto d-block rounded"></td>
<td>
<h5 class="font-size-13 text-truncate mb-1"><a href="#"
class="text-dark">Beautiful Day with Friends</a></h5>
<p class="text-muted mb-0">10 Nov, 2020</p>
</td>
<td><i class="bx bx-like align-middle me-1"></i> 125</td>
<td><i class="bx bx-comment-dots align-middle me-1"></i> 68</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</td>
</tr>
<tr>
<td><img src="assets/images/small/img-6.jpg" alt=""
class="avatar-md h-auto d-block rounded"></td>
<td>
<h5 class="font-size-13 text-truncate mb-1"><a href="#"
class="text-dark">Drawing a sketch</a></h5>
<p class="text-muted mb-0">02 Nov, 2020</p>
</td>
<td><i class="bx bx-like align-middle me-1"></i> 102</td>
<td><i class="bx bx-comment-dots align-middle me-1"></i> 48</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</td>
</tr>
<tr>
<td><img src="assets/images/small/img-1.jpg" alt=""
class="avatar-md h-auto d-block rounded"></td>
<td>
<h5 class="font-size-13 text-truncate mb-1"><a href="#"
class="text-dark">Riding bike on road</a></h5>
<p class="text-muted mb-0">24 Oct, 2020</p>
</td>
<td><i class="bx bx-like align-middle me-1"></i> 98</td>
<td><i class="bx bx-comment-dots align-middle me-1"></i> 35</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</td>
</tr>
<tr>
<td><img src="assets/images/small/img-2.jpg" alt=""
class="avatar-md h-auto d-block rounded"></td>
<td>
<h5 class="font-size-13 text-truncate mb-1"><a href="#"
class="text-dark">Project discussion with team</a></h5>
<p class="text-muted mb-0">15 Oct, 2020</p>
</td>
<td><i class="bx bx-like align-middle me-1"></i> 92</td>
<td><i class="bx bx-comment-dots align-middle me-1"></i> 22</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-16" role="button"
data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- end card -->
</div>
<!-- end col -->
</div>
<!-- end row -->
</div> <!-- container-fluid -->
</div>
<!-- End Page-content -->
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script>
<!-- dashboard blog init -->
<script src="assets/js/pages/dashboard-blog.init.js"></script>