Add new items and adjust stock levels
Find more detailed instructions here.
Mary McDonald
Plan content for the next week
Find more detailed instructions here.
Daisy Anderson
Approve or reject pending refunds
Linda Park
Publish an article on industry trends
Find more detailed instructions here.
Eric Lubin
Release v5.0.0 quick bug fix 🐞
Find more detailed instructions here.
Sonia Shaw
Refresh templates and add new offers
Justin Cross
Improve meta tags and keywords
Find more detailed instructions here.
Laurie Fox
<!-- Timeline -->
<div class="timeline">
<!-- Heading -->
<div class="timeline-meta first:mt-0 mb-3">
<h4 class="text-uppercase text-uppercase text-dark:500 dark:text-dark:200 mb-0">2 June, 2026</h4>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
Add new items and adjust stock levels
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-34.png" alt="Avatar">
Mary McDonald
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg> -->
Plan content for the next week
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-1.png" alt="Avatar">
Daisy Anderson
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg> -->
Approve or reject pending refunds
</h3>
<!-- <p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p> -->
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-21.png" alt="Avatar">
Linda Park
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg> -->
Publish an article on industry trends
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-19.png" alt="Avatar">
Eric Lubin
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Release v5.0.0 quick bug fix 🐞
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-30.png" alt="Avatar">
Sonia Shaw
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Heading -->
<div class="timeline-meta my-2 first:mt-0 mb-3 mt-4">
<h4 class="text-uppercase text-uppercase text-dark:500 dark:text-dark:200">31 May, 2026</h4>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg> -->
Refresh templates and add new offers
</h3>
<!-- <p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p> -->
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-9.png" alt="Avatar">
Justin Cross
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg> -->
Improve meta tags and keywords
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-28.png" alt="Avatar">
Laurie Fox
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
</div>
<!-- End Timeline -->Add new items and adjust stock levels
Find more detailed instructions here.
Mary McDonald
Plan content for the next week
Find more detailed instructions here.
Daisy Anderson
Approve or reject pending refunds
Linda Park
Publish an article on industry trends
Find more detailed instructions here.
Eric Lubin
Release v5.0.0 quick bug fix 🐞
Find more detailed instructions here.
Sonia Shaw
Refresh templates and add new offers
Justin Cross
Improve meta tags and keywords
Find more detailed instructions here.
Laurie Fox
<!-- Timeline -->
<div class="timeline">
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
Add new items and adjust stock levels
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-34.png" alt="Avatar">
Mary McDonald
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Plan content for the next week
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-1.png" alt="Avatar">
Daisy Anderson
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Approve or reject pending refunds
</h3>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-21.png" alt="Avatar">
Linda Park
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Publish an article on industry trends
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-19.png" alt="Avatar">
Eric Lubin
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Release v5.0.0 quick bug fix 🐞
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-30.png" alt="Avatar">
Sonia Shaw
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Refresh templates and add new offers
</h3>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-9.png" alt="Avatar">
Justin Cross
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container">
<div class="meta-time">
<span class="mt-2 d-block">12:05 PM</span>
</div>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Improve meta tags and keywords
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-28.png" alt="Avatar">
Laurie Fox
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
</div>
<!-- End Timeline -->
<!-- Timeline -->
<div class="timeline">
<!-- Heading -->
<div class="timeline-meta first:mt-0 mb-3">
<h4 class="text-uppercase text-uppercase text-dark:500 dark:text-dark:200 mb-0">2 June, 2026</h4>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
Add new items and adjust stock levels
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-34.png" alt="Avatar">
Mary McDonald
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Plan content for the next week
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-1.png" alt="Avatar">
Daisy Anderson
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Approve or reject pending refunds
</h3>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-21.png" alt="Avatar">
Linda Park
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Publish an article on industry trends
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-19.png" alt="Avatar">
Eric Lubin
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Release v5.0.0 quick bug fix 🐞
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-30.png" alt="Avatar">
Sonia Shaw
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Heading -->
<div class="timeline-meta my-2 first:mt-0 mb-3 mt-4">
<h4 class="text-uppercase text-uppercase text-dark:500 dark:text-dark:200">31 May, 2026</h4>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Refresh templates and add new offers
</h3>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-9.png" alt="Avatar">
Justin Cross
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 position-relative timeline-content-container hover-timeline-content hover:bg-dark:50 dark:hover:bg-dark:700">
<a href="#" class="tcc-link position-absolute w-100 h-100"></a>
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="rounded-circle bg-white dark:bg-dark:800"></div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Improve meta tags and keywords
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2 bg-white dark:bg-dark:800">
<img class="rounded-circle" src="../src/assets/img/profile/profile-28.png" alt="Avatar">
Laurie Fox
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
</div>
<!-- End Timeline -->
Add new items and adjust stock levels
Find more detailed instructions here.
Mary McDonald
Plan content for the next week
Find more detailed instructions here.
Daisy Anderson
Approve or reject pending refunds
Linda Park
Publish an article on industry trends
Find more detailed instructions here.
Eric Lubin
Release v5.0.0 quick bug fix 🐞
Find more detailed instructions here.
Sonia Shaw
AG
Refresh templates and add new offers
Justin Cross
Improve meta tags and keywords
Find more detailed instructions here.
Laurie Fox
<!-- Timeline -->
<div class="timeline">
<!-- Heading -->
<div class="timeline-meta first:mt-0 mb-3">
<h4 class="text-uppercase text-uppercase text-dark:500 dark:text-dark:200">2 June, 2026</h4>
</div>
<!-- End Heading -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="avatar avatar-sm">
<img alt="avatar" src="../src/assets/img/profile/profile-33.png" class="rounded-circle">
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
Add new items and adjust stock levels
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-34.png" alt="Avatar">
Mary McDonald
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="avatar avatar-sm">
<span class="avatar-icon rounded-circle bg-secondary:200 dark:bg-secondary:600 text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-secondary:600 dark:text-secondary:200 icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
</span>
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon me-2 icon-tabler icons-tabler-outline icon-tabler-settings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg> -->
Plan content for the next week
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-1.png" alt="Avatar">
Daisy Anderson
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="avatar avatar-sm">
<img alt="avatar" src="../src/assets/img/profile/profile-29.png" class="rounded-circle">
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Approve or reject pending refunds
</h3>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-21.png" alt="Avatar">
Linda Park
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<!-- <div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div> -->
<div class="avatar avatar-sm">
<img alt="avatar" src="../src/assets/img/profile/profile-16.png" class="rounded-circle">
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Publish an article on industry trends
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-19.png" alt="Avatar">
Eric Lubin
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="avatar avatar-sm">
<span class="avatar-icon rounded-circle bg-success:200 dark:bg-success:600 text-white">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-success:600 dark:text-success:200 icon icon-tabler icons-tabler-outline icon-tabler-bug"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 9v-1a3 3 0 0 1 6 0v1" /><path d="M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3" /><path d="M3 13l4 0" /><path d="M17 13l4 0" /><path d="M12 20l0 -6" /><path d="M4 19l3.35 -2" /><path d="M20 19l-3.35 -2" /><path d="M4 7l3.75 2.4" /><path d="M20 7l-3.75 2.4" /></svg>
</span>
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Release v5.0.0 quick bug fix 🐞
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-30.png" alt="Avatar">
Sonia Shaw
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<!-- <div class="rounded-circle bg-dark:300 dark:bg-dark:500"></div> -->
<div class="avatar avatar-sm">
<span class="avatar-title rounded-circle bg-warning:200 dark:bg-warning:600 text-warning:600 dark:text-warning:200">AG</span>
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Refresh templates and add new offers
</h3>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-9.png" alt="Avatar">
Justin Cross
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
<!-- Item -->
<div class="d-flex gap-3 timeline-content-container icons-avatars-timeline-content">
<!-- Dot -->
<div class="position-relative timeline-progress">
<div class="position-relative z-1 d-flex justify-content-center align-items-center">
<div class="avatar avatar-sm">
<img alt="avatar" src="../src/assets/img/profile/profile-5.png" class="rounded-circle">
</div>
</div>
</div>
<!-- End Dot -->
<!-- Right Content -->
<div class="timeline-content timeline-right-content flex-grow-1 pt-1 pb-3">
<h3 class="d-flex text-dark dark:text-dark:200 align-items-center">
Improve meta tags and keywords
</h3>
<p class="mt-1 small text-dark:600 dark:text-dark:400">
Find more detailed instructions here.
</p>
<span class="text-dark:500 dark:text-dark:200 d-inline-flex align-items-center gap-2">
<img class="rounded-circle" src="../src/assets/img/profile/profile-28.png" alt="Avatar">
Laurie Fox
</span>
</div>
<!-- End Right Content -->
</div>
<!-- End Item -->
</div>
<!-- End Timeline -->
