<!--begin::List widget 14-->
<div class="card card-flush h-xl-100">
	<!--begin::Header-->
	<div class="card-header pt-5">
		<!--begin::Title-->
		<h3 class="card-title align-items-start flex-column">
			<span class="card-label fw-bold text-dark">Timeline</span>
			<span class="text-gray-400 pt-2 fw-semibold fs-6">Latest activities</span>
		</h3>
		<!--end::Title-->
		<!--begin::Toolbar-->
		<div class="card-toolbar">
			<!--begin::Menu-->
			<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{{ getSvgIcon('duotune/general/gen023.svg', 'svg-icon svg-icon-1 svg-icon-gray-300 me-n1') }}</button>
			{% include 'partials/menus/_menu-2.html' %}
			<!--end::Menu-->
		</div>
		<!--end::Toolbar-->
	</div>
	<!--end::Header-->
	<!--begin::Body-->
	<div class="card-body pt-6">
		<!--begin::Timeline-->
		<div class="timeline-label">
			<!--begin::Item-->
			<div class="timeline-item">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">08:42</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-gray-600 fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Text-->
				<div class="fw-semibold text-gray-700 ps-3 fs-7">Outlines keep you honest. Indulging in poorly driving and keep structure</div>
				<!--end::Text-->
			</div>
			<!--end::Item-->
			<!--begin::Item-->
			<div class="timeline-item d-flex align-items-center">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">10:00</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-success fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Content-->
				<div class="d-flex align-items-center">
					<span class="fw-bold text-gray-800 px-3">AEOL meeting with</span>
					<!--begin::Avatar-->
					<div class="symbol symbol-35px me-3">
						<img src="assets/media/avatars/300-1.jpg" alt="" />
					</div>
					<!--end::Avatar-->
					<!--begin::Avatar-->
					<div class="symbol symbol-35px">
						<img src="assets/media/avatars/300-2.jpg" alt="" />
					</div>
					<!--end::Avatar-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Item-->
			<!--begin::Item-->
			<div class="timeline-item">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">14:37</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-danger fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Desc-->
				<div class="timeline-content fw-bold text-gray-800 ps-3">Make deposit 
				<a href="#" class="text-primary">USD 700</a>. to ESL</div>
				<!--end::Desc-->
			</div>
			<!--end::Item-->
			<!--begin::Item-->
			<div class="timeline-item">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">16:50</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-primary fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Text-->
				<div class="fw-semibold text-gray-700 ps-3 fs-7">Outlines keep you honest. Indulging in poorly driving and keep structure keep you honest great</div>
				<!--end::Text-->
			</div>
			<!--end::Item-->
			<!--begin::Item-->
			<div class="timeline-item">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">21:03</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-warning fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Desc-->
				<div class="timeline-content fw-semibold text-gray-800 ps-3">New order placed 
				<a href="#" class="text-primary">#XF-2356</a>.</div>
				<!--end::Desc-->
			</div>
			<!--end::Item-->
			<!--begin::Item-->
			<div class="timeline-item">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">16:50</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-info fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Text-->
				<div class="fw-semibold text-gray-700 ps-3 fs-7">Outlines keep you honest. Indulging in poorly driving and keep structure</div>
				<!--end::Text-->
			</div>
			<!--end::Item-->
			<!--begin::Item-->
			<div class="timeline-item">
				<!--begin::Label-->
				<div class="timeline-label fw-bold text-gray-800 fs-6">14:37</div>
				<!--end::Label-->
				<!--begin::Badge-->
				<div class="timeline-badge">
					<i class="fa fa-genderless text-danger fs-1"></i>
				</div>
				<!--end::Badge-->
				<!--begin::Desc-->
				<div class="timeline-content fw-bold text-gray-800 ps-3">Make deposit 
				<a href="#" class="text-primary">USD 700</a>. to ESL</div>
				<!--end::Desc-->
			</div>
			<!--end::Item-->
		</div>
		<!--end::Timeline-->
	</div>
	<!--end: Card Body-->
</div>
<!--end: List widget 14-->
