<!DOCTYPE html>
<html lang="en">

<?php 
	 require_once '../config/dz.php';
?>
<!DOCTYPE html>
<html lang="en">

<head>
	<base href="../">
	
	<title><?php echo !empty($DexignZoneSettings['pagelevel'][$CurrentPage]['title']) ? $DexignZoneSettings['pagelevel'][$CurrentPage]['title'].' | ' : '' ; echo $DexignZoneSettings['site_level']['site_title'] ?></title>
	<?php include '../elements/meta.php';?>
	<!-- FAVICONS ICON -->
	<link rel="shortcut icon" type="image/png" href="<?php echo $DexignZoneSettings['site_level']['favicon']?>">
	<?php include '../elements/page-css.php'; ?>

</head>

<body>

	<!--*******************
        Preloader start
    ********************-->
<?php include '../elements/preloader.php'; ?>
	<!--*******************
        Preloader end
    ********************-->

	<!--**********************************
        Main wrapper start
    ***********************************-->
	<div id="main-wrapper" class="show">

		<!--**********************************
            Nav header start
        ***********************************-->
		<?php include '../elements/nav-header.php'; ?>
		<!--**********************************
            Nav header end
        ***********************************-->

		<!--**********************************
            Chat box start
        ***********************************-->
		<?php include '../elements/chatbox.php'; ?>
		<!--**********************************
            Chat box End
        ***********************************-->

		<!--**********************************
            Header start
        ***********************************-->
		<?php include '../elements/header.php'; ?>

		<!--**********************************
            Header end ti-comment-alt
        ***********************************-->

		<!--**********************************
            Sidebar start
        ***********************************-->
		<?php include '../elements/sidebar.php'; ?>
		<!--**********************************
            Sidebar end
        ***********************************-->

		<!--**********************************
            Content body start
        ***********************************-->
		<div class="content-body default-height">
			<div class="container-fluid">
				<div class="card profile-overview">
					<div class="card-body d-flex">
						<div class="clearfix">
							<div class="d-inline-block position-relative me-sm-4 me-3 mb-3 mb-lg-0">
								<img src="assets/images/avatar/pic7.jpg" alt="" class="rounded-4 profile-avatar">
								<span
									class="fa fa-circle border border-3 border-white text-success position-absolute bottom-0 end-0 rounded-circle"></span>
							</div>
						</div>
						<div class="clearfix d-xl-flex flex-grow-1">
							<div class="clearfix pe-md-5">
								<h3 class="fw-semibold mb-1">Atkinson <img src="assets/images/blue-tick.png" alt="Blue Tick">
								</h3>
								<ul class="d-flex flex-wrap fs-6 align-items-center">
									<li class="me-3 d-inline-flex align-items-center"><i
											class="las la-user me-1 fs-18"></i>Web Designer</li>
									<li class="me-3 d-inline-flex align-items-center"><i
											class="las la-map-marker me-1 fs-18"></i>420 City Path, AU 123-456</li>
									<li class="me-3 d-inline-flex align-items-center"><i
											class="las la-envelope me-1 fs-18"></i>info@gmail.com</li>
								</ul>
								<div class="d-md-flex d-none flex-wrap">
									<div class="border outline-dashed rounded p-2 d-flex align-items-center me-3 mt-3">
										<div
											class="avatar  style-1 bg-primary-light text-primary rounded d-flex align-items-center justify-content-center">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path d="M12 1V23" stroke="var(--primary)" stroke-width="2"
													stroke-linecap="round" stroke-linejoin="round" />
												<path
													d="M17 5H9.5C8.57174 5 7.6815 5.36875 7.02513 6.02513C6.36875 6.6815 6 7.57174 6 8.5C6 9.42826 6.36875 10.3185 7.02513 10.9749C7.6815 11.6313 8.57174 12 9.5 12H14.5C15.4283 12 16.3185 12.3687 16.9749 13.0251C17.6313 13.6815 18 14.5717 18 15.5C18 16.4283 17.6313 17.3185 16.9749 17.9749C16.3185 18.6313 15.4283 19 14.5 19H6"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
											</svg>
										</div>
										<div class="clearfix ms-2">
											<h3 class="mb-0 fw-semibold lh-1">$1,250</h3>
											<span class="fs-14">Total Earnings</span>
										</div>
									</div>
									<div class="border outline-dashed rounded p-2 d-flex align-items-center me-3 mt-3">
										<div
											class="avatar  style-1 bg-primary-light text-primary rounded d-flex align-items-center justify-content-center">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path
													d="M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M16 3.13C16.8604 3.35031 17.623 3.85071 18.1676 4.55232C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89318 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
											</svg>
										</div>
										<div class="clearfix ms-2">
											<h3 class="mb-0 fw-semibold lh-1">125</h3>
											<span class="fs-14">New Referrals</span>
										</div>
									</div>
									<div class="border outline-dashed rounded p-2 d-flex align-items-center me-3 mt-3">
										<div
											class="avatar  style-1 bg-primary-light text-primary rounded d-flex align-items-center justify-content-center">
											<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path
													d="M20 7H4C2.89543 7 2 7.89543 2 9V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V9C22 7.89543 21.1046 7 20 7Z"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
												<path
													d="M16 21V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3H10C9.46957 3 8.96086 3.21071 8.58579 3.58579C8.21071 3.96086 8 4.46957 8 5V21"
													stroke="var(--primary)" stroke-width="2" stroke-linecap="round"
													stroke-linejoin="round" />
											</svg>
										</div>
										<div class="clearfix ms-2">
											<h3 class="mb-0 fw-semibold lh-1">25</h3>
											<span class="fs-14">New Deals</span>
										</div>
									</div>
								</div>
							</div>
							<div class="clearfix mt-3 mt-xl-0 ms-auto d-flex flex-column col-xl-3">
								<div class="clearfix mb-3 text-xl-end">
									<a href="javascript:void(0);" class="btn btn-light text-dark">Follow</a>
									<a href="javascript:void(0);" class="btn btn-primary ms-2">Hire Me</a>
								</div>
								<div class="mt-auto d-flex align-items-center">
									<div class="clearfix me-3">
										<span class="fw-medium text-black d-block mb-1">Progress</span>
										<p class="mb-0 d-flex">
											<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
												xmlns="http://www.w3.org/2000/svg">
												<path d="M5.83334 14.1668L14.1667 5.8335" stroke="var(--bs-success)"
													stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
												</path>
												<path d="M5.83334 5.8335H14.1667V14.1668" stroke="var(--bs-success)"
													stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
												</path>
											</svg>
											<span class="text-success me-1">+3.50%</span>
										</p>
									</div>
									<div id="chartProfileProgress"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="card-footer py-0 d-flex flex-wrap justify-content-between align-items-center">
						<ul class="nav nav-underline nav-underline-primary nav-underline-text-dark nav-underline-gap-x-0"
							id="tabMyProfileBottom" role="tablist">
							<li class="nav-item ms-1" role="presentation">
								<a href="account/overview.php" class="nav-link py-3 border-3 text-black">Overview</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/settings.php" class="nav-link py-3 border-3 text-black">Settings</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/security.php" class="nav-link py-3 border-3 text-black">Security</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/activity.php"
									class="nav-link py-3 border-3 text-black active">Activity</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/billing.php" class="nav-link py-3 border-3 text-black">Billing</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/statements.php"
									class="nav-link py-3 border-3 text-black">Statements</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/referrals.php" class="nav-link py-3 border-3 text-black">Referrals</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/api-keys.php" class="nav-link py-3 border-3 text-black">API Keys</a>
							</li>
							<li class="nav-item ms-1" role="presentation">
								<a href="account/logs.php" class="nav-link py-3 border-3 text-black">Logs</a>
							</li>
						</ul>
						<ul class="d-xl-flex d-none py-2">
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-linkedin-in"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-instagram"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-facebook-f"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-telegram"></i>
								</a>
							</li>
							<li class="px-1">
								<a class="btn btn-light text-dark" href="javascript:void(0);">
									<i class="fa-brands fa-youtube"></i>
								</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="tab-content" id="tabContentMyProfileBottom">
					<div class="row">
						<div class="col-xxl-3 col-xl-4">
							<div class="row sticky-top sticky-top-80 z-0">
								<div class="col-lg-12">
									<div class="card">
										<div class="card-header">
											<h4 class="card-title mb-0">Activity</h4>
										</div>
										<div class="card-body">
											<div class="widget-timeline-status">
												<ul class="timeline">
													<li>
														<span class="timeline-status">08:30</span>
														<div class="timeline-badge border-dark"></div>
														<div class="timeline-panel">
															<span>Quisque a consequat ante Sit amet magna at
																volutapt.</span>
														</div>
													</li>
													<li>
														<span class="timeline-status">10:30</span>
														<div class="timeline-badge border-success"></div>
														<div class="timeline-panel">
															<span class="fs-14 fw-semibold">Video Sharing</span>
														</div>
													</li>
													<li>
														<span class="timeline-status">02:42</span>
														<div class="timeline-badge border-danger"></div>
														<div class="timeline-panel">
															<span class="fs-14 fw-semibold">john just buy your product
																Sell <span class="text-primary">$250</span></span>
														</div>
													</li>
													<li>
														<span class="timeline-status">15:40</span>
														<div class="timeline-badge border-info"></div>
														<div class="timeline-panel">
															<span>Mashable, a news website and blog, goes live.</span>
														</div>
													</li>
													<li>
														<span class="timeline-status">23:12</span>
														<div class="timeline-badge border-warning"></div>
														<div class="timeline-panel">
															<span class="fs-14 fw-semibold">StumbleUpon is acquired by
																<span class="text-primary">eBay</span></span>
														</div>
													</li>
													<li>
														<span class="timeline-status">11:12</span>
														<div class="timeline-badge border-primary"></div>
														<div class="timeline-panel">
															<span>shared this on my fb wall a few months back.</span>
														</div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-12">
									<div class="card overflow-hidden">
										<div class="card-header border-0">
											<h4 class="heading mb-0">My To Do Items</h4>
											<div>
												<a href="javascript:void(0);" class="text-primary me-2">View All</a>
												<a href="javascript:void(0);" class="text-black"> + Add To Do</a>
											</div>
										</div>
										<div class="card-body p-0">
											<div class="dt-do-bx">
												<div class="draggable-zone dropzoneContainer to-dodroup dz-scroll">
													<div class="sub-card draggable-handle draggable">
														<div class="d-items">
															<span class="text-warning dang d-block mb-2">
																<svg class="me-1" width="18" height="18"
																	viewBox="0 0 18 18" fill="none"
																	xmlns="http://www.w3.org/2000/svg">
																	<path fill-rule="evenodd" clip-rule="evenodd"
																		d="M3.61051 15.3276H14.3978C15.5843 15.3276 16.329 14.0451 15.7395 13.0146L10.35 3.59085C9.75676 2.5536 8.26126 2.55285 7.66726 3.5901L2.26876 13.0139C1.67926 14.0444 2.42326 15.3276 3.61051 15.3276Z"
																		stroke="#FF9F00" stroke-width="1.5"
																		stroke-linecap="round"
																		stroke-linejoin="round" />
																	<path d="M9.00189 10.0611V7.7361" stroke="#FF9F00"
																		stroke-width="1.5" stroke-linecap="round"
																		stroke-linejoin="round" />
																	<path d="M8.99625 12.375H9.00375" stroke="#FF9F00"
																		stroke-width="2" stroke-linecap="round"
																		stroke-linejoin="round" />
																</svg>
																Latest to do's
															</span>
															<div class="d-flex justify-content-between flex-wrap">
																<div class="d-items-2">
																	<div>
																		<svg width="9" height="16" viewBox="0 0 9 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<rect width="1" height="1" fill="#888888" />
																			<rect y="3" width="1" height="1"
																				fill="#888888" />
																			<rect y="6" width="1" height="1"
																				fill="#888888" />
																			<rect y="9" width="1" height="1"
																				fill="#888888" />
																			<rect y="12" width="1" height="1"
																				fill="#888888" />
																			<rect y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="15" width="1" height="1"
																				fill="#888888" />
																		</svg>
																	</div>
																	<div>
																		<div class="form-check custom-checkbox">
																			<input type="checkbox"
																				class="form-check-input"
																				id="customCheckBox1" required>
																			<label class="form-check-label"
																				for="customCheckBox1">Compete this
																				projects Monday</label>
																		</div>
																		<span>2024-12-26 07:15:00</span>
																	</div>
																</div>
																<div>
																	<div class="icon-box icon-box-md icon-danger me-1">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path
																				d="M12.8833 6.31213C12.8833 6.31213 12.5213 10.8021 12.3113 12.6935C12.2113 13.5968 11.6533 14.1261 10.7393 14.1428C8.99994 14.1741 7.25861 14.1761 5.51994 14.1395C4.64061 14.1215 4.09194 13.5855 3.99394 12.6981C3.78261 10.7901 3.42261 6.31213 3.42261 6.31213"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M13.8055 4.1598H2.50012"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path
																				d="M11.6271 4.1598C11.1037 4.1598 10.6531 3.7898 10.5504 3.27713L10.3884 2.46647C10.2884 2.09247 9.94974 1.8338 9.56374 1.8338H6.74174C6.35574 1.8338 6.01707 2.09247 5.91707 2.46647L5.75507 3.27713C5.65241 3.7898 5.20174 4.1598 4.67841 4.1598"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>
																	</div>
																	<div class="icon-box icon-box-md bg-primary-light">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path d="M9.16492 13.6286H14"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path fill-rule="evenodd"
																				clip-rule="evenodd"
																				d="M8.52001 2.52986C9.0371 1.91186 9.96666 1.82124 10.5975 2.32782C10.6324 2.35531 11.753 3.22586 11.753 3.22586C12.446 3.64479 12.6613 4.5354 12.2329 5.21506C12.2102 5.25146 5.87463 13.1763 5.87463 13.1763C5.66385 13.4393 5.34389 13.5945 5.00194 13.5982L2.57569 13.6287L2.02902 11.3149C1.95244 10.9895 2.02902 10.6478 2.2398 10.3849L8.52001 2.52986Z"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M7.34723 4.00059L10.9821 6.79201"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>

																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="sub-card draggable-handle draggable">
														<div class="d-items">
															<span class="text-success dang d-block mb-2">
																<svg class="me-1" width="18" height="18"
																	viewBox="0 0 18 18" fill="none"
																	xmlns="http://www.w3.org/2000/svg">
																	<path d="M15 4.5L6.75 12.75L3 9" stroke="#3AC977"
																		stroke-width="2" stroke-linecap="round"
																		stroke-linejoin="round" />
																</svg>
																Latest finished to do's
															</span>
															<div class="d-flex justify-content-between flex-wrap">
																<div class="d-items-2">
																	<div>
																		<svg width="9" height="16" viewBox="0 0 9 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<rect width="1" height="1" fill="#888888" />
																			<rect y="3" width="1" height="1"
																				fill="#888888" />
																			<rect y="6" width="1" height="1"
																				fill="#888888" />
																			<rect y="9" width="1" height="1"
																				fill="#888888" />
																			<rect y="12" width="1" height="1"
																				fill="#888888" />
																			<rect y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="15" width="1" height="1"
																				fill="#888888" />
																		</svg>
																	</div>
																	<div>
																		<div class="form-check custom-checkbox">
																			<input type="checkbox"
																				class="form-check-input"
																				id="customCheckBox02" required>
																			<label class="form-check-label"
																				for="customCheckBox02">Compete this
																				projects Monday</label>
																		</div>
																		<span>2024-12-26 07:15:00</span>
																	</div>
																</div>
																<div>
																	<div class="icon-box icon-box-md icon-danger me-1">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path
																				d="M12.8833 6.31213C12.8833 6.31213 12.5213 10.8021 12.3113 12.6935C12.2113 13.5968 11.6533 14.1261 10.7393 14.1428C8.99994 14.1741 7.25861 14.1761 5.51994 14.1395C4.64061 14.1215 4.09194 13.5855 3.99394 12.6981C3.78261 10.7901 3.42261 6.31213 3.42261 6.31213"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M13.8055 4.1598H2.50012"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path
																				d="M11.6271 4.1598C11.1037 4.1598 10.6531 3.7898 10.5504 3.27713L10.3884 2.46647C10.2884 2.09247 9.94974 1.8338 9.56374 1.8338H6.74174C6.35574 1.8338 6.01707 2.09247 5.91707 2.46647L5.75507 3.27713C5.65241 3.7898 5.20174 4.1598 4.67841 4.1598"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>
																	</div>
																	<div class="icon-box icon-box-md bg-primary-light">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path d="M9.16492 13.6286H14"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path fill-rule="evenodd"
																				clip-rule="evenodd"
																				d="M8.52001 2.52986C9.0371 1.91186 9.96666 1.82124 10.5975 2.32782C10.6324 2.35531 11.753 3.22586 11.753 3.22586C12.446 3.64479 12.6613 4.5354 12.2329 5.21506C12.2102 5.25146 5.87463 13.1763 5.87463 13.1763C5.66385 13.4393 5.34389 13.5945 5.00194 13.5982L2.57569 13.6287L2.02902 11.3149C1.95244 10.9895 2.02902 10.6478 2.2398 10.3849L8.52001 2.52986Z"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M7.34723 4.00059L10.9821 6.79201"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>

																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="sub-card draggable-handle draggable">
														<div class="d-items">
															<div class="d-flex justify-content-between flex-wrap">
																<div class="d-items-2">
																	<div>
																		<svg width="9" height="16" viewBox="0 0 9 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<rect width="1" height="1" fill="#888888" />
																			<rect y="3" width="1" height="1"
																				fill="#888888" />
																			<rect y="6" width="1" height="1"
																				fill="#888888" />
																			<rect y="9" width="1" height="1"
																				fill="#888888" />
																			<rect y="12" width="1" height="1"
																				fill="#888888" />
																			<rect y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="15" width="1" height="1"
																				fill="#888888" />
																		</svg>
																	</div>
																	<div>
																		<div class="form-check custom-checkbox">
																			<input type="checkbox"
																				class="form-check-input"
																				id="customCheckBox03" required>
																			<label class="form-check-label"
																				for="customCheckBox03">Compete this
																				projects Monday</label>
																		</div>
																		<span>2024-12-26 07:15:00</span>
																	</div>
																</div>
																<div>
																	<div class="icon-box icon-box-md icon-danger me-1">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path
																				d="M12.8833 6.31213C12.8833 6.31213 12.5213 10.8021 12.3113 12.6935C12.2113 13.5968 11.6533 14.1261 10.7393 14.1428C8.99994 14.1741 7.25861 14.1761 5.51994 14.1395C4.64061 14.1215 4.09194 13.5855 3.99394 12.6981C3.78261 10.7901 3.42261 6.31213 3.42261 6.31213"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M13.8055 4.1598H2.50012"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path
																				d="M11.6271 4.1598C11.1037 4.1598 10.6531 3.7898 10.5504 3.27713L10.3884 2.46647C10.2884 2.09247 9.94974 1.8338 9.56374 1.8338H6.74174C6.35574 1.8338 6.01707 2.09247 5.91707 2.46647L5.75507 3.27713C5.65241 3.7898 5.20174 4.1598 4.67841 4.1598"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>
																	</div>
																	<div class="icon-box icon-box-md bg-primary-light">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path d="M9.16492 13.6286H14"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path fill-rule="evenodd"
																				clip-rule="evenodd"
																				d="M8.52001 2.52986C9.0371 1.91186 9.96666 1.82124 10.5975 2.32782C10.6324 2.35531 11.753 3.22586 11.753 3.22586C12.446 3.64479 12.6613 4.5354 12.2329 5.21506C12.2102 5.25146 5.87463 13.1763 5.87463 13.1763C5.66385 13.4393 5.34389 13.5945 5.00194 13.5982L2.57569 13.6287L2.02902 11.3149C1.95244 10.9895 2.02902 10.6478 2.2398 10.3849L8.52001 2.52986Z"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M7.34723 4.00059L10.9821 6.79201"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>

																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="sub-card draggable-handle draggable">
														<div class="d-items">
															<div class="d-flex justify-content-between flex-wrap">
																<div class="d-items-2">
																	<div>
																		<svg width="9" height="16" viewBox="0 0 9 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<rect width="1" height="1" fill="#888888" />
																			<rect y="3" width="1" height="1"
																				fill="#888888" />
																			<rect y="6" width="1" height="1"
																				fill="#888888" />
																			<rect y="9" width="1" height="1"
																				fill="#888888" />
																			<rect y="12" width="1" height="1"
																				fill="#888888" />
																			<rect y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="15" width="1" height="1"
																				fill="#888888" />
																		</svg>
																	</div>
																	<div>
																		<div class="form-check custom-checkbox">
																			<input type="checkbox"
																				class="form-check-input"
																				id="customCheckBox4" required>
																			<label class="form-check-label"
																				for="customCheckBox4">Compete this
																				projects Monday</label>
																		</div>
																		<span>2024-12-26 07:15:00</span>
																	</div>
																</div>
																<div>
																	<div class="icon-box icon-box-md icon-danger me-1">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path
																				d="M12.8833 6.31213C12.8833 6.31213 12.5213 10.8021 12.3113 12.6935C12.2113 13.5968 11.6533 14.1261 10.7393 14.1428C8.99994 14.1741 7.25861 14.1761 5.51994 14.1395C4.64061 14.1215 4.09194 13.5855 3.99394 12.6981C3.78261 10.7901 3.42261 6.31213 3.42261 6.31213"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M13.8055 4.1598H2.50012"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path
																				d="M11.6271 4.1598C11.1037 4.1598 10.6531 3.7898 10.5504 3.27713L10.3884 2.46647C10.2884 2.09247 9.94974 1.8338 9.56374 1.8338H6.74174C6.35574 1.8338 6.01707 2.09247 5.91707 2.46647L5.75507 3.27713C5.65241 3.7898 5.20174 4.1598 4.67841 4.1598"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>
																	</div>
																	<div class="icon-box icon-box-md bg-primary-light">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path d="M9.16492 13.6286H14"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path fill-rule="evenodd"
																				clip-rule="evenodd"
																				d="M8.52001 2.52986C9.0371 1.91186 9.96666 1.82124 10.5975 2.32782C10.6324 2.35531 11.753 3.22586 11.753 3.22586C12.446 3.64479 12.6613 4.5354 12.2329 5.21506C12.2102 5.25146 5.87463 13.1763 5.87463 13.1763C5.66385 13.4393 5.34389 13.5945 5.00194 13.5982L2.57569 13.6287L2.02902 11.3149C1.95244 10.9895 2.02902 10.6478 2.2398 10.3849L8.52001 2.52986Z"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M7.34723 4.00059L10.9821 6.79201"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>

																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="sub-card draggable-handle draggable">
														<div class="d-items">
															<div class="d-flex justify-content-between flex-wrap">
																<div class="d-items-2">
																	<div>
																		<svg width="9" height="16" viewBox="0 0 9 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<rect width="1" height="1" fill="#888888" />
																			<rect y="3" width="1" height="1"
																				fill="#888888" />
																			<rect y="6" width="1" height="1"
																				fill="#888888" />
																			<rect y="9" width="1" height="1"
																				fill="#888888" />
																			<rect y="12" width="1" height="1"
																				fill="#888888" />
																			<rect y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="4" y="15" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="3" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="6" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="9" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="12" width="1" height="1"
																				fill="#888888" />
																			<rect x="8" y="15" width="1" height="1"
																				fill="#888888" />
																		</svg>
																	</div>
																	<div>
																		<div class="form-check custom-checkbox">
																			<input type="checkbox"
																				class="form-check-input"
																				id="customCheckBox5" required>
																			<label class="form-check-label"
																				for="customCheckBox5">Compete this
																				projects Monday</label>
																		</div>
																		<span>2024-12-26 07:15:00</span>
																	</div>
																</div>
																<div>
																	<div class="icon-box icon-box-md icon-danger me-1">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path
																				d="M12.8833 6.31213C12.8833 6.31213 12.5213 10.8021 12.3113 12.6935C12.2113 13.5968 11.6533 14.1261 10.7393 14.1428C8.99994 14.1741 7.25861 14.1761 5.51994 14.1395C4.64061 14.1215 4.09194 13.5855 3.99394 12.6981C3.78261 10.7901 3.42261 6.31213 3.42261 6.31213"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M13.8055 4.1598H2.50012"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path
																				d="M11.6271 4.1598C11.1037 4.1598 10.6531 3.7898 10.5504 3.27713L10.3884 2.46647C10.2884 2.09247 9.94974 1.8338 9.56374 1.8338H6.74174C6.35574 1.8338 6.01707 2.09247 5.91707 2.46647L5.75507 3.27713C5.65241 3.7898 5.20174 4.1598 4.67841 4.1598"
																				stroke="#FF5E5E" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>
																	</div>
																	<div class="icon-box icon-box-md bg-primary-light">
																		<svg width="16" height="16" viewBox="0 0 16 16"
																			fill="none"
																			xmlns="http://www.w3.org/2000/svg">
																			<path d="M9.16492 13.6286H14"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path fill-rule="evenodd"
																				clip-rule="evenodd"
																				d="M8.52001 2.52986C9.0371 1.91186 9.96666 1.82124 10.5975 2.32782C10.6324 2.35531 11.753 3.22586 11.753 3.22586C12.446 3.64479 12.6613 4.5354 12.2329 5.21506C12.2102 5.25146 5.87463 13.1763 5.87463 13.1763C5.66385 13.4393 5.34389 13.5945 5.00194 13.5982L2.57569 13.6287L2.02902 11.3149C1.95244 10.9895 2.02902 10.6478 2.2398 10.3849L8.52001 2.52986Z"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																			<path d="M7.34723 4.00059L10.9821 6.79201"
																				stroke="#0D99FF" stroke-linecap="round"
																				stroke-linejoin="round" />
																		</svg>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xxl-9 col-xl-8">
							<div class="card">
								<div class="card-header py-3 d-block d-sm-flex">
									<h4 class="heading mb-0">Jan 23, 2024</h4>
									<ul class="nav nav-pills mt-3 mt-sm-0 mix-chart-tab" id="myTab" role="tablist">
										<li class="nav-item ms-1" role="presentation">
											<button class="nav-link active" id="week-tab3" data-bs-toggle="tab"
												data-bs-target="#tabWeek3" type="button" role="tab"
												aria-selected="true">Week</button>
										</li>
										<li class="nav-item ms-1" role="presentation">
											<button class="nav-link" id="month-tab3" data-bs-toggle="tab"
												data-bs-target="#tabMonth3" type="button" role="tab"
												aria-selected="false" tabindex="-1">Month</button>
										</li>
										<li class="nav-item ms-1" role="presentation">
											<button class="nav-link" id="year-tab3" data-bs-toggle="tab"
												data-bs-target="#tabYear3" type="button" role="tab"
												aria-selected="false" tabindex="-1">Year</button>
										</li>
										<li class="nav-item ms-1" role="presentation">
											<button class="nav-link" id="all-tab3" data-bs-toggle="tab"
												data-bs-target="#tabAll3" type="button" role="tab" aria-selected="false"
												tabindex="-1">All</button>
										</li>
									</ul>
								</div>
								<div class="card-body">
									<div class="tab-content" id="myTabContent">
										<div class="tab-pane fade show active" id="tabWeek3" role="tabpanel"
											aria-labelledby="week-tab3" tabindex="0">
											<div class="widget-timeline-icons pb-3">
												<ul class="timeline">
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">StumbleUpon is acquired
																	by eBay.</span>
																<span class="fs-14 d-block">3:30 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">Meeting with customer
																		</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">UI
																			Design</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<img src="assets/images/avatar/3.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<img src="assets/images/avatar/4.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<div
																				class="avatar avatar-sm bg-blue text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				S</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-info light border-0">In
																			Progress</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">User Module Testing</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">Phase
																			2.6 QA</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<div
																				class="avatar avatar-sm bg-warning text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				A</div>
																			<div
																				class="avatar avatar-sm bg-success text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				R</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-success light border-0">Completed</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-user"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">Mashable, a news website
																	and blog, goes live</span>
																<span class="fs-14 d-block">04:12 PM by <span
																		class="text-primary">Jackson</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-link"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">05 New Project Files
																	Uploaded</span>
																<span class="fs-14 d-block">12:25 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/pdf.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">Airplus Guideline</h6>
																				<span class="fs-13">1.5MB</span>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/csv.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">FureStibe requirements
																				</h6>
																				<span class="fs-13">9KB</span>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/css.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">FureStibe styles</h6>
																				<span class="fs-13">52KB</span>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-file-alt"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-image"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">3 Dashboard concepts
																	uploaded</span>
																<span class="fs-14 d-block">1:56 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen1.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen2.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen3.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Fold Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-credit-card"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">You have received your
																	monthly Affiliate Fee</span>
																<span class="fs-14 d-block">2:08 PM by <span
																		class="text-primary">DexignZone
																		Team</span></span>
															</div>
															<div class="row">
																<div class="col-lg-8">
																	<div
																		class="alert alert-primary border-primary outline-dashed py-3 px-4 d-flex align-items-center mb-0 mt-3">
																		<i
																			class="fa-solid fa-building-columns text-primary fs-30 align-self-start"></i>
																		<div class="mx-3">
																			<h6 class="fw-semibold mb-1">Withdraw Your
																				Funds to Bank</h6>
																			<p class="fs-14 mb-0 text-black">Securely
																				withdraw money to your bank account,
																				with a $25 fee.</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
												</ul>
											</div>
										</div>
										<div class="tab-pane fade" id="tabMonth3" role="tabpanel"
											aria-labelledby="month-tab3" tabindex="0">
											<div class="widget-timeline-icons pb-3">
												<ul class="timeline">
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">StumbleUpon is acquired
																	by eBay.</span>
																<span class="fs-14 d-block">3:30 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">Meeting with customer
																		</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">UI
																			Design</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<img src="assets/images/avatar/3.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<img src="assets/images/avatar/4.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<div
																				class="avatar avatar-sm bg-blue text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				S</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-info light border-0">In
																			Progress</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">User Module Testing</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">Phase
																			2.6 QA</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<div
																				class="avatar avatar-sm bg-warning text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				A</div>
																			<div
																				class="avatar avatar-sm bg-success text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				R</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-success light border-0">Completed</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-user"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">Mashable, a news website
																	and blog, goes live</span>
																<span class="fs-14 d-block">04:12 PM by <span
																		class="text-primary">Jackson</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-file-alt"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Fold Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-credit-card"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">You have received your
																	monthly Affiliate Fee</span>
																<span class="fs-14 d-block">2:08 PM by <span
																		class="text-primary">DexignZone
																		Team</span></span>
															</div>
															<div class="row">
																<div class="col-lg-8">
																	<div
																		class="alert alert-primary border-primary outline-dashed py-3 px-4 d-flex align-items-center mb-0 mt-3">
																		<i
																			class="fa-solid fa-building-columns text-primary fs-30 align-self-start"></i>
																		<div class="mx-3">
																			<h6 class="fw-semibold mb-1">Withdraw Your
																				Funds to Bank</h6>
																			<p class="fs-14 mb-0 text-black">Securely
																				withdraw money to your bank account,
																				with a $25 fee.</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
												</ul>
											</div>
										</div>
										<div class="tab-pane fade" id="tabYear3" role="tabpanel"
											aria-labelledby="year-tab3" tabindex="0">
											<div class="widget-timeline-icons pb-3">
												<ul class="timeline">
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">StumbleUpon is acquired
																	by eBay.</span>
																<span class="fs-14 d-block">3:30 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">Meeting with customer
																		</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">UI
																			Design</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<img src="assets/images/avatar/3.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<img src="assets/images/avatar/4.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<div
																				class="avatar avatar-sm bg-blue text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				S</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-info light border-0">In
																			Progress</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">User Module Testing</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">Phase
																			2.6 QA</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<div
																				class="avatar avatar-sm bg-warning text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				A</div>
																			<div
																				class="avatar avatar-sm bg-success text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				R</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-success light border-0">Completed</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-user"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">Mashable, a news website
																	and blog, goes live</span>
																<span class="fs-14 d-block">04:12 PM by <span
																		class="text-primary">Jackson</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-link"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">05 New Project Files
																	Uploaded</span>
																<span class="fs-14 d-block">12:25 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/pdf.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">Airplus Guideline</h6>
																				<span class="fs-13">1.5MB</span>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/csv.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">FureStibe requirements
																				</h6>
																				<span class="fs-13">9KB</span>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/css.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">FureStibe styles</h6>
																				<span class="fs-13">52KB</span>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-file-alt"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-image"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">3 Dashboard concepts
																	uploaded</span>
																<span class="fs-14 d-block">1:56 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen1.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen2.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen3.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Fold Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-credit-card"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">You have received your
																	monthly Affiliate Fee</span>
																<span class="fs-14 d-block">2:08 PM by <span
																		class="text-primary">DexignZone
																		Team</span></span>
															</div>
															<div class="row">
																<div class="col-lg-8">
																	<div
																		class="alert alert-primary border-primary outline-dashed py-3 px-4 d-flex align-items-center mb-0 mt-3">
																		<i
																			class="fa-solid fa-building-columns text-primary fs-30 align-self-start"></i>
																		<div class="mx-3">
																			<h6 class="fw-semibold mb-1">Withdraw Your
																				Funds to Bank</h6>
																			<p class="fs-14 mb-0 text-black">Securely
																				withdraw money to your bank account,
																				with a $25 fee.</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-image"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">3 Dashboard concepts
																	uploaded</span>
																<span class="fs-14 d-block">1:56 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen1.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen2.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen3.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Fold Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-credit-card"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">You have received your
																	monthly Affiliate Fee</span>
																<span class="fs-14 d-block">2:08 PM by <span
																		class="text-primary">DexignZone
																		Team</span></span>
															</div>
															<div class="row">
																<div class="col-lg-8">
																	<div
																		class="alert alert-primary border-primary outline-dashed py-3 px-4 d-flex align-items-center mb-0 mt-3">
																		<i
																			class="fa-solid fa-building-columns text-primary fs-30 align-self-start"></i>
																		<div class="mx-3">
																			<h6 class="fw-semibold mb-1">Withdraw Your
																				Funds to Bank</h6>
																			<p class="fs-14 mb-0 text-black">Securely
																				withdraw money to your bank account,
																				with a $25 fee.</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
												</ul>
											</div>
										</div>
										<div class="tab-pane fade" id="tabAll3" role="tabpanel"
											aria-labelledby="all-tab3" tabindex="0">
											<div class="widget-timeline-icons pb-3">
												<ul class="timeline">
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">StumbleUpon is acquired
																	by eBay.</span>
																<span class="fs-14 d-block">3:30 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">Meeting with customer
																		</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">UI
																			Design</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<img src="assets/images/avatar/3.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<img src="assets/images/avatar/4.jpg" alt=""
																				class="avatar avatar-sm rounded-circle">
																			<div
																				class="avatar avatar-sm bg-blue text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				S</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-info light border-0">In
																			Progress</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
															<div
																class="px-3 py-3 mt-3 border border-opacity-10 rounded">
																<div class="row align-items-center">
																	<div
																		class="col-xxl-6 col-xl-5 col-lg-12 mb-3 mb-xl-0">
																		<h6 class="fs-15 mb-0">User Module Testing</h6>
																	</div>
																	<div class="col-xl-1 ms-auto col-sm-3 col-6">
																		<span
																			class="badge badge-sm badge-light border-0">Phase
																			2.6 QA</span>
																	</div>
																	<div class="col-xxl-2 col-sm-3 col-6">
																		<div
																			class="avatar-list avatar-list-stacked ms-3">
																			<div
																				class="avatar avatar-sm bg-warning text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				A</div>
																			<div
																				class="avatar avatar-sm bg-success text-white rounded-circle d-inline-flex align-items-center justify-content-center">
																				R</div>
																		</div>
																	</div>
																	<div class="col-xl-1 col-sm-3 col-6 mt-2 mt-sm-0">
																		<span
																			class="badge badge-sm badge-success light border-0">Completed</span>
																	</div>
																	<div
																		class="col-xxl-1 col-xl-2 col-sm-3 col-6 text-end mt-2 mt-sm-0">
																		<a href="javascript:void(0);"
																			class="btn btn-xxs btn-light text-black">View</a>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-user"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">Mashable, a news website
																	and blog, goes live</span>
																<span class="fs-14 d-block">04:12 PM by <span
																		class="text-primary">Jackson</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-link"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">05 New Project Files
																	Uploaded</span>
																<span class="fs-14 d-block">12:25 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/pdf.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">Airplus Guideline</h6>
																				<span class="fs-13">1.5MB</span>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/csv.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">FureStibe requirements
																				</h6>
																				<span class="fs-13">9KB</span>
																			</div>
																		</div>
																	</div>
																	<div class="col-lg-3 col-sm-6">
																		<div class="d-flex align-items-center">
																			<div class="me-3">
																				<img src="assets/images/files/css.png"
																					width="35" alt="">
																			</div>
																			<div class="clearfix">
																				<h6 class="mb-0">FureStibe styles</h6>
																				<span class="fs-13">52KB</span>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-file-alt"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-image"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">3 Dashboard concepts
																	uploaded</span>
																<span class="fs-14 d-block">1:56 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen1.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen2.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen3.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Fold Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-credit-card"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">You have received your
																	monthly Affiliate Fee</span>
																<span class="fs-14 d-block">2:08 PM by <span
																		class="text-primary">DexignZone
																		Team</span></span>
															</div>
															<div class="row">
																<div class="col-lg-8">
																	<div
																		class="alert alert-primary border-primary outline-dashed py-3 px-4 d-flex align-items-center mb-0 mt-3">
																		<i
																			class="fa-solid fa-building-columns text-primary fs-30 align-self-start"></i>
																		<div class="mx-3">
																			<h6 class="fw-semibold mb-1">Withdraw Your
																				Funds to Bank</h6>
																			<p class="fs-14 mb-0 text-black">Securely
																				withdraw money to your bank account,
																				with a $25 fee.</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><a
																		href="javascript:void(0);"
																		class="text-primary fw-medium">jQuery.js</a> was
																	merged into <strong>Google</strong> Task task</span>
																<span class="fs-14 d-block">12:38 PM by <span
																		class="text-primary">Jogn Walles</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-image"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">3 Dashboard concepts
																	uploaded</span>
																<span class="fs-14 d-block">1:56 PM by <span
																		class="text-primary">You</span></span>
															</div>
															<div
																class="p-md-4 p-3 mt-3 border border-opacity-10 rounded">
																<div class="row g-3">
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen1.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen2.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																	<div class="col-md-2 col-4">
																		<img src="assets/images/blog/screen3.jpg" alt=""
																			class="w-100 rounded">
																	</div>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-book-open"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold"><strong>Hughes</strong>
																	Fold Created & assigned a new task <a
																		href="javascript:void(0);"
																		class="text-primary">Design Multistep
																		Registraion Form</a> to you </span>
																<span class="fs-14 d-block">11:02 PM by <span
																		class="text-primary">Hughes</span></span>
															</div>
														</div>
													</li>
													<li>
														<div class="timeline-media">
															<i class="las la-credit-card"></i>
														</div>
														<div class="timeline-panel">
															<div class="clearfix">
																<span class="fs-14 fw-semibold">You have received your
																	monthly Affiliate Fee</span>
																<span class="fs-14 d-block">2:08 PM by <span
																		class="text-primary">DexignZone
																		Team</span></span>
															</div>
															<div class="row">
																<div class="col-lg-8">
																	<div
																		class="alert alert-primary border-primary outline-dashed py-3 px-4 d-flex align-items-center mb-0 mt-3">
																		<i
																			class="fa-solid fa-building-columns text-primary fs-30 align-self-start"></i>
																		<div class="mx-3">
																			<h6 class="fw-semibold mb-1">Withdraw Your
																				Funds to Bank</h6>
																			<p class="fs-14 mb-0 text-black">Securely
																				withdraw money to your bank account,
																				with a $25 fee.</p>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<!--**********************************
            Footer start
        ***********************************-->
		<?php include '../elements/footer.php'; ?>
		<!--**********************************
            Footer end
        ***********************************-->

	</div>
	<!--**********************************
        Main wrapper end
    ***********************************-->

	<!--**********************************
	Scripts
***********************************-->
	<!-- Required vendors -->
<?php include '../elements/page-js.php'; ?>
	
	
</body>

</html>