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

<head>
	<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">

		<!--**********************************
            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 email-height">
			<div class="container-fluid">
				<!-- row -->
				<div class="row">
					<div class="col-lg-12">
						<div class="card">
							<div class="card-body p-0">
								<div class="row g-0">
									<div class="col-xl-2 col-xxl-3">
										<div class="mail-left-body dz-resp-tab">
											<div class="ps-4 pe-3 py-4 dz-scroll height800">
												<div class="mb-3 mt-4 mt-sm-0 email-left-box">
													<div class="p-0">
														<a href="email-compose.php"
															class="btn btn-primary btn-sm btn-block">Compose</a>
													</div>
		
													<div class="mail-list">
														<p class="text-primary font-w500 mb-2"> MAILBOXES </p>
														<a href="email-inbox.php" class="list-group-item active"><i
																class="fa-regular fa-envelope align-middle"></i>Inbox <span
																class="badge badge-purple badge-sm float-end">2</span> </a>
														<a href="javascript:void(0);" class="list-group-item"><i
																class="fa-regular fa-paper-plane align-middle"></i>Sent</a>
														<a href="javascript:void(0);" class="list-group-item"><i
																class="fa-regular fa-star align-middle"></i>Favorite </a>
														<a href="javascript:void(0);" class="list-group-item"><i
																class="fa-regular fa-file align-middle"></i>Draft</a>
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
																xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																	9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																	7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z"
																	stroke="#666666" stroke-width="2" stroke-linecap="round"
																	stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="#666666" stroke-width="2"
																	stroke-linecap="round" stroke-linejoin="round"></path>
															</svg>Important</a>
														<a href="javascript:void(0);" class="list-group-item"><i
																class="fa-regular fa-clock align-middle"></i> Scheduled</a>
		
		
														<a href="javascript:void(0);" class="list-group-item">
															<svg width="15" height="15" viewBox="0 0 22 22" fill="none"
																xmlns="http://www.w3.org/2000/svg">
																<path d="M5.5 8.25L11 13.75L16.5 8.25" stroke="#666666"
																	stroke-width="2" stroke-linecap="round"
																	stroke-linejoin="round"></path>
															</svg>
															Move
														</a>
													</div>
													<div class="mail-list">
														<p class="text-secondary mb-2 font-w500"> Filter </p>
														<a href="email-inbox.php" class="list-group-item"><i
																class="fa-regular fa-star"></i> Starred </a>
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
																xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																	9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																	7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z"
																	stroke="#666666" stroke-width="2" stroke-linecap="round"
																	stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="#666666" stroke-width="2"
																	stroke-linecap="round" stroke-linejoin="round"></path>
															</svg>Important</a>
		
		
		
		
													</div>
													<div class="mail-list">
														<p class="text-success mb-2 font-w500"> LABELS </p>
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
																xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																	9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																	7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z"
																	stroke="var(--primary)" stroke-width="2"
																	stroke-linecap="round" stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="var(--primary)"
																	stroke-width="2" stroke-linecap="round"
																	stroke-linejoin="round"></path>
															</svg> Personal </a>
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
																xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																		9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																		7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z"
																	stroke="var(--secondary)" stroke-width="2"
																	stroke-linecap="round" stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="var(--secondary)"
																	stroke-width="2" stroke-linecap="round"
																	stroke-linejoin="round"></path>
															</svg> Work </a>
		
														<a href="javascript:void(0);" class="list-group-item ">
															<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
																xmlns="http://www.w3.org/2000/svg">
																<path d="M15.4425 10.0575L10.065 15.435C9.92569 15.5745 9.76026 15.6851 9.57816 15.7606C9.39606 15.8361
																			9.20087 15.8749 9.00375 15.8749C8.80663 15.8749 8.61144 15.8361 8.42934 15.7606C8.24724 15.6851 8.08181 15.5745 7.9425 15.435L1.5 9V1.5H9L15.4425
																			7.9425C15.7219 8.22354 15.8787 8.60372 15.8787 9C15.8787 9.39628 15.7219 9.77646 15.4425 10.0575Z"
																	stroke="#09BD3C" stroke-width="2" stroke-linecap="round"
																	stroke-linejoin="round"></path>
																<path d="M5.25 5.25H5.268" stroke="#09BD3C" stroke-width="2"
																	stroke-linecap="round" stroke-linejoin="round"></path>
															</svg> Accounts </a>
		
													</div>
		
												</div>
											</div>
										</div>
		
		
									</div>
									<div class="col-xl-3 col-xxl-4">
										<div class="border-end inbox-area-list">
											<div class="d-flex align-items-center p-3">
												<h4 class="card-title--medium mb-0">Inbox</h4>
												
												<div class="email-tools-box dz-resp-tool ms-auto float-end">
													<i class="fa-solid fa-list-ul"></i>
												</div>
											</div>
											<div class="input-group contacts-search-1 mb-3">
												<input type="text"
													class="form-control rounded-0 bg-transparent border-0"
													placeholder="Search kubayar...">
												<span class="input-group-text rounded-0 bg-transparent border-0"><a
														href="javascript:void(0)"><i class="flaticon-search"></i></a></span>
											</div>
												
											<div class="pb-3 dz-scroll height800">
												<div class="email-left-box ">
													
													<ul class="nav nav-tabs  mail-tab" id="myTab" role="tablist">
														<li class="nav-item" role="presentation">
															<a class="nav-link active mail-tab" id="home-tab"
																data-bs-toggle="tab" data-bs-target="#home-tab-pane"
															 role="tab" aria-controls="home-tab-pane"
																aria-selected="true">
																<div class="inbox">
																	<div>
																		<h6> Jack Lee </h6>
																		<span>Insurance documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa-regular  text-warning fa-star me-1"></i>
																		Jan</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item" role="presentation">
															<a class="nav-link" id="profile-tab"
																data-bs-toggle="tab" data-bs-target="#profile-tab-pane"
																 role="tab" aria-controls="profile-tab-pane"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Samulas Jack </h6>
																		<span>Insurance documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa-regular fa-star text-warning me-1"></i>
																		Feb</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item" role="presentation">
															<a class="nav-link" id="contact-tab"
																data-bs-toggle="tab" data-bs-target="#contact-tab-pane"
																 role="tab" aria-controls="contact-tab-pane"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Nella Beck </h6>
																		<span>Insurance documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa fa-star text-warning me-1"
																			aria-hidden="true"></i> Apr</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item" role="presentation">
															<a class="nav-link style-2" id="contact-tab-1"
																data-bs-toggle="tab" data-bs-target="#contact-tab-pane-1"
																 role="tab" aria-controls="contact-tab-pane-1"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Jhon Beck </h6>
																		<span>Insurance documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa fa-star text-warning me-1"
																			aria-hidden="true"></i> Mar</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item" role="presentation">
															<a class="nav-link" id="contact-tab-2"
																data-bs-toggle="tab" data-bs-target="#contact-tab-pane-2"
																 role="tab" aria-controls="contact-tab-pane-2"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Yatin </h6>
																		<span>Insurance documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa fa-star text-warning me-1"
																			aria-hidden="true"></i> Feb</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item" role="presentation">
															<a class="nav-link" id="contact-tab-3"
																data-bs-toggle="tab" data-bs-target="#contact-tab-pane-3"
																 role="tab" aria-controls="contact-tab-pane-3"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Hanu Beck </h6>
																		<span>Insurance documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa-regular fa-paper-plane me-1"></i> <i
																			class="fa fa-star text-warning me-1"
																			aria-hidden="true"></i> Feb</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item" role="presentation">
															<a class="nav-link style-1" id="contact-tab-4"
																data-bs-toggle="tab" data-bs-target="#contact-tab-pane-4"
																 role="tab" aria-controls="contact-tab-pane-4"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Nitesh Lewe </h6>
																		<span>Apple documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa fa-star text-warning me-1"
																			aria-hidden="true"></i> Dec</span>
		
		
																</div>
															</a>
														</li>
														<li class="nav-item border-0" role="presentation">
															<a class="nav-link" id="contact-tab-5"
																data-bs-toggle="tab" data-bs-target="#contact-tab-pane-5"
																 role="tab" aria-controls="contact-tab-pane-5"
																aria-selected="false">
																<div class="inbox">
																	<div>
																		<h6> Liam Antony </h6>
																		<span>Apple documents</span>
																		<p> Hi Brian,
		
																			Aliquip ipsum sunt sit sunt velit velit pariatur.
																			Nisi incididunt eiusmod consequat ut cillum eu
																			exercitation. Enim proident nostrud aute in. Non
																			irure nisi duis aliquip commodo proident veniam
																			adipisicing id velit. Enim magna Lorem fugiat
																			tempor.
		
																			Commodo non nulla incididunt irure voluptate. Fugiat
																			culpa cillum aute quis. Voluptate veniam adipisicing
																			dolor sint. Proident eiusmod quis duis ipsum sit eu.
		
																			Deserunt reprehenderit adipisicing reprehenderit
																			ipsum. Laborum in veniam amet occaecat tempor esse
																			enim dolore elit sit quis adipisicing. Aute occaecat
																			eiusmod enim cupidatat sunt.
		
																			Best Regards,
																			Sanders Beck... </p>
																	</div>
																	<span class="ms-auto d-flex align-items-center"><i
																			class="fa-regular fa-paper-plane me-1"></i> <i
																			class="fa fa-star text-warning me-1"
																			aria-hidden="true"></i> Feb</span>
		
		
																</div>
															</a>
														</li>
		
													</ul>
		
												</div>
											</div>
		
										</div>
									</div>
									<div class="col-xl-7 col-xxl-5">
										<div class="read-content-bx">
											<div class=" d-xl-none d-flex align-items-center p-3">
												<h4 class="card-title--medium mb-0">Inbox</h4>
												<div class="ms-auto">
													<div class="dz-resp-tool dz-back-arrow me-2">
													
														<i class="fa-solid fa-arrow-left"></i>
													</div>
													<div class="email-tools-box dz-resp-tool">
													
														<i class="fa-solid fa-list-ul"></i>
													</div>

												</div>
												
												
											</div>
											<div class="d-xl-none d-inline-flex input-group contacts-search-1 mb-3">
												<input type="text"
													class="form-control rounded-0 bg-transparent border-0"
													placeholder="Search kubayar...">
												<span class="input-group-text rounded-0 bg-transparent border-0"><a
														href="javascript:void(0)"><i class="flaticon-search"></i></a></span>
											</div>
											<div class="tab-content" id="myTabContent">
												<div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel"
													aria-labelledby="home-tab" tabindex="0">
													
														<div class=" ps-4 pe-3 py-4 ">
															<div class="d-flex align-items-center flex-wrap mb-3">
																<img src="assets/images/contacts/pic2.jpg"
																	class="rounded me-2" alt="">
																<div>
																	<a href="javascript:void(0)">
																		<h6 class="mb-1">Jack Lee</h6>
																	</a>
																	<span>Web Doveloper</span>
																</div>
																<div class="read-content-attachment  ms-sm-auto ms-0">
																	<button class="btn btn-secondary btn-sm"><i
																			class="fa-solid fa-reply me-1"></i>Reply</button>
																	<button type="button" class="btn btn-primary btn-sm"><i
																			class="fa-solid fa-forward me-1"></i>Forward</button>
																			
																</div>
																
		
															</div>
															<div class="read-content-body">
																<h5 class="mb-3">Hi,Ingredia,</h5>
																<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
																<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																	the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
																</p>
																<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																	metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																	rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
																<h5 class="pt-3">Kind Regards</h5>
																<p>Mr Smith</p>
																<hr>
															</div>
		
															<div class="mb-3 pt-3">
																<textarea name="write-email" id="write-email" cols="30" rows="8"
																	class="form-control"
																	placeholder="It's really an amazing.I want to know more about it..!"></textarea>
															</div>
															<div class="text-end">
																<button class="btn btn-primary " type="button">Send</button>
															</div>
														</div>
													
												</div>
												<div class="tab-pane fade " id="profile-tab-pane" role="tabpanel"
													aria-labelledby="profile-tab" tabindex="0">
														<div class=" ps-4 pe-3 py-4 ">
															<div class="d-flex align-items-center flex-wrap mb-3">
																<img src="assets/images/contacts/pic1.jpg"
																	class="rounded me-2" alt="">
																<div>
																	<a href="javascript:void(0)">
																		<h6 class="mb-1">Samulas Jack </h6>
																	</a>
																	<span>Web Doveloper</span>
																</div>
																<div class="read-content-attachment  ms-sm-auto ms-0">
																	<button class="btn btn-secondary btn-sm"><i
																			class="fa-solid fa-reply me-1"></i>Reply</button>
																	<button type="button" class="btn btn-primary btn-sm"><i
																			class="fa-solid fa-forward me-1"></i>Forward</button>
																			
																</div>
																
		
															</div>
															<div class="read-content-body">
																<h5 class="mb-3">Hi,Ingredia,</h5>
																<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
																<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																	the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
																</p>
																<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																	metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																	rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
																<h5 class="pt-3">Kind Regards</h5>
																<p>Mr Smith</p>
																<hr>
															</div>
		
															<div class="mb-3 pt-3">
																<textarea name="write-email-1" id="write-email-1" cols="30" rows="8"
																	class="form-control"
																	placeholder="It's really an amazing.I want to know more about it..!"></textarea>
															</div>
															<div class="text-end">
																<button class="btn btn-primary " type="button">Send</button>
															</div>
														</div>
												</div>
												<div class="tab-pane fade" id="contact-tab-pane" role="tabpanel"
												aria-labelledby="contact-tab-pane" tabindex="0">
													<div class=" ps-4 pe-3 py-4 ">
														<div class="d-flex align-items-center flex-wrap mb-3">
															<img src="assets/images/contacts/pic3.jpg"
																class="rounded me-2" alt="">
															<div>
																<a href="javascript:void(0)">
																	<h6 class="mb-1"> Nella Beck </h6>
																</a>
																<span>Web Doveloper</span>
															</div>
															<div class="read-content-attachment  ms-sm-auto ms-0">
																<button class="btn btn-secondary btn-sm"><i
																		class="fa-solid fa-reply me-1"></i>Reply</button>
																<button type="button" class="btn btn-primary btn-sm"><i
																		class="fa-solid fa-forward me-1"></i>Forward</button>
																		
															</div>
															
	
														</div>
														<div class="read-content-body">
															<h5 class="mb-3">Hi,Ingredia,</h5>
															<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
															<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
															</p>
															<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
															<h5 class="pt-3">Kind Regards</h5>
															<p>Mr Smith</p>
															<hr>
														</div>
	
														<div class="mb-3 pt-3">
															<textarea name="write-email-2" id="write-email-2" cols="30" rows="8"
																class="form-control"
																placeholder="It's really an amazing.I want to know more about it..!"></textarea>
														</div>
														<div class="text-end">
															<button class="btn btn-primary " type="button">Send</button>
														</div>
													</div>
												</div>
												<div class="tab-pane fade" id="contact-tab-pane-1" role="tabpanel"
												aria-labelledby="contact-tab-pane-1" tabindex="0">
													<div class=" ps-4 pe-3 py-4 ">
														<div class="d-flex align-items-center flex-wrap mb-3">
															<img src="assets/images/contacts/pic3.jpg"
																class="rounded me-2" alt="">
															<div>
																<a href="javascript:void(0)">
																	<h6 class="mb-1">Jhon Beck </h6>
																</a>
																<span>Web Doveloper</span>
															</div>
															<div class="read-content-attachment  ms-sm-auto ms-0">
																<button class="btn btn-secondary btn-sm"><i
																		class="fa-solid fa-reply me-1"></i>Reply</button>
																<button type="button" class="btn btn-primary btn-sm"><i
																		class="fa-solid fa-forward me-1"></i>Forward</button>
																		
															</div>
															
	
														</div>
														<div class="read-content-body">
															<h5 class="mb-3">Hi,Ingredia,</h5>
															<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
															<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
															</p>
															<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
															<h5 class="pt-3">Kind Regards</h5>
															<p>Mr Smith</p>
															<hr>
														</div>
	
														<div class="mb-3 pt-3">
															<textarea name="write-email-3" id="write-email-3" cols="30" rows="8"
																class="form-control"
																placeholder="It's really an amazing.I want to know more about it..!"></textarea>
														</div>
														<div class="text-end">
															<button class="btn btn-primary " type="button">Send</button>
														</div>
													</div>
												</div>
												<!-- yatin-data -->
												<div class="tab-pane fade" id="contact-tab-pane-2" role="tabpanel"
												aria-labelledby="contact-tab-pane-2" tabindex="0">
													<div class=" ps-4 pe-3 py-4 ">
														<div class="d-flex align-items-center flex-wrap mb-3">
															<img src="assets/images/contacts/pic2.jpg"
																class="rounded me-2" alt="">
															<div>
																<a href="javascript:void(0)">
																	<h6 class="mb-1">Yatin</h6>
																</a>
																<span>Web Doveloper</span>
															</div>
															<div class="read-content-attachment  ms-sm-auto ms-0">
																<button class="btn btn-secondary btn-sm"><i
																		class="fa-solid fa-reply me-1"></i>Reply</button>
																<button type="button" class="btn btn-primary btn-sm"><i
																		class="fa-solid fa-forward me-1"></i>Forward</button>
																		
															</div>
															
	
														</div>
														<div class="read-content-body">
															<h5 class="mb-3">Hi,Ingredia,</h5>
															<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
															<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
															</p>
															<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
															<h5 class="pt-3">Kind Regards</h5>
															<p>Mr Smith</p>
															<hr>
														</div>
	
														<div class="mb-3 pt-3">
															<textarea name="write-email-4" id="write-email-4" cols="30" rows="8"
																class="form-control"
																placeholder="It's really an amazing.I want to know more about it..!"></textarea>
														</div>
														<div class="text-end">
															<button class="btn btn-primary " type="button">Send</button>
														</div>
													</div>
												</div>
												<div class="tab-pane fade" id="contact-tab-pane-3" role="tabpanel"
												aria-labelledby="contact-tab-pane-3" tabindex="0">
													<div class=" ps-4 pe-3 py-4 ">
														<div class="d-flex align-items-center flex-wrap mb-3">
															<img src="assets/images/contacts/pic2.jpg"
																class="rounded me-2" alt="">
															<div>
																<a href="javascript:void(0)">
																	<h6 class="mb-1"> Hanu Beck </h6>
																</a>
																<span>Web Doveloper</span>
															</div>
															<div class="read-content-attachment  ms-sm-auto ms-0">
																<button class="btn btn-secondary btn-sm"><i
																		class="fa-solid fa-reply me-1"></i>Reply</button>
																<button type="button" class="btn btn-primary btn-sm"><i
																		class="fa-solid fa-forward me-1"></i>Forward</button>
																		
															</div>
															
	
														</div>
														<div class="read-content-body">
															<h5 class="mb-3">Hi,Ingredia,</h5>
															<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
															<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
															</p>
															<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
															<h5 class="pt-3">Kind Regards</h5>
															<p>Mr Smith</p>
															<hr>
														</div>
	
														<div class="mb-3 pt-3">
															<textarea name="write-email-5" id="write-email-5" cols="30" rows="8"
																class="form-control"
																placeholder="It's really an amazing.I want to know more about it..!"></textarea>
														</div>
														<div class="text-end">
															<button class="btn btn-primary " type="button">Send</button>
														</div>
													</div>
												</div>
												<div class="tab-pane fade" id="contact-tab-pane-4" role="tabpanel"
												aria-labelledby="contact-tab-pane-4" tabindex="0">
													<div class=" ps-4 pe-3 py-4 ">
														<div class="d-flex align-items-center flex-wrap mb-3">
															<img src="assets/images/contacts/pic2.jpg"
																class="rounded me-2" alt="">
															<div>
																<a href="javascript:void(0)">
																	<h6 class="mb-1"> Nitesh Lewe </h6>
																</a>
																<span>Web Doveloper</span>
															</div>
															<div class="read-content-attachment  ms-sm-auto ms-0">
																<button class="btn btn-secondary btn-sm"><i
																		class="fa-solid fa-reply me-1"></i>Reply</button>
																<button type="button" class="btn btn-primary btn-sm"><i
																		class="fa-solid fa-forward me-1"></i>Forward</button>
																		
															</div>
															
	
														</div>
														<div class="read-content-body">
															<h5 class="mb-3">Hi,Ingredia,</h5>
															<p class="mb-2"><strong>Ingredia Nutrisha,</strong> A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture</p>
															<p class="mb-2">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for
																the far World of Grammar. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
															</p>
															<p class="mb-2">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
																metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
																rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,</p>
															<h5 class="pt-3">Kind Regards</h5>
															<p>Mr Smith</p>
															<hr>
														</div>
	
														<div class="mb-3 pt-3">
															<textarea name="write-email-6" id="write-email-6" cols="30" rows="8"
																class="form-control"
																placeholder="It's really an amazing.I want to know more about it..!"></textarea>
														</div>
														<div class="text-end">
															<button class="btn btn-primary " type="button">Send</button>
														</div>
													</div>
												</div>
												<div class="tab-pane fade" id="contact-tab-pane-5" role="tabpanel"
												aria-labelledby="contact-tab-pane-5" tabindex="0">
													<div class="empty-msg-bx">
														<i class="flaticon-email fs-35"></i>
														<h6>Select a mail to read</h6>
													</div>
												</div>
											</div>
										</div>
											
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
					<!--**********************************
				Content body end
        ***********************************-->

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

				


	</div>
				

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

<script>
	$(".fa.fa-star").click(function () {
		$(this).toggleClass("yellow");
	});
	$(".email-tools-box").on('click', function () {
		$(' .mail-left-body ,.email-tools-box').toggleClass("active");
	});

	// Initialize tooltips (if not automatically done by Bootstrap 5)
	var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
	var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
		return new bootstrap.Tooltip(tooltipTriggerEl)
	});



</script>

</body>

</html>