Metronic - The World's #1 Selling Tailwind CSS & Bootstrap Admin Template by KeenThemes

CKEditor Classic

Classic editor with a traditional toolbar interface. All free plugins including text alignment, font controls, and remove format are enabled.

<h2>The three greatest things you learn from traveling</h2>
										<p>Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons I've learned over the years of traveling.</p>
										<h3>Appreciation of diversity</h3>
										<p>Getting used to an entirely different culture can be challenging. While it's also nice to learn about cultures online or from books, nothing comes close to experiencing 
										<a href="https://ckeditor.com/">cultural diversity</a>in person. You learn to appreciate each and every single one of the differences while you become more culturally fluid.</p>
										<figure class="image image-style-side">
											<img src="https://ckeditor.com/docs/ckeditor5/latest/assets/img/malta.jpg" alt="Picture of a canyons">
												<figcaption>Leaving your comfort zone might lead you to such beautiful sceneries like this one.</figcaption>
												<h3>Confidence</h3>
												<p>Going to a new place can be quite terrifying. While change and uncertainty make us scared, traveling teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your fear and see there was nothing to be afraid of, is the moment you discover bliss.</p>
												
												
												
												
												<script>(function() { "use strict"; var retryCount = 0, maxRetries = 80, editorInitialized = false, maxStartRetries = 120, startRetryCount = 0; function initCKEditor() { if (editorInitialized) return; var Editor = (typeof CKEDITOR !== 'undefined' && CKEDITOR.ClassicEditor) ? CKEDITOR.ClassicEditor : (typeof ClassicEditor !== 'undefined' ? ClassicEditor : null); if (Editor) { editorInitialized = true; var config = { toolbar: { items: ['heading', '|', 'bold', 'italic', 'link', '|', 'bulletedList', 'numberedList', '|', 'alignment', '|', 'fontSize', 'fontFamily', '|', 'removeFormat', '|', 'blockQuote', 'insertTable', '|', 'undo', 'redo'], shouldNotGroupWhenFull: true }, language: 'en', alignment: { options: ['left', 'center', 'right', 'justify'] }, fontFamily: { options: ['default', 'Arial, Helvetica, sans-serif', 'Courier New, Courier, monospace', 'Georgia, serif', 'Lucida Sans Unicode, Lucida Grande, sans-serif', 'Tahoma, Geneva, sans-serif', 'Times New Roman, Times, serif', 'Trebuchet MS, Helvetica, sans-serif', 'Verdana, Geneva, sans-serif'], supportAllValues: true }, fontSize: { options: [9, 11, 13, 'default', 17, 19, 21], supportAllValues: true } }; var el = document.querySelector('#kt_ckeditor_classic'); if (!el) return; Editor.create(el, config) .then(function(editor) { console.log('CKEditor Classic initialized', editor); }) .catch(function(err) { console.error('CKEditor Classic:', err); editorInitialized = false; }); } else { retryCount++; if (retryCount < maxRetries) setTimeout(initCKEditor, 100); } } function startInit() { if ((typeof CKEDITOR !== 'undefined' && CKEDITOR.ClassicEditor) || typeof ClassicEditor !== 'undefined') initCKEditor(); else { startRetryCount++; if (startRetryCount < maxStartRetries) setTimeout(startInit, 50); } } window.addEventListener('load', startInit); })();</script>
												
												
												
												
												<div class="footer pb-4 d-flex flex-lg-column" id="kt_footer">
													
													<div class="container-xxl d-flex flex-column flex-md-row align-items-center justify-content-between">
														
														<div class="text-gray-900 order-2 order-md-1">
															<span class="text-muted fw-semibold me-1">2026©</span>
															<a href="https://keenthemes.com" target="_blank" class="text-gray-800 text-hover-primary">Keenthemes</a>
														</div>
														
														
														<ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1">
															<li class="menu-item">
																<a href="https://keenthemes.com" target="_blank" class="menu-link px-2">About</a>
															</li>
															<li class="menu-item">
																<a href="https://devs.keenthemes.com" target="_blank" class="menu-link px-2">Support</a>
															</li>
															<li class="menu-item">
																<a href="https://1.envato.market/EA4JP" target="_blank" class="menu-link px-2">Purchase</a>
															</li>
														</ul>
														
													</div>
													
												</div>
												
												
												
												
												
												
												<div id="kt_activities" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="activities" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'lg': '900px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_activities_toggle" data-kt-drawer-close="#kt_activities_close">
													<div class="card shadow-none border-0 rounded-0">
														
														<div class="card-header" id="kt_activities_header">
															<h3 class="card-title fw-bold text-gray-900">Activity Logs</h3>
															<div class="card-toolbar">
																<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="kt_activities_close">
																	<i class="ki-duotone ki-cross fs-1">
																		<span class="path1"></span>
																		<span class="path2"></span>
																	</i>
																</button>
															</div>
														</div>
														
														
														<div class="card-body position-relative" id="kt_activities_body">
															
															<div id="kt_activities_scroll" class="position-relative scroll-y me-n5 pe-5" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-wrappers="#kt_activities_body" data-kt-scroll-dependencies="#kt_activities_header, #kt_activities_footer" data-kt-scroll-offset="5px">
																
																<div class="timeline timeline-border-dashed">
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-message-text-2 fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																				<span class="path3"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n1">
																			
																			<div class="pe-3 mb-5">
																				
																				<div class="fs-5 fw-semibold mb-2">There are 2 new tasks for you in “AirPlus Mobile App” project:</div>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
																					
																					
																					<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
																						<img src="assets/media/avatars/300-14.jpg" alt="img" />
																					</div>
																					
																				</div>
																				
																			</div>
																			
																			
																			<div class="overflow-auto pb-5">
																				
																				<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-5">
																					
																					<a href="apps/projects/project.html" class="fs-5 text-gray-900 text-hover-primary fw-semibold w-375px min-w-200px">Meeting with customer</a>
																					
																					
																					<div class="min-w-175px pe-2">
																						<span class="badge badge-light text-muted">Application Design</span>
																					</div>
																					
																					
																					<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px pe-2">
																						
																						<div class="symbol symbol-circle symbol-25px">
																							<img src="assets/media/avatars/300-2.jpg" alt="img" />
																						</div>
																						
																						
																						<div class="symbol symbol-circle symbol-25px">
																							<img src="assets/media/avatars/300-14.jpg" alt="img" />
																						</div>
																						
																						
																						<div class="symbol symbol-circle symbol-25px">
																							<div class="symbol-label fs-8 fw-semibold bg-primary text-inverse-primary">A</div>
																						</div>
																						
																					</div>
																					
																					
																					<div class="min-w-125px pe-2">
																						<span class="badge badge-light-primary">In Progress</span>
																					</div>
																					
																					
																					<a href="apps/projects/project.html" class="btn btn-sm btn-light btn-active-light-primary">View</a>
																					
																				</div>
																				
																				
																				<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-0">
																					
																					<a href="apps/projects/project.html" class="fs-5 text-gray-900 text-hover-primary fw-semibold w-375px min-w-200px">Project Delivery Preparation</a>
																					
																					
																					<div class="min-w-175px">
																						<span class="badge badge-light text-muted">CRM System Development</span>
																					</div>
																					
																					
																					<div class="symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px">
																						
																						<div class="symbol symbol-circle symbol-25px">
																							<img src="assets/media/avatars/300-20.jpg" alt="img" />
																						</div>
																						
																						
																						<div class="symbol symbol-circle symbol-25px">
																							<div class="symbol-label fs-8 fw-semibold bg-success text-inverse-primary">B</div>
																						</div>
																						
																					</div>
																					
																					
																					<div class="min-w-125px">
																						<span class="badge badge-light-success">Completed</span>
																					</div>
																					
																					
																					<a href="apps/projects/project.html" class="btn btn-sm btn-light btn-active-light-primary">View</a>
																					
																				</div>
																				
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon me-4">
																			<i class="ki-duotone ki-flag fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n2">
																			
																			<div class="overflow-auto pe-3">
																				
																				<div class="fs-5 fw-semibold mb-2">Invitation for crafting engaging designs that speak human workshop</div>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Sent at 4:23 PM by</div>
																					
																					
																					<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Alan Nilson">
																						<img src="assets/media/avatars/300-1.jpg" alt="img" />
																					</div>
																					
																				</div>
																				
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-disconnect fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																				<span class="path3"></span>
																				<span class="path4"></span>
																				<span class="path5"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n1">
																			
																			<div class="mb-5 pe-3">
																				
																				<a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">3 New Incoming Project Files:</a>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Sent at 10:30 PM by</div>
																					
																					
																					<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Jan Hummer">
																						<img src="assets/media/avatars/300-23.jpg" alt="img" />
																					</div>
																					
																				</div>
																				
																			</div>
																			
																			
																			<div class="overflow-auto pb-5">
																				<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-5">
																					
																					<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
																						
																						<img alt="" class="w-30px me-3" src="assets/media/svg/files/pdf.svg" />
																						
																						
																						<div class="ms-1 fw-semibold">
																							
																							<a href="apps/projects/project.html" class="fs-6 text-hover-primary fw-bold">Finance KPI App Guidelines</a>
																							
																							
																							<div class="text-gray-500">1.9mb</div>
																							
																						</div>
																						
																					</div>
																					
																					
																					<div class="d-flex flex-aligns-center pe-10 pe-lg-20">
																						
																						<img alt="/apps/projects/project.html" class="w-30px me-3" src="assets/media/svg/files/doc.svg" />
																						
																						
																						<div class="ms-1 fw-semibold">
																							
																							<a href="#" class="fs-6 text-hover-primary fw-bold">Client UAT Testing Results</a>
																							
																							
																							<div class="text-gray-500">18kb</div>
																							
																						</div>
																						
																					</div>
																					
																					
																					<div class="d-flex flex-aligns-center">
																						
																						<img alt="/apps/projects/project.html" class="w-30px me-3" src="assets/media/svg/files/css.svg" />
																						
																						
																						<div class="ms-1 fw-semibold">
																							
																							<a href="#" class="fs-6 text-hover-primary fw-bold">Finance Reports</a>
																							
																							
																							<div class="text-gray-500">20mb</div>
																							
																						</div>
																						
																					</div>
																					
																				</div>
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-abstract-26 fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n1">
																			
																			<div class="pe-3 mb-5">
																				
																				<div class="fs-5 fw-semibold mb-2">Task 
																				<a href="#" class="text-primary fw-bold me-1">#45890</a>merged with 
																				<a href="#" class="text-primary fw-bold me-1">#45890</a>in “Ads Pro Admin Dashboard project:</div>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Initiated at 4:23 PM by</div>
																					
																					
																					<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Nina Nilson">
																						<img src="assets/media/avatars/300-14.jpg" alt="img" />
																					</div>
																					
																				</div>
																				
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-pencil fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n1">
																			
																			<div class="pe-3 mb-5">
																				
																				<div class="fs-5 fw-semibold mb-2">3 new application design concepts added:</div>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Created at 4:23 PM by</div>
																					
																					
																					<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Marcus Dotson">
																						<img src="assets/media/avatars/300-2.jpg" alt="img" />
																					</div>
																					
																				</div>
																				
																			</div>
																			
																			
																			<div class="overflow-auto pb-5">
																				<div class="d-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-7">
																					
																					<div class="overlay me-10">
																						
																						<div class="overlay-wrapper">
																							<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-29.jpg" />
																						</div>
																						
																						
																						<div class="overlay-layer bg-dark bg-opacity-10 rounded">
																							<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
																						</div>
																						
																					</div>
																					
																					
																					<div class="overlay me-10">
																						
																						<div class="overlay-wrapper">
																							<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-31.jpg" />
																						</div>
																						
																						
																						<div class="overlay-layer bg-dark bg-opacity-10 rounded">
																							<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
																						</div>
																						
																					</div>
																					
																					
																					<div class="overlay">
																						
																						<div class="overlay-wrapper">
																							<img alt="img" class="rounded w-150px" src="assets/media/stock/600x400/img-40.jpg" />
																						</div>
																						
																						
																						<div class="overlay-layer bg-dark bg-opacity-10 rounded">
																							<a href="#" class="btn btn-sm btn-primary btn-shadow">Explore</a>
																						</div>
																						
																					</div>
																					
																				</div>
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-sms fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n1">
																			
																			<div class="pe-3 mb-5">
																				
																				<div class="fs-5 fw-semibold mb-2">New case 
																				<a href="#" class="text-primary fw-bold me-1">#67890</a>is assigned to you in Multi-platform Database Design project</div>
																				
																				
																				<div class="overflow-auto pb-5">
																					
																					<div class="d-flex align-items-center mt-1 fs-6">
																						
																						<div class="text-muted me-2 fs-7">Added at 4:23 PM by</div>
																						
																						
																						<a href="#" class="text-primary fw-bold me-1">Alice Tan</a>
																						
																					</div>
																					
																				</div>
																				
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-pencil fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mb-10 mt-n1">
																			
																			<div class="pe-3 mb-5">
																				
																				<div class="fs-5 fw-semibold mb-2">You have received a new order:</div>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Placed at 5:05 AM by</div>
																					
																					
																					<div class="symbol symbol-circle symbol-25px" data-bs-toggle="tooltip" data-bs-boundary="window" data-bs-placement="top" title="Robert Rich">
																						<img src="assets/media/avatars/300-4.jpg" alt="img" />
																					</div>
																					
																				</div>
																				
																			</div>
																			
																			
																			<div class="overflow-auto pb-5">
																				
																				<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed min-w-lg-600px flex-shrink-0 p-6">
																					
																					<i class="ki-duotone ki-devices-2 fs-2tx text-primary me-4">
																						<span class="path1"></span>
																						<span class="path2"></span>
																						<span class="path3"></span>
																					</i>
																					
																					
																					<div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
																						
																						<div class="mb-3 mb-md-0 fw-semibold">
																							<h4 class="text-gray-900 fw-bold">Database Backup Process Completed!</h4>
																							<div class="fs-6 text-gray-700 pe-7">Login into Admin Dashboard to make sure the data integrity is OK</div>
																						</div>
																						
																						
																						<a href="#" class="btn btn-primary px-6 align-self-center text-nowrap">Proceed</a>
																						
																					</div>
																					
																				</div>
																				
																			</div>
																			
																		</div>
																		
																	</div>
																	
																	
																	<div class="timeline-item">
																		
																		<div class="timeline-line"></div>
																		
																		
																		<div class="timeline-icon">
																			<i class="ki-duotone ki-basket fs-2 text-gray-500">
																				<span class="path1"></span>
																				<span class="path2"></span>
																				<span class="path3"></span>
																				<span class="path4"></span>
																			</i>
																		</div>
																		
																		
																		<div class="timeline-content mt-n1">
																			
																			<div class="pe-3 mb-5">
																				
																				<div class="fs-5 fw-semibold mb-2">New order 
																				<a href="#" class="text-primary fw-bold me-1">#67890</a>is placed for Workshow Planning & Budget Estimation</div>
																				
																				
																				<div class="d-flex align-items-center mt-1 fs-6">
																					
																					<div class="text-muted me-2 fs-7">Placed at 4:23 PM by</div>
																					
																					
																					<a href="#" class="text-primary fw-bold me-1">Jimmy Bold</a>
																					
																				</div>
																				
																			</div>
																			
																		</div>
																		
																	</div>
																	
																</div>
																
															</div>
															
														</div>
														
														
														<div class="card-footer py-5 text-center" id="kt_activities_footer">
															<a href="pages/user-profile/activity.html" class="btn btn-bg-body text-primary">View All Activities 
															<i class="ki-duotone ki-arrow-right fs-3 text-primary">
																<span class="path1"></span>
																<span class="path2"></span>
															</i></a>
														</div>
														
													</div>
												</div>
												
												
												<div id="kt_drawer_chat" class="bg-body" data-kt-drawer="true" data-kt-drawer-name="chat" data-kt-drawer-activate="true" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'300px', 'md': '500px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_drawer_chat_toggle" data-kt-drawer-close="#kt_drawer_chat_close">
													
													<div class="card w-100 border-0 rounded-0" id="kt_drawer_chat_messenger">
														
														<div class="card-header pe-5" id="kt_drawer_chat_messenger_header">
															
															<div class="card-title">
																
																<div class="d-flex justify-content-center flex-column me-3">
																	<a href="#" class="fs-4 fw-bold text-gray-900 text-hover-primary me-1 mb-2 lh-1">Brian Cox</a>
																	
																	<div class="mb-0 lh-1">
																		<span class="badge badge-success badge-circle w-10px h-10px me-1"></span>
																		<span class="fs-7 fw-semibold text-muted">Active</span>
																	</div>
																	
																</div>
																
															</div>
															
															
															<div class="card-toolbar">
																
																<div class="me-0">
																	<button class="btn btn-sm btn-icon btn-active-color-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
																		<i class="ki-duotone ki-dots-square fs-2">
																			<span class="path1"></span>
																			<span class="path2"></span>
																			<span class="path3"></span>
																			<span class="path4"></span>
																		</i>
																	</button>
																	
																	<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
																		
																		<div class="menu-item px-3">
																			<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Contacts</div>
																		</div>
																		
																		
																		<div class="menu-item px-3">
																			<a href="#" class="menu-link px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_users_search">Add Contact</a>
																		</div>
																		
																		
																		<div class="menu-item px-3">
																			<a href="#" class="menu-link flex-stack px-3" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">Invite Contacts 
																			<span class="ms-2" data-bs-toggle="tooltip" title="Specify a contact email to send an invitation">
																				<i class="ki-duotone ki-information fs-7">
																					<span class="path1"></span>
																					<span class="path2"></span>
																					<span class="path3"></span>
																				</i>
																			</span></a>
																		</div>
																		
																		
																		<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
																			<a href="#" class="menu-link px-3">
																				<span class="menu-title">Groups</span>
																				<span class="menu-arrow"></span>
																			</a>
																			
																			<div class="menu-sub menu-sub-dropdown w-175px py-4">
																				
																				<div class="menu-item px-3">
																					<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Create Group</a>
																				</div>
																				
																				
																				<div class="menu-item px-3">
																					<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Invite Members</a>
																				</div>
																				
																				
																				<div class="menu-item px-3">
																					<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
																				</div>
																				
																			</div>
																			
																		</div>
																		
																		
																		<div class="menu-item px-3 my-1">
																			<a href="#" class="menu-link px-3" data-bs-toggle="tooltip" title="Coming soon">Settings</a>
																		</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="btn btn-sm btn-icon btn-active-color-primary" id="kt_drawer_chat_close">
																	<i class="ki-duotone ki-cross-square fs-2">
																		<span class="path1"></span>
																		<span class="path2"></span>
																	</i>
																</div>
																
															</div>
															
														</div>
														
														
														<div class="card-body" id="kt_drawer_chat_messenger_body">
															
															<div class="scroll-y me-n5 pe-5" data-kt-element="messages" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer" data-kt-scroll-wrappers="#kt_drawer_chat_messenger_body" data-kt-scroll-offset="0px">
																
																<div class="d-flex justify-content-start mb-10">
																	
																	<div class="d-flex flex-column align-items-start">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
																			</div>
																			
																			
																			<div class="ms-3">
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
																				<span class="text-muted fs-7 mb-1">2 mins</span>
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">How likely are you to recommend our company to your friends and family ?</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-end mb-10">
																	
																	<div class="d-flex flex-column align-items-end">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="me-3">
																				<span class="text-muted fs-7 mb-1">5 mins</span>
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
																			</div>
																			
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-start mb-10">
																	
																	<div class="d-flex flex-column align-items-start">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
																			</div>
																			
																			
																			<div class="ms-3">
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
																				<span class="text-muted fs-7 mb-1">1 Hour</span>
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Ok, Understood!</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-end mb-10">
																	
																	<div class="d-flex flex-column align-items-end">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="me-3">
																				<span class="text-muted fs-7 mb-1">2 Hours</span>
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
																			</div>
																			
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text">You’ll receive notifications for all issues, pull requests!</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-start mb-10">
																	
																	<div class="d-flex flex-column align-items-start">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
																			</div>
																			
																			
																			<div class="ms-3">
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
																				<span class="text-muted fs-7 mb-1">3 Hours</span>
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">You can unwatch this repository immediately by clicking here: 
																		<a href="https://keenthemes.com">Keenthemes.com</a></div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-end mb-10">
																	
																	<div class="d-flex flex-column align-items-end">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="me-3">
																				<span class="text-muted fs-7 mb-1">4 Hours</span>
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
																			</div>
																			
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text">Most purchased Business courses during this sale!</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-start mb-10">
																	
																	<div class="d-flex flex-column align-items-start">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
																			</div>
																			
																			
																			<div class="ms-3">
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
																				<span class="text-muted fs-7 mb-1">5 Hours</span>
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided</div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-end mb-10 d-none" data-kt-element="template-out">
																	
																	<div class="d-flex flex-column align-items-end">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="me-3">
																				<span class="text-muted fs-7 mb-1">Just now</span>
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary ms-1">You</a>
																			</div>
																			
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-1.jpg" />
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-primary text-gray-900 fw-semibold mw-lg-400px text-end" data-kt-element="message-text"></div>
																		
																	</div>
																	
																</div>
																
																
																<div class="d-flex justify-content-start mb-10 d-none" data-kt-element="template-in">
																	
																	<div class="d-flex flex-column align-items-start">
																		
																		<div class="d-flex align-items-center mb-2">
																			
																			<div class="symbol symbol-35px symbol-circle">
																				<img alt="Pic" src="assets/media/avatars/300-25.jpg" />
																			</div>
																			
																			
																			<div class="ms-3">
																				<a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary me-1">Brian Cox</a>
																				<span class="text-muted fs-7 mb-1">Just now</span>
																			</div>
																			
																		</div>
																		
																		
																		<div class="p-5 rounded bg-light-info text-gray-900 fw-semibold mw-lg-400px text-start" data-kt-element="message-text">Right before vacation season we have the next Big Deal for you.</div>
																		
																	</div>
																	
																</div>
																
															</div>
															
														</div>
														
														
														<div class="card-footer pt-4" id="kt_drawer_chat_messenger_footer">
															
															<textarea class="form-control form-control-flush mb-3" rows="1" data-kt-element="input" placeholder="Type a message">

CKEditor Classic

Shopping Cart

Project Type

Project Settings

Drop files here or click to upload.

Budget

Build a Team

Set First Target

Upload Files

Drop files here or click to upload.

Project Created!

Details

Frameworks

Database

Billing

Completed

Users

Customers

Projects

No result found

Advanced Search

Search Preferences

CKEditor Classic

CKEditor Classic

Shopping Cart

Drop files here or click to upload.

Drop files here or click to upload.