[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
14082024
/
Data
/
htdocs
/
htdocs
/
flask
/
demo
/
[
Home
]
File: email-read.html
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from w3admin.dexignzone.com/flask/demo/email-read.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 16 Jul 2024 07:09:45 GMT --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="keywords" content=""> <meta name="author" content=""> <meta name="robots" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="W3Admin - Flask Modern Admin Dashboard Template"> <meta property="og:title" content="W3Admin - Flask Modern Admin Dashboard Template"> <meta property="og:description" content="W3Admin - Flask Modern Admin Dashboard Template"> <meta property="og:image" content="W3Admin - Flask Modern Admin Dashboard Template"> <meta property="og:image" content="https://w3admin.dexignzone.com/xhtml/page-error-404.html"> <meta name="format-detection" content="telephone=no"> <!-- PAGE TITLE HERE --> <title>W3Admin - Flask Modern Admin Dashboard Template</title> <!-- FAVICONS ICON --> <link rel="shortcut icon" type="image/png" href="images/favicon.png"> <link href="vendor/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet"> <link href="vendor/dropzone/dist/dropzone.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="../../../cdnjs.cloudflare.com/ajax/libs/noUiSlider/14.6.4/nouislider.min.css"> <link href="vendor/bootstrap-select/dist/css/bootstrap-select.min.css" rel="stylesheet"> <!-- Style css --> <link href="css/style.css" rel="stylesheet"> </head> <body> <!--******************* Preloader start ********************--> <div id="preloader"> <div class="dz-ripple"> <div></div> <div></div> </div> </div> <!--******************* Preloader end ********************--> <!--********************************** Main wrapper start ***********************************--> <div id="main-wrapper"> <!--********************************** Nav header start ***********************************--> <div class="nav-header"> <a href="index.html" class="brand-logo"> <svg class="logo-abbr" width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="logo-react" d="M35.1455 0.990723H15.1455C6.86124 0.990723 0.145508 7.70645 0.145508 15.9907V35.9907C0.145508 44.275 6.86124 50.9907 15.1455 50.9907H35.1455C43.4298 50.9907 50.1455 44.275 50.1455 35.9907V15.9907C50.1455 7.70645 43.4298 0.990723 35.1455 0.990723Z" fill="white"/> <path d="M15.6963 36.6899L6.64551 19.4641H11.0249C11.4921 19.4641 11.9981 19.8534 12.1928 20.048C13.7499 23.065 17.0394 29.3908 17.7401 30.5587C18.4408 31.7265 18.2267 32.4078 18.032 32.6024L15.6963 36.6899Z" fill="var(--primary)"/> <path d="M13.9443 19.4641L22.9952 36.6899L32.9219 16.8365C31.6567 16.7392 28.9512 16.6029 28.2505 16.8365C27.5498 17.0701 27.1799 17.7124 27.0826 18.0043L22.9952 26.7632C22.0219 24.9141 20.0171 21.0407 19.7836 20.34C19.55 19.6393 18.5184 19.4641 18.0318 19.4641H13.9443Z" fill="var(--primary)"/> <path opacity="0.5" d="M36.7175 37.2738H24.4551L25.9149 34.3542C26.382 33.4199 27.3747 33.4783 27.6667 33.4783H35.8416C39.6371 32.6024 37.8853 28.5149 36.1336 28.5149H28.8345L30.8782 24.7194H35.2577C37.3014 23.5516 36.4255 21.5078 35.2577 21.2159H33.7979C32.8636 21.2159 33.0193 20.2427 33.2139 19.7561L34.3818 17.1284C43.1406 17.4204 40.9023 23.3569 39.3451 26.1792C44.7172 32.4856 39.3451 37.2738 36.7175 37.2738Z" fill="var(--primary)"/> </svg> <svg class="brand-title" width="130" height="22" viewBox="0 0 130 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.32533 20.9908L0.145325 1.39081H3.98132L7.50932 16.9868L11.6533 1.39081H15.6013L19.6333 16.9868L23.1613 1.39081H27.0253L21.7053 20.9908H17.4493L13.5573 6.45881L9.55332 20.9908H5.32533ZM35.4332 21.3268C34.1452 21.3268 32.9785 21.1028 31.9332 20.6548C30.8879 20.1882 30.0479 19.4788 29.4132 18.5268C28.7785 17.5748 28.4425 16.3802 28.4052 14.9428H31.9332C31.9519 15.8948 32.2599 16.6975 32.8572 17.3508C33.4732 17.9855 34.3319 18.3028 35.4332 18.3028C36.4785 18.3028 37.2812 18.0135 37.8412 17.4348C38.4012 16.8562 38.6812 16.1282 38.6812 15.2508C38.6812 14.2242 38.3079 13.4495 37.5612 12.9268C36.8332 12.3855 35.8905 12.1148 34.7332 12.1148H33.2772V9.17481H34.7612C35.7132 9.17481 36.5065 8.95081 37.1412 8.50281C37.7759 8.05481 38.0932 7.39221 38.0932 6.51481C38.0932 5.78681 37.8505 5.20821 37.3652 4.77881C36.8985 4.33081 36.2452 4.10681 35.4052 4.10681C34.4905 4.10681 33.7719 4.37751 33.2492 4.91881C32.7452 5.46021 32.4652 6.12281 32.4092 6.90681H28.9092C28.9839 5.09621 29.6092 3.66821 30.7852 2.62281C31.9799 1.57751 33.5199 1.05481 35.4052 1.05481C36.7492 1.05481 37.8785 1.29751 38.7932 1.78281C39.727 2.24951 40.427 2.87481 40.893 3.65881C41.379 4.44281 41.621 5.31081 41.621 6.26281C41.621 7.36421 41.313 8.29751 40.697 9.06281C40.1 9.80951 39.353 10.3135 38.4572 10.5748C39.559 10.7988 40.455 11.3402 41.145 12.1988C41.836 13.0388 42.181 14.1028 42.181 15.3908C42.181 16.4735 41.92 17.4628 41.397 18.3588C40.875 19.2548 40.109 19.9735 39.101 20.5148C38.1119 21.0562 36.8892 21.3268 35.4332 21.3268ZM43.457 20.9908L50.625 1.39081H54.657L61.825 20.9908H58.017L56.449 16.4548H48.805L47.209 20.9908H43.457ZM49.785 13.6548H55.469L52.613 5.50681L49.785 13.6548ZM69.993 21.3268C68.686 21.3268 67.52 21.0095 66.493 20.3748C65.466 19.7402 64.654 18.8722 64.057 17.7708C63.46 16.6695 63.161 15.4188 63.161 14.0188C63.161 12.6188 63.46 11.3775 64.057 10.2948C64.654 9.19351 65.466 8.33481 66.493 7.71881C67.52 7.08421 68.686 6.76681 69.993 6.76681C71.038 6.76681 71.953 6.96281 72.737 7.35481C73.521 7.74681 74.156 8.29751 74.641 9.00681V0.830811H78.225V20.9908H75.033L74.641 19.0028C74.193 19.6188 73.596 20.1602 72.849 20.6268C72.121 21.0935 71.169 21.3268 69.993 21.3268ZM70.749 18.1908C71.906 18.1908 72.849 17.8082 73.577 17.0428C74.324 16.2588 74.697 15.2602 74.697 14.0468C74.697 12.8335 74.324 11.8442 73.577 11.0788C72.849 10.2948 71.906 9.90281 70.749 9.90281C69.61 9.90281 68.668 10.2855 67.921 11.0508C67.174 11.8162 66.801 12.8055 66.801 14.0188C66.801 15.2322 67.174 16.2308 67.921 17.0148C68.668 17.7988 69.61 18.1908 70.749 18.1908ZM81.875 20.9908V7.10281H85.039L85.347 8.97881C85.795 8.30681 86.383 7.77481 87.111 7.38281C87.857 6.97221 88.716 6.76681 89.687 6.76681C91.833 6.76681 93.355 7.59751 94.251 9.25881C94.755 8.49351 95.427 7.88681 96.267 7.43881C97.125 6.99081 98.059 6.76681 99.067 6.76681C100.877 6.76681 102.268 7.30821 103.239 8.39081C104.209 9.47351 104.695 11.0602 104.695 13.1508V20.9908H101.111V13.4868C101.111 12.2922 100.877 11.3775 100.411 10.7428C99.963 10.1082 99.263 9.79081 98.311 9.79081C97.34 9.79081 96.556 10.1455 95.959 10.8548C95.38 11.5642 95.091 12.5535 95.091 13.8228V20.9908H91.507V13.4868C91.507 12.2922 91.273 11.3775 90.807 10.7428C90.34 10.1082 89.621 9.79081 88.651 9.79081C87.699 9.79081 86.924 10.1455 86.327 10.8548C85.748 11.5642 85.459 12.5535 85.459 13.8228V20.9908H81.875ZM110.029 4.94681C109.376 4.94681 108.835 4.75081 108.405 4.35881C107.995 3.96681 107.789 3.47221 107.789 2.87481C107.789 2.27751 107.995 1.79221 108.405 1.41881C108.835 1.02681 109.376 0.830811 110.029 0.830811C110.683 0.830811 111.215 1.02681 111.625 1.41881C112.055 1.79221 112.269 2.27751 112.269 2.87481C112.269 3.47221 112.055 3.96681 111.625 4.35881C111.215 4.75081 110.683 4.94681 110.029 4.94681ZM108.237 20.9908V7.10281H111.821V20.9908H108.237ZM115.562 20.9908V7.10281H118.726L119.006 9.45481C119.436 8.63351 120.052 7.98021 120.854 7.49481C121.676 7.00951 122.637 6.76681 123.738 6.76681C125.456 6.76681 126.79 7.30821 127.742 8.39081C128.694 9.47351 129.17 11.0602 129.17 13.1508V20.9908H125.586V13.4868C125.586 12.2922 125.344 11.3775 124.858 10.7428C124.373 10.1082 123.617 9.79081 122.59 9.79081C121.582 9.79081 120.752 10.1455 120.098 10.8548C119.464 11.5642 119.146 12.5535 119.146 13.8228V20.9908H115.562Z" fill="white"/> </svg> </a> <div class="nav-control"> <div class="hamburger"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </div> </div> </div> <!--********************************** Nav header end ***********************************--> <!--********************************** Chat box start ***********************************--> <div class="chatbox"> <div class="chatbox-close"></div> <div class="custom-tab-1"> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#notes">Notes</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#alerts">Alerts</a> </li> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#chat">Chat</a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade active show" id="chat" role="tabpanel"> <div class="card mb-sm-3 mb-md-0 contacts_card dz-chat-user-box"> <div class="card-header chat-list-header text-center"> <a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="#000000" x="4" y="11" width="16" height="2" rx="1"/><rect fill="#000000" opacity="1.0" transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) " x="4" y="11" width="16" height="2" rx="1"/></g></svg></a> <div> <h6 class="mb-1">Chat List</h6> <p class="mb-0">Show All</p> </div> <a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg></a> </div> <div class="card-body contacts_body p-0 dz-scroll " id="DZ_W_Contacts_Body"> <ul class="contacts"> <li class="name-first-letter">A</li> <li class="active dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/1.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon"></span> </div> <div class="user_info"> <span>Archie Parker</span> <p>Kalid is online</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/2.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Alfie Mason</span> <p>Taherah left 7 mins ago</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/3.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon"></span> </div> <div class="user_info"> <span>AharlieKane</span> <p>Sami is online</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/4.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Athan Jacoby</span> <p>Nargis left 30 mins ago</p> </div> </div> </li> <li class="name-first-letter">B</li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/5.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Bashid Samim</span> <p>Rashid left 50 mins ago</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/1.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon"></span> </div> <div class="user_info"> <span>Breddie Ronan</span> <p>Kalid is online</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/2.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Ceorge Carson</span> <p>Taherah left 7 mins ago</p> </div> </div> </li> <li class="name-first-letter">D</li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/3.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon"></span> </div> <div class="user_info"> <span>Darry Parker</span> <p>Sami is online</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/4.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Denry Hunter</span> <p>Nargis left 30 mins ago</p> </div> </div> </li> <li class="name-first-letter">J</li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/5.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Jack Ronan</span> <p>Rashid left 50 mins ago</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/1.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon"></span> </div> <div class="user_info"> <span>Jacob Tucker</span> <p>Kalid is online</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/2.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>James Logan</span> <p>Taherah left 7 mins ago</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/3.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon"></span> </div> <div class="user_info"> <span>Joshua Weston</span> <p>Sami is online</p> </div> </div> </li> <li class="name-first-letter">O</li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/4.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Oliver Acker</span> <p>Nargis left 30 mins ago</p> </div> </div> </li> <li class="dz-chat-user"> <div class="d-flex bd-highlight"> <div class="img_cont"> <img src="images/avatar/5.jpg" class="rounded-circle user_img" alt=""> <span class="online_icon offline"></span> </div> <div class="user_info"> <span>Oscar Weston</span> <p>Rashid left 50 mins ago</p> </div> </div> </li> </ul> </div> </div> <div class="card chat dz-chat-history-box d-none"> <div class="card-header chat-list-header text-center"> <a href="javascript:void(0);" class="dz-chat-history-back"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon points="0 0 24 0 24 24 0 24"/><rect fill="#000000" opacity="0.3" transform="translate(15.000000, 12.000000) scale(-1, 1) rotate(-90.000000) translate(-15.000000, -12.000000) " x="14" y="7" width="2" height="10" rx="1"/><path d="M3.7071045,15.7071045 C3.3165802,16.0976288 2.68341522,16.0976288 2.29289093,15.7071045 C1.90236664,15.3165802 1.90236664,14.6834152 2.29289093,14.2928909 L8.29289093,8.29289093 C8.67146987,7.914312 9.28105631,7.90106637 9.67572234,8.26284357 L15.6757223,13.7628436 C16.0828413,14.136036 16.1103443,14.7686034 15.7371519,15.1757223 C15.3639594,15.5828413 14.7313921,15.6103443 14.3242731,15.2371519 L9.03007346,10.3841355 L3.7071045,15.7071045 Z" fill="#000000" fill-rule="nonzero" transform="translate(9.000001, 11.999997) scale(-1, -1) rotate(90.000000) translate(-9.000001, -11.999997) "/></g></svg> </a> <div> <h6 class="mb-1">Chat with Khelesh</h6> <p class="mb-0 text-success">Online</p> </div> <div class="dropdown"> <a href="javascript:void(0);" data-bs-toggle="dropdown" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg></a> <ul class="dropdown-menu dropdown-menu-end"> <li class="dropdown-item"><i class="fa fa-user-circle text-primary me-2"></i> View profile</li> <li class="dropdown-item"><i class="fa fa-users text-primary me-2"></i> Add to btn-close friends</li> <li class="dropdown-item"><i class="fa fa-plus text-primary me-2"></i> Add to group</li> <li class="dropdown-item"><i class="fa fa-ban text-primary me-2"></i> Block</li> </ul> </div> </div> <div class="card-body msg_card_body dz-scroll" id="DZ_W_Contacts_Body3"> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> Hi, how are you samim? <span class="msg_time">8:40 AM, Today</span> </div> </div> <div class="d-flex justify-content-end mb-4"> <div class="msg_cotainer_send"> Hi Khalid i am good tnx how about you? <span class="msg_time_send">8:55 AM, Today</span> </div> <div class="img_cont_msg"> <img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt=""> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> I am good too, thank you for your chat template <span class="msg_time">9:00 AM, Today</span> </div> </div> <div class="d-flex justify-content-end mb-4"> <div class="msg_cotainer_send"> You are welcome <span class="msg_time_send">9:05 AM, Today</span> </div> <div class="img_cont_msg"> <img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt=""> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> I am looking for your next templates <span class="msg_time">9:07 AM, Today</span> </div> </div> <div class="d-flex justify-content-end mb-4"> <div class="msg_cotainer_send"> Ok, thank you have a good day <span class="msg_time_send">9:10 AM, Today</span> </div> <div class="img_cont_msg"> <img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt=""> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> Bye, see you <span class="msg_time">9:12 AM, Today</span> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> Hi, how are you samim? <span class="msg_time">8:40 AM, Today</span> </div> </div> <div class="d-flex justify-content-end mb-4"> <div class="msg_cotainer_send"> Hi Khalid i am good tnx how about you? <span class="msg_time_send">8:55 AM, Today</span> </div> <div class="img_cont_msg"> <img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt=""> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> I am good too, thank you for your chat template <span class="msg_time">9:00 AM, Today</span> </div> </div> <div class="d-flex justify-content-end mb-4"> <div class="msg_cotainer_send"> You are welcome <span class="msg_time_send">9:05 AM, Today</span> </div> <div class="img_cont_msg"> <img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt=""> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> I am looking for your next templates <span class="msg_time">9:07 AM, Today</span> </div> </div> <div class="d-flex justify-content-end mb-4"> <div class="msg_cotainer_send"> Ok, thank you have a good day <span class="msg_time_send">9:10 AM, Today</span> </div> <div class="img_cont_msg"> <img src="images/avatar/2.jpg" class="rounded-circle user_img_msg" alt=""> </div> </div> <div class="d-flex justify-content-start mb-4"> <div class="img_cont_msg"> <img src="images/avatar/1.jpg" class="rounded-circle user_img_msg" alt=""> </div> <div class="msg_cotainer"> Bye, see you <span class="msg_time">9:12 AM, Today</span> </div> </div> </div> <div class="card-footer type_msg"> <div class="input-group"> <textarea class="form-control" placeholder="Type your message..."></textarea> <div class="input-group-append"> <button type="button" class="btn btn-primary light light"><i class="fa fa-location-arrow"></i></button> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="alerts" role="tabpanel"> <div class="card mb-sm-3 mb-md-0 contacts_card"> <div class="card-header chat-list-header text-center"> <a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><circle fill="#000000" cx="5" cy="12" r="2"/><circle fill="#000000" cx="12" cy="12" r="2"/><circle fill="#000000" cx="19" cy="12" r="2"/></g></svg></a> <div> <h6 class="mb-1">Notications</h6> <p class="mb-0">Show All</p> </div> <a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="1"/><path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/></g></svg></a> </div> <div class="card-body contacts_body p-0 dz-scroll" id="DZ_W_Contacts_Body1"> <ul class="contacts"> <li class="name-first-letter">SEVER STATUS</li> <li class="active"> <div class="d-flex bd-highlight"> <div class="img_cont primary">KK</div> <div class="user_info"> <span>David Nester Birthday</span> <p class="text-primary">Today</p> </div> </div> </li> <li class="name-first-letter">SOCIAL</li> <li> <div class="d-flex bd-highlight"> <div class="img_cont success">RU</div> <div class="user_info"> <span>Perfection Simplified</span> <p>Jame Smith commented on your status</p> </div> </div> </li> <li class="name-first-letter">SEVER STATUS</li> <li> <div class="d-flex bd-highlight"> <div class="img_cont primary">AU</div> <div class="user_info"> <span>AharlieKane</span> <p>Sami is online</p> </div> </div> </li> <li> <div class="d-flex bd-highlight"> <div class="img_cont info">MO</div> <div class="user_info"> <span>Athan Jacoby</span> <p>Nargis left 30 mins ago</p> </div> </div> </li> </ul> </div> <div class="card-footer"></div> </div> </div> <div class="tab-pane fade" id="notes"> <div class="card mb-sm-3 mb-md-0 note_card"> <div class="card-header chat-list-header text-center"> <a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="#000000" x="4" y="11" width="16" height="2" rx="1"/><rect fill="#000000" opacity="1.0" transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) " x="4" y="11" width="16" height="2" rx="1"/></g></svg></a> <div> <h6 class="mb-1">Notes</h6> <p class="mb-0">Add New Nots</p> </div> <a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"/><path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="1"/><path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero"/></g></svg></a> </div> <div class="card-body contacts_body p-0 dz-scroll" id="DZ_W_Contacts_Body2"> <ul class="contacts"> <li class="active"> <div class="d-flex bd-highlight"> <div class="user_info"> <span>New order placed..</span> <p>10 Aug 2020</p> </div> <div class="ms-auto"> <a href="javascript:void(0);" class="btn btn-primary light light btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a> <a href="javascript:void(0);" class="btn btn-danger btn-xs sharp"><i class="fa fa-trash"></i></a> </div> </div> </li> <li> <div class="d-flex bd-highlight"> <div class="user_info"> <span>Youtube, a video-sharing website..</span> <p>10 Aug 2020</p> </div> <div class="ms-auto"> <a href="javascript:void(0);" class="btn btn-primary light light btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a> <a href="javascript:void(0);" class="btn btn-danger btn-xs sharp"><i class="fa fa-trash"></i></a> </div> </div> </li> <li> <div class="d-flex bd-highlight"> <div class="user_info"> <span>john just buy your product..</span> <p>10 Aug 2020</p> </div> <div class="ms-auto"> <a href="javascript:void(0);" class="btn btn-primary light light btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a> <a href="javascript:void(0);" class="btn btn-danger btn-xs sharp"><i class="fa fa-trash"></i></a> </div> </div> </li> <li> <div class="d-flex bd-highlight"> <div class="user_info"> <span>Athan Jacoby</span> <p>10 Aug 2020</p> </div> <div class="ms-auto"> <a href="javascript:void(0);" class="btn btn-primary light light btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a> <a href="javascript:void(0);" class="btn btn-danger btn-xs sharp"><i class="fa fa-trash"></i></a> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <!--********************************** Chat box End ***********************************--> <!--********************************** Header start ***********************************--> <div class="header"> <div class="header-content"> <nav class="navbar navbar-expand"> <div class="collapse navbar-collapse justify-content-between"> <div class="header-left"> <form> <div class="input-group search-area"> <span class="input-group-text"><a href="javascript:void(0)"> <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="10.7861" cy="11.2859" r="8.23951" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5168 17.4443L19.7472 20.6663" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a></span> <input type="text" class="form-control" placeholder="Search"> </div> </form> </div> <ul class="navbar-nav header-right"> <li class="nav-item dropdown notification_dropdown"> <a class="nav-link open-cal"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.09253 9.40445H20.9165" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.442 13.3097H16.4512" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0047 13.3097H12.014" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.55793 13.3097H7.5672" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.442 17.1964H16.4512" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.0047 17.1964H12.014" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.55793 17.1964H7.5672" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.0438 2V5.29078" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.9654 2V5.29078" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="nav-item dropdown notification_dropdown"> <a class="nav-link" href="javascript:void(0);" role="button" data-bs-toggle="dropdown"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 8.5C18 6.9087 17.3679 5.38258 16.2426 4.25736C15.1174 3.13214 13.5913 2.5 12 2.5C10.4087 2.5 8.88258 3.13214 7.75736 4.25736C6.63214 5.38258 6 6.9087 6 8.5C6 15.5 3 17.5 3 17.5H21C21 17.5 18 15.5 18 8.5Z" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.73 21.5C13.5542 21.8031 13.3019 22.0547 12.9982 22.2295C12.6946 22.4044 12.3504 22.4965 12 22.4965C11.6496 22.4965 11.3054 22.4044 11.0018 22.2295C10.6982 22.0547 10.4458 21.8031 10.27 21.5" stroke="#111828" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <div class="dropdown-menu dropdown-menu-end"> <div id="DZ_W_Notification1" class="widget-media dz-scroll p-3 pt-0" style="height:380px;"> <ul class="timeline"> <li> <div class="timeline-panel"> <div class="media me-2"> <img alt="image" width="50" src="images/avatar/1.jpg"> </div> <div class="media-body"> <h6 class="mb-1">Dr sultads Send you Photo</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-info"> KG </div> <div class="media-body"> <h6 class="mb-1">Resport created successfully</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-success"> <i class="fa fa-home"></i> </div> <div class="media-body"> <h6 class="mb-1">Reminder : Treatment Time!</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2"> <img alt="image" width="50" src="images/avatar/1.jpg"> </div> <div class="media-body"> <h6 class="mb-1">Dr sultads Send you Photo</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-danger"> KG </div> <div class="media-body"> <h6 class="mb-1">Resport created successfully</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-primary"> <i class="fa fa-home"></i> </div> <div class="media-body"> <h6 class="mb-1">Reminder : Treatment Time!</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2"> <img alt="image" width="50" src="images/avatar/1.jpg"> </div> <div class="media-body"> <h6 class="mb-1">Dr sultads Send you Photo</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-info"> KG </div> <div class="media-body"> <h6 class="mb-1">Resport created successfully</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-success"> <i class="fa fa-home"></i> </div> <div class="media-body"> <h6 class="mb-1">Reminder : Treatment Time!</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2"> <img alt="image" width="50" src="images/avatar/1.jpg"> </div> <div class="media-body"> <h6 class="mb-1">Dr sultads Send you Photo</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-danger"> KG </div> <div class="media-body"> <h6 class="mb-1">Resport created successfully</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> <li> <div class="timeline-panel"> <div class="media me-2 media-primary"> <i class="fa fa-home"></i> </div> <div class="media-body"> <h6 class="mb-1">Reminder : Treatment Time!</h6> <small class="d-block">29 July 2020 - 02:26 PM</small> </div> </div> </li> </ul> </div> <a class="all-notification" href="javascript:void(0);">See all notifications <i class="ti-arrow-end"></i></a> </div> </li> <li class="nav-item dropdown notification_dropdown"> <a class="nav-link bell-link" href="javascript:void(0);"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.9026 8.85156L13.4593 12.4646C12.6198 13.1306 11.4387 13.1306 10.5992 12.4646L6.11841 8.85156" stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9089 21C19.9502 21.0084 22 18.5095 22 15.4384V8.57001C22 5.49883 19.9502 3 16.9089 3H7.09114C4.04979 3 2 5.49883 2 8.57001V15.4384C2 18.5095 4.04979 21.0084 7.09114 21H16.9089Z" stroke="#130F26" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="nav-item align-items-center header-border"><a href="analytics.html" class="btn btn-primary">Analytics</a></li> <li class="nav-item ps-3"> <div class="header-profile2"> <a class="nav-link" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <div class="header-info2 d-flex align-items-center"> <div class="header-media"> <img src="images/user.jpg" class="avatar avatar-lg" alt=""> </div> <div class="header-info"> <h6>Thomas Fleming</h6> <p>info@gmail.com</p> </div> </div> </a> <div class=" profile-box"> <div class="products"> <div class="border-img"> <img src="images/user.jpg" class="avatar " alt=""> </div> <div class="ms-3"> <h6 class="mb-0">Thomas Fleming</h6> <span class="d-block mb-1">demo@gmail.com</span> <span class="badge border-0 rounded">Pro Mamber</span> </div> </div> <div class="account-setting"> <a href="app-profile-2.html" class="ai-icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.6666 17.5V15.8333C16.6666 14.9493 16.3154 14.1014 15.6903 13.4763C15.0652 12.8512 14.2173 12.5 13.3333 12.5H6.66658C5.78253 12.5 4.93468 12.8512 4.30956 13.4763C3.68444 14.1014 3.33325 14.9493 3.33325 15.8333V17.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.0001 9.16667C11.841 9.16667 13.3334 7.67428 13.3334 5.83333C13.3334 3.99238 11.841 2.5 10.0001 2.5C8.15913 2.5 6.66675 3.99238 6.66675 5.83333C6.66675 7.67428 8.15913 9.16667 10.0001 9.16667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="ms-2">Account Settings</span> </a> <a href="app-profile-1.html" class="ai-icon "> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.33341 3.33301H16.6667C17.5834 3.33301 18.3334 4.08301 18.3334 4.99967V14.9997C18.3334 15.9163 17.5834 16.6663 16.6667 16.6663H3.33341C2.41675 16.6663 1.66675 15.9163 1.66675 14.9997V4.99967C1.66675 4.08301 2.41675 3.33301 3.33341 3.33301Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.3334 5L10.0001 10.8333L1.66675 5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="ms-2">Subscription</span> </a> <div class="d-flex align-items-center"> <a href="javascript:void(0);" class="dropdown-item ai-icon "> <div> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.4999 10.6583C17.3688 12.0768 16.8365 13.4287 15.9651 14.5557C15.0938 15.6826 13.9195 16.5382 12.5797 17.0221C11.2398 17.5061 9.7899 17.5984 8.3995 17.2884C7.0091 16.9784 5.73575 16.2788 4.72844 15.2715C3.72113 14.2642 3.02153 12.9908 2.71151 11.6004C2.40148 10.21 2.49385 8.76007 2.9778 7.42025C3.46175 6.08042 4.31728 4.90614 5.44426 4.03479C6.57125 3.16345 7.92308 2.63109 9.34158 2.5C8.51109 3.62356 8.11146 5.00787 8.21536 6.40118C8.31926 7.79448 8.9198 9.10421 9.90775 10.0922C10.8957 11.0801 12.2054 11.6807 13.5987 11.7846C14.992 11.8885 16.3764 11.4888 17.4999 10.6583Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="ms-2">Dark Mode</span> </div> </a> <div class="dz-layout"> <i class="fas fa-sun sun"></i> <i class="fas fa-moon moon"></i> </div> </div> <a href="page-login.html" class="ai-icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V4.16667C2.5 3.72464 2.67559 3.30072 2.98816 2.98816C3.30072 2.67559 3.72464 2.5 4.16667 2.5H7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.3333 14.1663L17.4999 9.99967L13.3333 5.83301" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.5 10H7.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="ms-2">Logout </span> </a> </div> </div> </div> </li> </ul> </div> </nav> </div> </div> <!--********************************** Header end ti-comment-alt ***********************************--> <!--********************************** Sidebar start ***********************************--> <div class="deznav"> <div class="deznav-scroll"> <ul class="metismenu" id="menu"> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.29077 9L12.2908 2L21.2908 9V20C21.2908 20.5304 21.0801 21.0391 20.705 21.4142C20.3299 21.7893 19.8212 22 19.2908 22H5.29077C4.76034 22 4.25163 21.7893 3.87656 21.4142C3.50149 21.0391 3.29077 20.5304 3.29077 20V9Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.29077 22V12H15.2908V22" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Dashboard</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Dashboard</li> <li><a href="index.html">Dashboard Light</a></li> <li><a href="index-2.html">Dashboard Dark</a></li> <li><a href="index-3.html">Dashboard 3</a></li> <li><a href="index-4.html">Dashboard 4</a></li> <li><a href="crm.html">CRM</a></li> <li><a href="analytics.html">Analytics</a></li> </ul> </li> <li><a href="contacts.html" class="" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.13908 12.3145V16.0594" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.0498 14.1863H7.22864" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.6568 12.4285H15.5498" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.4704 16.0027H17.3634" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.36292 2C8.36292 2.74048 8.9754 3.34076 9.73093 3.34076H10.7874C11.953 3.34492 12.8972 4.27026 12.9025 5.41266V6.08771" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7191 21.9623C13.7139 22.0132 10.7638 22.0111 7.86352 21.9623C4.64427 21.9623 2.29077 19.666 2.29077 16.5109V11.8614C2.29077 8.70627 4.64427 6.41005 7.86352 6.41005C10.7797 6.3602 13.7319 6.36123 16.7191 6.41005C19.9383 6.41005 22.2908 8.70731 22.2908 11.8614V16.5109C22.2908 19.666 19.9383 21.9623 16.7191 21.9623Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Contacts</span> </a> </li> <li><a href="blog.html" class="" aria-expanded="false"> <div class="menu-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7379 2.76181H8.08493C6.00493 2.75381 4.29993 4.41181 4.25093 6.49081V17.2038C4.20493 19.3168 5.87993 21.0678 7.99293 21.1148C8.02393 21.1148 8.05393 21.1158 8.08493 21.1148H16.0739C18.1679 21.0298 19.8179 19.2998 19.8029 17.2038V8.03781L14.7379 2.76181Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.4751 2.75V5.659C14.4751 7.079 15.6231 8.23 17.0431 8.234H19.7981" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.2882 15.3585H8.88818" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.2432 11.606H8.88721" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Blog</span> </a> </li> <li class="menu-title">OUR FEATURES</li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.11086 10.2878V13.7208" stroke="#252525" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.86244 12.0045H5.35974" stroke="#252525" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.0856 10.3924H12.9875" stroke="#252525" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.748 13.6691H14.6499" stroke="#252525" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.39948 0.833328C6.39948 1.5121 6.96092 2.06236 7.65349 2.06236H8.62193C9.69042 2.06617 10.5559 2.9144 10.5608 3.9616V4.5804" stroke="#252525" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0593 19.1324C11.3045 19.1791 8.60026 19.1771 5.94166 19.1324C2.99069 19.1324 0.833313 17.0275 0.833313 14.1354V9.87325C0.833313 6.98107 2.99069 4.8762 5.94166 4.8762C8.61483 4.83051 11.321 4.83146 14.0593 4.8762C17.0102 4.8762 19.1666 6.98203 19.1666 9.87325V14.1354C19.1666 17.0275 17.0102 19.1324 14.0593 19.1324Z" stroke="#252525" stroke-linecap="round" stroke-width="1.5" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Apps</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Users Manager</li> <li><a href="chat.html">Chat</a></li> <li><a class="has-arrow" href="javascript:void(0);" aria-expanded="false">Users Manager</a> <ul aria-expanded="false"> <li><a href="app-profile-1.html">Profile 1</a></li> <li><a href="app-profile-2.html">Profile 2</a></li> <li><a href="edit-profile.html">Edit Profile</a></li> <li><a href="post-details.html">Post Details</a></li> </ul> </li> <li><a class="has-arrow" href="javascript:void(0);" aria-expanded="false">Email</a> <ul aria-expanded="false"> <li><a href="email-compose.html">Compose</a></li> <li><a href="email-inbox.html">Inbox</a></li> <li><a href="email-read.html">Read</a></li> </ul> </li> <li><a href="app-calender.html">Calendar</a></li> <li><a class="has-arrow" href="javascript:void(0);" aria-expanded="false">Shop</a> <ul aria-expanded="false"> <li><a href="ecom-product-grid.html">Product Grid</a></li> <li><a href="ecom-product-list.html">Product List</a></li> <li><a href="ecom-product-detail.html">Product Details</a></li> <li><a href="ecom-product-order.html">Order</a></li> <li><a href="ecom-checkout.html">Checkout</a></li> <li><a href="ecom-invoice.html">Invoice</a></li> <li><a href="ecom-customers.html">Customers</a></li> </ul> </li> </ul> </li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5687 13.8887C18.2435 13.8887 18.8098 14.4455 18.7066 15.1118C18.1013 19.0318 14.7456 21.9423 10.6982 21.9423C6.22029 21.9423 2.59082 18.3129 2.59082 13.836C2.59082 10.1476 5.39293 6.71181 8.54766 5.93497C9.22556 5.7676 9.92029 6.24445 9.92029 6.94234C9.92029 11.6708 10.0792 12.8939 10.9771 13.5592C11.875 14.2244 12.9308 13.8887 17.5687 13.8887Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9834 9.95121C22.0371 6.91331 18.3055 2.01647 13.7581 2.10068C13.4045 2.107 13.1213 2.40173 13.1055 2.75437C12.9908 5.25226 13.1455 8.4891 13.2318 9.95647C13.2581 10.4133 13.6171 10.7723 14.0729 10.7986C15.5813 10.8849 18.936 11.0028 21.3981 10.6302C21.7329 10.5796 21.9781 10.2891 21.9834 9.95121Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Charts</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Charts</li> <li><a href="chart-flot.html">Flot</a></li> <li><a href="chart-morris.html">Morris</a></li> <li><a href="chart-chartjs.html">Chartjs</a></li> <li><a href="chart-chartist.html">Chartist</a></li> <li><a href="chart-sparkline.html">Sparkline</a></li> <li><a href="chart-peity.html">Peity</a></li> </ul> </li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.395 4.17701L15.2224 7.82776C15.4015 8.18616 15.7472 8.43467 16.1481 8.49218L20.2361 9.08062C21.2461 9.22644 21.6481 10.4505 20.9171 11.1519L17.961 13.9924C17.6704 14.2718 17.5382 14.6733 17.6069 15.0676L18.3046 19.0778C18.4764 20.0698 17.4205 20.8267 16.5178 20.3574L12.864 18.4627C12.5058 18.2768 12.0768 18.2768 11.7176 18.4627L8.06378 20.3574C7.161 20.8267 6.10517 20.0698 6.27801 19.0778L6.97462 15.0676C7.04334 14.6733 6.9111 14.2718 6.62059 13.9924L3.66445 11.1519C2.93349 10.4505 3.33541 9.22644 4.34544 9.08062L8.43342 8.49218C8.83431 8.43467 9.18105 8.18616 9.36014 7.82776L11.1865 4.17701C11.6384 3.27433 12.9431 3.27433 13.395 4.17701Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Bootstrap</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Bootstrap</li> <li><a href="ui-accordion.html">Accordion</a></li> <li><a href="ui-alert.html">Alert</a></li> <li><a href="ui-badge.html">Badge</a></li> <li><a href="ui-button.html">Button</a></li> <li><a href="ui-modal.html">Modal</a></li> <li class="extra-menu-li"> <ul id="collapseExample" class="pt-0 extra-menu-links extra-menu-area"> <li><a href="ui-button-group.html">Button Group</a></li> <li><a href="ui-list-group.html">List Group</a></li> <li><a href="ui-card.html">Cards</a></li> <li><a href="ui-carousel.html">Carousel</a></li> <li><a href="ui-dropdown.html">Dropdown</a></li> <li><a href="ui-popover.html">Popover</a></li> <li><a href="ui-progressbar.html">Progressbar</a></li> <li><a href="ui-tab.html">Tab</a></li> <li><a href="ui-typography.html">Typography</a></li> <li><a href="ui-pagination.html">Pagination</a></li> <li><a href="ui-grid.html">Grid</a></li> </ul> <a class="btn show-more-btn border-0" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> <span class="show-more">Show More + </span> <span class="show-less">Show Less - </span> </a> </li> </ul> </li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.7097 15.732C21.7097 19.31 19.6006 21.419 16.0226 21.419H8.24065C4.65365 21.419 2.54065 19.31 2.54065 15.732V7.932C2.54065 4.359 3.85465 2.25 7.43365 2.25H9.43365C10.1516 2.251 10.8276 2.588 11.2576 3.163L12.1706 4.377C12.6026 4.951 13.2786 5.289 13.9966 5.29H16.8266C20.4136 5.29 21.7376 7.116 21.7376 10.767L21.7097 15.732Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.77173 14.4629H16.5067" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Plugins</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Plugins</li> <li><a href="uc-select2.html">Select 2</a></li> <li><a href="uc-nestable.html">Nestable</a></li> <li><a href="uc-noui-slider.html">Noui Slider</a></li> <li><a href="uc-sweetalert.html">Sweet Alert</a></li> <li><a href="uc-toastr.html">Toastr</a></li> <li><a href="map-jqvmap.html">Jqv Map</a></li> <li><a href="uc-lightgallery.html">Light Gallery</a></li> </ul> </li> <li><a href="widget-basic.html" class="" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29077 6.5C3.29077 3.87479 3.31888 3 6.79077 3C10.2627 3 10.2908 3.87479 10.2908 6.5C10.2908 9.12521 10.3018 10 6.79077 10C3.2797 10 3.29077 9.12521 3.29077 6.5Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2908 6.5C14.2908 3.87479 14.3189 3 17.7908 3C21.2627 3 21.2908 3.87479 21.2908 6.5C21.2908 9.12521 21.3018 10 17.7908 10C14.2797 10 14.2908 9.12521 14.2908 6.5Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29077 17.5C3.29077 14.8748 3.31888 14 6.79077 14C10.2627 14 10.2908 14.8748 10.2908 17.5C10.2908 20.1252 10.3018 21 6.79077 21C3.2797 21 3.29077 20.1252 3.29077 17.5Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2908 17.5C14.2908 14.8748 14.3189 14 17.7908 14C21.2627 14 21.2908 14.8748 21.2908 17.5C21.2908 20.1252 21.3018 21 17.7908 21C14.2797 21 14.2908 20.1252 14.2908 17.5Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Widget</span> </a> </li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.007 16.2236H8.78699" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.007 12.0371H8.78699" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.5421 7.86035H8.78711" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1994 2.75C16.1994 2.75 8.52238 2.754 8.51038 2.754C5.75038 2.771 4.04138 4.587 4.04138 7.357V16.553C4.04138 19.337 5.76338 21.16 8.54738 21.16C8.54738 21.16 16.2234 21.157 16.2364 21.157C18.9964 21.14 20.7064 19.323 20.7064 16.553V7.357C20.7064 4.573 18.9834 2.75 16.1994 2.75Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Forms</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Forms</li> <li><a href="form-element.html">Form Elements</a></li> <li><a href="form-wizard.html">Wizard</a></li> <li><a href="form-ckeditor.html">CkEditor</a></li> <li><a href="form-pickers.html">Pickers</a></li> <li><a href="form-validation.html">Form Validate</a></li> </ul> </li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.6209 16.593H4.32019" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.4313 6.90066H19.732" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.01706 6.84625C9.01706 5.5506 7.9589 4.5 6.65392 4.5C5.34893 4.5 4.29077 5.5506 4.29077 6.84625C4.29077 8.14191 5.34893 9.19251 6.65392 9.19251C7.9589 9.19251 9.01706 8.14191 9.01706 6.84625Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.2907 16.5533C20.2907 15.2576 19.2334 14.207 17.9284 14.207C16.6226 14.207 15.5645 15.2576 15.5645 16.5533C15.5645 17.8489 16.6226 18.8995 17.9284 18.8995C19.2334 18.8995 20.2907 17.8489 20.2907 16.5533Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Table</span> </a> <ul aria-expanded="false"> <li class="mini-dashboard">Table</li> <li><a href="table-bootstrap-basic.html">Bootstrap</a></li> <li><a href="table-datatable-basic.html">Datatable</a></li> </ul> </li> <li><a class="has-arrow " href="javascript:void(0);" aria-expanded="false"> <div class="menu-icon"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.148 20.417C20.021 20.417 21.54 18.899 21.541 17.026V17.024V14.324C20.304 14.324 19.302 13.322 19.301 12.085C19.301 10.849 20.303 9.846 21.54 9.846H21.541V7.146C21.543 5.272 20.026 3.752 18.153 3.75H18.147H6.43502C4.56102 3.75 3.04202 5.268 3.04102 7.142V7.143V9.933C4.23502 9.891 5.23602 10.825 5.27802 12.019C5.27902 12.041 5.28002 12.063 5.28002 12.085C5.28102 13.32 4.28202 14.322 3.04702 14.324H3.04102V17.024C3.04002 18.897 4.55902 20.417 6.43202 20.417H6.43302H18.148Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6621 9.06303L13.2781 10.31C13.3381 10.432 13.4541 10.517 13.5891 10.537L14.9661 10.738C15.3071 10.788 15.4421 11.206 15.1961 11.445L14.2001 12.415C14.1021 12.51 14.0581 12.647 14.0801 12.782L14.3151 14.152C14.3731 14.491 14.0181 14.749 13.7141 14.589L12.4831 13.942C12.3621 13.878 12.2181 13.878 12.0971 13.942L10.8671 14.589C10.5621 14.749 10.2071 14.491 10.2651 14.152L10.5001 12.782C10.5231 12.647 10.4781 12.51 10.3801 12.415L9.38511 11.445C9.13911 11.206 9.27411 10.788 9.61411 10.738L10.9911 10.537C11.1261 10.517 11.2431 10.432 11.3031 10.31L11.9181 9.06303C12.0701 8.75503 12.5101 8.75503 12.6621 9.06303Z" stroke="#252525" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span class="nav-text">Pages</span> </a> <ul aria-expanded="false"> <li><a href="page-login.html">Login</a></li> <li><a href="page-register.html">Register</a></li> <li><a class="has-arrow" href="javascript:void(0);" aria-expanded="false">Error</a> <ul aria-expanded="false"> <li><a href="page-error-400.html">Error 400</a></li> <li><a href="page-error-403.html">Error 403</a></li> <li><a href="page-error-404.html">Error 404</a></li> <li><a href="page-error-500.html">Error 500</a></li> <li><a href="page-error-503.html">Error 503</a></li> </ul> </li> <li><a href="page-lock-screen.html">Lock Screen</a></li> <li><a href="empty-page.html">Empty Page</a></li> <li class="mini-dashboard">Pages</li> </ul> </li> </ul> <div class="switch-btn"> <a href="page-login.html"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.36 6.63965C19.6184 7.89844 20.4753 9.50209 20.8223 11.2478C21.1693 12.9936 20.9909 14.803 20.3096 16.4474C19.6284 18.0918 18.4748 19.4972 16.9948 20.486C15.5148 21.4748 13.7749 22.0026 11.995 22.0026C10.2151 22.0026 8.47515 21.4748 6.99517 20.486C5.51519 19.4972 4.36164 18.0918 3.68036 16.4474C2.99909 14.803 2.82069 12.9936 3.16772 11.2478C3.51475 9.50209 4.37162 7.89844 5.63 6.63965" stroke="#252525" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 2V12" stroke="#252525" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>Logout</span> </a> </div> </div> </div> <!--********************************** Sidebar end ***********************************--> <!--********************************** Content body start ***********************************--> <div class="outer-body"> <div class="inner-body"> <div class="content-body"> <!-- row --> <div class="container-fluid"> <!-- row --> <div class="row gx-0"> <div class="col-xl-12"> <div class="card h-auto"> <div class="card-body py-0"> <div class="row gx-0"> <!-- column --> <div class="col-xl-2 col-xxl-3"> <div class="email-left-box dz-scroll ps-0" id="email-left"> <div class="p-0"> <a href="email-compose.html" class="btn text-white btn-block"><i class="fa-solid fa-plus me-2"></i>Compose Email</a> </div> <div class="mail-list rounded "> <a href="email-inbox.html" class="list-group-item active"><i class="fa-regular fa-envelope align-middle"></i>Inbox <span class="badge badge-purple badge-sm float-end rounded">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 d="M5.25 5.25H5.268" stroke="#666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </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"/> </svg> Move </a> </div> <div class="mail-list rounded overflow-hidden mt-4"> <div class="intro-title d-flex justify-content-between my-0"> <h5>Categories</h5> </div> <a href="email-inbox.html" class="list-group-item change">Work </a> <a href="email-inbox.html" class="list-group-item change">Private </a> <a href="email-inbox.html" class="list-group-item change">Support </a> <a href="email-inbox.html" class="list-group-item change">Social </a> </div> </div> </div> <!-- /column --> <div class="col-lg-10 col-xxl-9"> <div class="email-right-box"> <div role="toolbar" class="toolbar ms-1 ms-sm-0"> <div class="saprat ps-3"> <div class="mail-tools ms-0"> <a href="javascrip:void(0);"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.1668 21.8333H21.8335C22.0766 21.8333 22.3098 21.7368 22.4817 21.5648C22.6536 21.3929 22.7502 21.1598 22.7502 20.9167C22.7502 20.6736 22.6536 20.4404 22.4817 20.2685C22.3098 20.0966 22.0766 20 21.8335 20H18.1668C17.9237 20 17.6906 20.0966 17.5186 20.2685C17.3467 20.4404 17.2502 20.6736 17.2502 20.9167C17.2502 21.1598 17.3467 21.3929 17.5186 21.5648C17.6906 21.7368 17.9237 21.8333 18.1668 21.8333ZM26.4168 11.75H13.5835C12.8542 11.75 12.1547 12.0397 11.639 12.5555C11.1232 13.0712 10.8335 13.7707 10.8335 14.5V17.25C10.8335 17.4931 10.9301 17.7263 11.102 17.8982C11.2739 18.0701 11.507 18.1667 11.7502 18.1667H12.6668V25.5C12.6668 26.2293 12.9566 26.9288 13.4723 27.4445C13.988 27.9603 14.6875 28.25 15.4168 28.25H24.5835C25.3128 28.25 26.0123 27.9603 26.528 27.4445C27.0438 26.9288 27.3335 26.2293 27.3335 25.5V18.1667H28.2502C28.4933 18.1667 28.7264 18.0701 28.8983 17.8982C29.0703 17.7263 29.1668 17.4931 29.1668 17.25V14.5C29.1668 13.7707 28.8771 13.0712 28.3614 12.5555C27.8456 12.0397 27.1462 11.75 26.4168 11.75ZM25.5002 25.5C25.5002 25.7431 25.4036 25.9763 25.2317 26.1482C25.0598 26.3201 24.8266 26.4167 24.5835 26.4167H15.4168C15.1737 26.4167 14.9406 26.3201 14.7686 26.1482C14.5967 25.9763 14.5002 25.7431 14.5002 25.5V18.1667H25.5002V25.5ZM27.3335 16.3333H12.6668V14.5C12.6668 14.2569 12.7634 14.0237 12.9353 13.8518C13.1072 13.6799 13.3404 13.5833 13.5835 13.5833H26.4168C26.6599 13.5833 26.8931 13.6799 27.065 13.8518C27.2369 14.0237 27.3335 14.2569 27.3335 14.5V16.3333Z" fill="var(--primary)"></path> </svg> </a> <a href="javascrip:void(0);"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.0002 14.5C19.8798 14.5 19.7606 14.5237 19.6493 14.5697C19.5381 14.6158 19.437 14.6833 19.3519 14.7684C19.2668 14.8535 19.1993 14.9546 19.1532 15.0658C19.1072 15.1771 19.0835 15.2963 19.0835 15.4167V19.4351L16.8554 20.5563C16.7479 20.6104 16.6521 20.6851 16.5735 20.7762C16.4948 20.8673 16.4349 20.973 16.3971 21.0873C16.3594 21.2016 16.3444 21.3221 16.3533 21.4421C16.3621 21.5622 16.3945 21.6793 16.4485 21.7868C16.5026 21.8943 16.5773 21.9901 16.6684 22.0687C16.7595 22.1473 16.8652 22.2073 16.9795 22.245C17.0937 22.2828 17.2143 22.2977 17.3343 22.2889C17.4543 22.2801 17.5714 22.2477 17.679 22.1936L20.412 20.8186C20.5638 20.7425 20.6914 20.6255 20.7806 20.481C20.8697 20.3364 20.9169 20.1699 20.9168 20V15.4167C20.9169 15.2963 20.8932 15.1771 20.8471 15.0658C20.8011 14.9546 20.7335 14.8535 20.6484 14.7684C20.5633 14.6833 20.4622 14.6158 20.351 14.5697C20.2398 14.5237 20.1206 14.5 20.0002 14.5ZM20.0002 10.8333C18.1872 10.8333 16.4149 11.3709 14.9074 12.3782C13.4 13.3854 12.2251 14.8171 11.5313 16.4921C10.8375 18.1671 10.6559 20.0102 11.0096 21.7883C11.3633 23.5665 12.2364 25.1998 13.5184 26.4818C14.8003 27.7638 16.4337 28.6368 18.2118 28.9905C19.99 29.3442 21.8331 29.1627 23.5081 28.4689C25.1831 27.7751 26.6147 26.6002 27.622 25.0927C28.6292 23.5853 29.1668 21.813 29.1668 20C29.1641 17.5697 28.1974 15.2397 26.4789 13.5213C24.7604 11.8028 22.4305 10.8361 20.0002 10.8333ZM20.0002 27.3333C18.5498 27.3333 17.1319 26.9032 15.926 26.0974C14.72 25.2916 13.7801 24.1463 13.2251 22.8063C12.67 21.4663 12.5248 19.9919 12.8077 18.5693C13.0907 17.1468 13.7891 15.8401 14.8147 14.8145C15.8403 13.789 17.147 13.0905 18.5695 12.8076C19.992 12.5246 21.4665 12.6698 22.8065 13.2249C24.1465 13.7799 25.2918 14.7199 26.0976 15.9258C26.9034 17.1318 27.3335 18.5496 27.3335 20C27.3313 21.9442 26.5579 23.8082 25.1832 25.183C23.8084 26.5578 21.9444 27.3311 20.0002 27.3333Z" fill="var(--primary)"></path> </svg> </a> <a href="javascrip:void(0);"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.1667 25.5C18.4098 25.5 18.6429 25.4035 18.8148 25.2316C18.9868 25.0596 19.0833 24.8265 19.0833 24.5834V19.0834C19.0833 18.8403 18.9868 18.6071 18.8148 18.4352C18.6429 18.2633 18.4098 18.1667 18.1667 18.1667C17.9236 18.1667 17.6904 18.2633 17.5185 18.4352C17.3466 18.6071 17.25 18.8403 17.25 19.0834V24.5834C17.25 24.8265 17.3466 25.0596 17.5185 25.2316C17.6904 25.4035 17.9236 25.5 18.1667 25.5ZM27.3333 14.5H23.6667V13.5834C23.6667 12.854 23.3769 12.1546 22.8612 11.6388C22.3455 11.1231 21.646 10.8334 20.9167 10.8334H19.0833C18.354 10.8334 17.6545 11.1231 17.1388 11.6388C16.6231 12.1546 16.3333 12.854 16.3333 13.5834V14.5H12.6667C12.4236 14.5 12.1904 14.5966 12.0185 14.7685C11.8466 14.9404 11.75 15.1736 11.75 15.4167C11.75 15.6598 11.8466 15.893 12.0185 16.0649C12.1904 16.2368 12.4236 16.3334 12.6667 16.3334H13.5833V26.4167C13.5833 27.1461 13.8731 27.8455 14.3888 28.3612C14.9045 28.877 15.604 29.1667 16.3333 29.1667H23.6667C24.396 29.1667 25.0955 28.877 25.6112 28.3612C26.1269 27.8455 26.4167 27.1461 26.4167 26.4167V16.3334H27.3333C27.5764 16.3334 27.8096 16.2368 27.9815 16.0649C28.1534 15.893 28.25 15.6598 28.25 15.4167C28.25 15.1736 28.1534 14.9404 27.9815 14.7685C27.8096 14.5966 27.5764 14.5 27.3333 14.5ZM18.1667 13.5834C18.1667 13.3403 18.2632 13.1071 18.4352 12.9352C18.6071 12.7633 18.8402 12.6667 19.0833 12.6667H20.9167C21.1598 12.6667 21.3929 12.7633 21.5648 12.9352C21.7368 13.1071 21.8333 13.3403 21.8333 13.5834V14.5H18.1667V13.5834ZM24.5833 26.4167C24.5833 26.6598 24.4868 26.893 24.3148 27.0649C24.1429 27.2368 23.9098 27.3334 23.6667 27.3334H16.3333C16.0902 27.3334 15.8571 27.2368 15.6852 27.0649C15.5132 26.893 15.4167 26.6598 15.4167 26.4167V16.3334H24.5833V26.4167ZM21.8333 25.5C22.0764 25.5 22.3096 25.4035 22.4815 25.2316C22.6534 25.0596 22.75 24.8265 22.75 24.5834V19.0834C22.75 18.8403 22.6534 18.6071 22.4815 18.4352C22.3096 18.2633 22.0764 18.1667 21.8333 18.1667C21.5902 18.1667 21.3571 18.2633 21.1852 18.4352C21.0132 18.6071 20.9167 18.8403 20.9167 19.0834V24.5834C20.9167 24.8265 21.0132 25.0596 21.1852 25.2316C21.3571 25.4035 21.5902 25.5 21.8333 25.5Z" fill="var(--primary)"></path> </svg> </a> <a href="javascrip:void(0);"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.5435 17.7542L26.811 17.1767L27.6268 15.545C27.7095 15.3742 27.7372 15.182 27.706 14.9948C27.6748 14.8076 27.5863 14.6347 27.4527 14.5L25.5002 12.5475C25.3647 12.4119 25.1902 12.3222 25.0011 12.2909C24.812 12.2597 24.6179 12.2885 24.446 12.3733L22.8143 13.1892L22.2368 11.4567C22.1758 11.2761 22.0601 11.119 21.9056 11.0073C21.7512 10.8955 21.5658 10.8347 21.3752 10.8333H18.6252C18.433 10.8328 18.2455 10.8927 18.0893 11.0046C17.933 11.1165 17.8158 11.2746 17.7543 11.4567L17.1768 13.1892L15.5452 12.3733C15.3744 12.2906 15.1821 12.263 14.995 12.2942C14.8078 12.3254 14.6349 12.4139 14.5002 12.5475L12.5477 14.5C12.4121 14.6354 12.3224 14.81 12.2911 14.9991C12.2599 15.1882 12.2887 15.3823 12.3735 15.5542L13.1893 17.1858L11.4568 17.7633C11.2762 17.8243 11.1192 17.9401 11.0074 18.0945C10.8957 18.249 10.8349 18.4344 10.8335 18.625V21.375C10.833 21.5672 10.8929 21.7546 11.0048 21.9109C11.1166 22.0672 11.2748 22.1843 11.4568 22.2458L13.1893 22.8233L12.3735 24.455C12.2908 24.6258 12.2631 24.818 12.2943 25.0052C12.3255 25.1924 12.414 25.3653 12.5477 25.5L14.5002 27.4525C14.6356 27.5881 14.8102 27.6778 14.9992 27.709C15.1883 27.7403 15.3825 27.7115 15.5543 27.6267L17.186 26.8108L17.7635 28.5433C17.825 28.7254 17.9422 28.8835 18.0984 28.9954C18.2547 29.1072 18.4422 29.1672 18.6343 29.1667H21.3843C21.5765 29.1672 21.764 29.1072 21.9202 28.9954C22.0765 28.8835 22.1937 28.7254 22.2552 28.5433L22.8327 26.8108L24.4643 27.6267C24.634 27.7073 24.8244 27.7338 25.0097 27.7027C25.1949 27.6715 25.3662 27.5842 25.5002 27.4525L27.4527 25.5C27.5883 25.3645 27.678 25.19 27.7092 25.0009C27.7405 24.8118 27.7116 24.6177 27.6268 24.4458L26.811 22.8142L28.5435 22.2367C28.7241 22.1757 28.8812 22.0599 28.9929 21.9055C29.1046 21.751 29.1654 21.5656 29.1668 21.375V18.625C29.1673 18.4328 29.1074 18.2454 28.9956 18.0891C28.8837 17.9328 28.7256 17.8157 28.5435 17.7542ZM27.3335 20.715L26.2335 21.0817C25.9805 21.1637 25.7485 21.2998 25.5534 21.4805C25.3583 21.6612 25.2048 21.8822 25.1037 22.1281C25.0025 22.374 24.9561 22.639 24.9675 22.9047C24.979 23.1704 25.0482 23.4304 25.1702 23.6667L25.6927 24.7117L24.6843 25.72L23.6668 25.17C23.4318 25.0529 23.1743 24.9876 22.9118 24.9787C22.6493 24.9697 22.388 25.0173 22.1455 25.1181C21.9029 25.2189 21.6849 25.3707 21.5062 25.5631C21.3274 25.7555 21.1921 25.9841 21.1093 26.2333L20.7427 27.3333H19.2852L18.9185 26.2333C18.8364 25.9804 18.7004 25.7483 18.5197 25.5532C18.339 25.3581 18.118 25.2047 17.8721 25.1035C17.6261 25.0023 17.3611 24.9559 17.0955 24.9674C16.8298 24.9789 16.5698 25.048 16.3335 25.17L15.2885 25.6925L14.2802 24.6842L14.8302 23.6667C14.9522 23.4304 15.0213 23.1704 15.0328 22.9047C15.0443 22.639 14.9978 22.374 14.8967 22.1281C14.7955 21.8822 14.642 21.6612 14.4469 21.4805C14.2519 21.2998 14.0198 21.1637 13.7668 21.0817L12.6668 20.715V19.285L13.7668 18.9183C14.0198 18.8363 14.2519 18.7002 14.4469 18.5195C14.642 18.3388 14.7955 18.1178 14.8967 17.8719C14.9978 17.626 15.0443 17.361 15.0328 17.0953C15.0213 16.8296 14.9522 16.5696 14.8302 16.3333L14.3077 15.3158L15.316 14.3075L16.3335 14.83C16.5698 14.952 16.8298 15.0211 17.0955 15.0326C17.3611 15.0441 17.6261 14.9977 17.8721 14.8965C18.118 14.7953 18.339 14.6419 18.5197 14.4468C18.7004 14.2517 18.8364 14.0196 18.9185 13.7667L19.2852 12.6667H20.7152L21.0818 13.7667C21.1639 14.0196 21.3 14.2517 21.4807 14.4468C21.6614 14.6419 21.8824 14.7953 22.1283 14.8965C22.3742 14.9977 22.6392 15.0441 22.9049 15.0326C23.1706 15.0211 23.4305 14.952 23.6668 14.83L24.7118 14.3075L25.7202 15.3158L25.1702 16.3333C25.053 16.5684 24.9878 16.8259 24.9789 17.0884C24.9699 17.3509 25.0174 17.6122 25.1183 17.8547C25.2191 18.0972 25.3709 18.3152 25.5633 18.494C25.7557 18.6727 25.9842 18.8081 26.2335 18.8908L27.3335 19.2575V20.715ZM20.0002 16.3333C19.275 16.3333 18.5661 16.5484 17.9631 16.9513C17.3601 17.3542 16.8901 17.9268 16.6126 18.5968C16.3351 19.2668 16.2625 20.0041 16.404 20.7153C16.5454 21.4266 16.8946 22.0799 17.4074 22.5927C17.9202 23.1055 18.5736 23.4547 19.2848 23.5962C19.9961 23.7377 20.7333 23.6651 21.4033 23.3876C22.0733 23.11 22.646 22.6401 23.0489 22.0371C23.4518 21.4341 23.6668 20.7252 23.6668 20C23.6668 19.0275 23.2805 18.0949 22.5929 17.4073C21.9053 16.7196 20.9726 16.3333 20.0002 16.3333ZM20.0002 21.8333C19.6376 21.8333 19.2831 21.7258 18.9816 21.5244C18.6801 21.3229 18.4451 21.0366 18.3064 20.7016C18.1676 20.3666 18.1313 19.998 18.2021 19.6423C18.2728 19.2867 18.4474 18.96 18.7038 18.7036C18.9602 18.4472 19.2869 18.2726 19.6425 18.2019C19.9981 18.1312 20.3668 18.1675 20.7018 18.3062C21.0367 18.445 21.3231 18.68 21.5245 18.9815C21.726 19.2829 21.8335 19.6374 21.8335 20C21.8335 20.4862 21.6403 20.9525 21.2965 21.2964C20.9527 21.6402 20.4864 21.8333 20.0002 21.8333Z" fill="var(--primary)"></path> </svg> </a> <a href="javascrip:void(0);"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_725_283)"> <path d="M22.8101 19.5011C22.8101 19.1976 22.7503 18.897 22.6341 18.6167C22.518 18.3363 22.3478 18.0815 22.1332 17.8669C21.9186 17.6523 21.6638 17.4821 21.3834 17.3659C21.103 17.2498 20.8025 17.19 20.499 17.19C20.1955 17.19 19.895 17.2498 19.6146 17.3659C19.3342 17.4821 19.0795 17.6523 18.8649 17.8669C18.6503 18.0815 18.48 18.3363 18.3639 18.6167C18.2477 18.897 18.188 19.1976 18.188 19.5011C18.1881 20.114 18.4317 20.7018 18.8652 21.1351C19.2987 21.5684 19.8866 21.8117 20.4995 21.8116C21.1125 21.8114 21.7002 21.5678 22.1335 21.1343C22.5668 20.7008 22.8102 20.1129 22.8101 19.5L22.8101 19.5011ZM22.8101 12.1511C22.8101 11.8476 22.7503 11.5471 22.6341 11.2667C22.518 10.9863 22.3478 10.7315 22.1332 10.5169C21.9186 10.3023 21.6638 10.1321 21.3834 10.0159C21.103 9.89979 20.8025 9.84001 20.499 9.84001C20.1955 9.84001 19.895 9.89979 19.6146 10.0159C19.3342 10.1321 19.0795 10.3023 18.8649 10.5169C18.6503 10.7315 18.48 10.9863 18.3639 11.2667C18.2477 11.5471 18.188 11.8476 18.188 12.1511C18.1881 12.764 18.4317 13.3518 18.8652 13.7851C19.2987 14.2184 19.8866 14.4617 20.4995 14.4616C21.1125 14.4614 21.7002 14.2178 22.1335 13.7843C22.5668 13.3508 22.8102 12.7629 22.8101 12.15L22.8101 12.1511ZM22.8101 26.8511C22.8101 26.5476 22.7503 26.247 22.6341 25.9667C22.518 25.6863 22.3478 25.4315 22.1332 25.2169C21.9186 25.0023 21.6638 24.8321 21.3834 24.7159C21.103 24.5998 20.8025 24.54 20.499 24.54C20.1955 24.54 19.895 24.5998 19.6146 24.7159C19.3342 24.8321 19.0795 25.0023 18.8649 25.2169C18.6502 25.4315 18.48 25.6863 18.3639 25.9667C18.2477 26.247 18.188 26.5476 18.188 26.8511C18.1881 27.464 18.4317 28.0518 18.8652 28.4851C19.2987 28.9184 19.8866 29.1617 20.4995 29.1616C21.1125 29.1614 21.7002 28.9178 22.1335 28.4843C22.5668 28.0508 22.8102 27.4629 22.8101 26.85L22.8101 26.8511Z" fill="var(--primary)"></path> </g> <defs> <clipPath id="clip0_725_283"> <rect width="21" height="21" fill="white" transform="translate(31 9) rotate(90)"></rect> </clipPath> </defs> </svg> </a> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="right-box-padding p-3"> <div class="read-wapper dz-scroll" id="read-content"> <div class="read-content"> <div class="media pt-3 d-sm-flex d-block justify-content-between"> <div class="clearfix mb-3 d-flex"> <img class="me-3 rounded" width="70" height="70" alt="image" src="images/avatar/1.jpg"> <div class="media-body me-2"> <h5 class="text-primary mb-0 mt-1">Ingredia Nutrisha</h5> <p class="mb-0">20 May 2020</p> </div> </div> <div class="clearfix mb-3"> <a href="javascript:void(0);" class="btn btn-primary light light px-3 my-1 light me-2"><i class="fa fa-reply"></i> </a> <a href="javascript:void(0);" class="btn btn-primary light light px-3 my-1 light me-2"><i class="fas fa-arrow-right"></i> </a> <a href="javascript:void(0);" class="btn btn-primary light light px-3 my-1 light me-2"><i class="fa fa-trash"></i></a> </div> </div> <hr> <div class="media mb-2 mt-3"> <div class="media-body"><span class="pull-end">07:23 AM</span> <h5 class="my-1 text-primary">A collection of textile samples lay spread</h5> <p class="read-content-email"> To: Me, info@example.com</p> </div> </div> <div class="read-content-body"> <h5 class="mb-4">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="read-content-attachment"> <h6><i class="fa fa-download mb-2"></i> Attachments <span>(3)</span></h6> <div class="row attachment"> <div class="col-auto"> <a href="javascript:void(0);" class="text-muted">My-Photo.png</a> </div> <div class="col-auto"> <a href="javascript:void(0);" class="text-muted">My-File.docx</a> </div> <div class="col-auto"> <a href="javascript:void(0);" class="text-muted">My-Resume.pdf</a> </div> </div> </div> <hr> <div class="mb-3 pt-3"> <textarea name="write-email" id="write-email" cols="30" rows="5" class="form-control" placeholder="It's really an amazing.I want to know more about it..!"></textarea> </div> </div> <div class="text-end"> <button class="btn btn-primary light light " type="button">Send</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--********************************** Content body end ***********************************--> <!--********************************** Footer start ***********************************--> <!--********************************** Footer end ***********************************--> <!--********************************** Support ticket button start ***********************************--> <!--********************************** Support ticket button end ***********************************--> </div> <!--********************************** Main wrapper end ***********************************--> <!--********************************** Scripts ***********************************--> <!-- Required vendors --> <script src="vendor/global/global.min.js"></script> <script src="vendor/jquery-nice-select/js/jquery.nice-select.min.js"></script> <script src="vendor/dropzone/dist/dropzone.js"></script> <script src="vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script> <script src="js/custom.js"></script> <script src="js/deznav-init.js"></script> <script src="js/demo.js"></script> <script src="js/styleSwitcher.js"></script> </body> <!-- Mirrored from w3admin.dexignzone.com/flask/demo/email-read.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 16 Jul 2024 07:09:45 GMT --> </html>