📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
qrmenuscripti.demodesign.com.tr
/
xpanel
/
html
📝
apps-email-read.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Dastone - Admin & Dashboard Template</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" /> <meta content="" name="author" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- App favicon --> <link rel="shortcut icon" href="assets/images/favicon.ico"> <link href="../plugins/summernote/summernote-bs4.min.css" rel="stylesheet" /> <!-- App css --> <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" /> <link href="assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" /> <link href="../plugins/daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" /> <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- Left Sidenav --> <div class="left-sidenav"> <!-- LOGO --> <div class="brand"> <a href="index.html" class="logo"> <span> <img src="assets/images/logo-sm.png" alt="logo-small" class="logo-sm"> </span> <span> <img src="assets/images/logo.png" alt="logo-large" class="logo-lg logo-light"> <img src="assets/images/logo-dark.png" alt="logo-large" class="logo-lg logo-dark"> </span> </a> </div> <!--end logo--> <div class="menu-content h-100" data-simplebar> <ul class="metismenu left-sidenav-menu"> <li class="menu-label mt-0">Main</li> <li> <a href="javascript: void(0);"> <i data-feather="home" class="align-self-center menu-icon"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li class="nav-item"><a class="nav-link" href="index.html"><i class="ti-control-record"></i>Analytics</a></li> <li class="nav-item"><a class="nav-link" href="sales-index.html"><i class="ti-control-record"></i>Sales</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i data-feather="grid" class="align-self-center menu-icon"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="apps-email-inbox.html">Inbox</a></li> <li><a href="apps-email-read.html">Read Email</a></li> </ul> </li> <li class="nav-item"><a class="nav-link" href="apps-chat.html"><i class="ti-control-record"></i>Chat</a></li> <li class="nav-item"><a class="nav-link" href="apps-contact-list.html"><i class="ti-control-record"></i>Contact List</a></li> <li class="nav-item"><a class="nav-link" href="apps-calendar.html"><i class="ti-control-record"></i>Calendar</a></li> <li class="nav-item"><a class="nav-link" href="apps-files.html"><i class="ti-control-record"></i>File Manager</a></li> <li class="nav-item"><a class="nav-link" href="apps-invoice.html"><i class="ti-control-record"></i>Invoice</a></li> <li class="nav-item"><a class="nav-link" href="apps-tasks.html"><i class="ti-control-record"></i>Tasks</a></li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="apps-project-overview.html">Overview</a></li> <li><a href="apps-project-projects.html">Projects</a></li> <li><a href="apps-project-board.html">Board</a></li> <li><a href="apps-project-teams.html">Teams</a></li> <li><a href="apps-project-files.html">Files</a></li> <li><a href="apps-new-project.html">New Project</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="apps-ecommerce-products.html">Products</a></li> <li><a href="apps-ecommerce-product-list.html">Product List</a></li> <li><a href="apps-ecommerce-product-detail.html">Product Detail</a></li> <li><a href="apps-ecommerce-cart.html">Cart</a></li> <li><a href="apps-ecommerce-checkout.html">Checkout</a></li> </ul> </li> </ul> </li> <li> <a href="javascript: void(0);"><i data-feather="lock" class="align-self-center menu-icon"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li class="nav-item"><a class="nav-link" href="auth-login.html"><i class="ti-control-record"></i>Log in</a></li> <li class="nav-item"><a class="nav-link" href="auth-register.html"><i class="ti-control-record"></i>Register</a></li> <li class="nav-item"><a class="nav-link" href="auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li> <li class="nav-item"><a class="nav-link" href="auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li> <li class="nav-item"><a class="nav-link" href="auth-404.html"><i class="ti-control-record"></i>Error 404</a></li> <li class="nav-item"><a class="nav-link" href="auth-500.html"><i class="ti-control-record"></i>Error 500</a></li> </ul> </li> <hr class="hr-dashed hr-menu"> <li class="menu-label my-2">Components & Extra</li> <li> <a href="javascript: void(0);"><i data-feather="box" class="align-self-center menu-icon"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>UI Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="ui-alerts.html">Alerts</a></li> <li><a href="ui-avatar.html">Avatar</a></li> <li><a href="ui-buttons.html">Buttons</a></li> <li><a href="ui-badges.html">Badges</a></li> <li><a href="ui-cards.html">Cards</a></li> <li><a href="ui-carousels.html">Carousels</a></li> <li><a href="ui-check-radio.html"><span>Check & Radio</span></a></li> <li><a href="ui-dropdowns.html">Dropdowns</a></li> <li><a href="ui-grids.html">Grids</a></li> <li><a href="ui-images.html">Images</a></li> <li><a href="ui-list.html">List</a></li> <li><a href="ui-modals.html">Modals</a></li> <li><a href="ui-navs.html">Navs</a></li> <li><a href="ui-navbar.html">Navbar</a></li> <li><a href="ui-paginations.html">Paginations</a></li> <li><a href="ui-popover-tooltips.html">Popover & Tooltips</a></li> <li><a href="ui-progress.html">Progress</a></li> <li><a href="ui-spinners.html">Spinners</a></li> <li><a href="ui-tabs-accordions.html">Tabs & Accordions</a></li> <li><a href="ui-toasts.html">Toasts</a></li> <li><a href="ui-typography.html">Typography</a></li> <li><a href="ui-videos.html">Videos</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="advanced-animation.html">Animation</a></li> <li><a href="advanced-clipboard.html">Clip Board</a></li> <li><a href="advanced-highlight.html">Highlight</a></li> <li><a href="advanced-idle-timer.html">Idle Timer</a></li> <li><a href="advanced-kanban.html">Kanban</a></li> <li><a href="advanced-lightbox.html">Lightbox</a></li> <li><a href="advanced-nestable.html">Nestable List</a></li> <li><a href="advanced-rangeslider.html">Range Slider</a></li> <li><a href="advanced-ratings.html">Ratings</a></li> <li><a href="advanced-ribbons.html">Ribbons</a></li> <li><a href="advanced-session.html">Session Timeout</a></li> <li><a href="advanced-sweetalerts.html">Sweet Alerts</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="forms-advanced.html">Advance Elements</a></li> <li><a href="forms-elements.html">Basic Elements</a></li> <li><a href="forms-editors.html">Editors</a></li> <li><a href="forms-uploads.html">File Upload</a></li> <li><a href="forms-repeater.html">Repeater</a></li> <li><a href="forms-validation.html">Validation</a></li> <li><a href="forms-wizard.html">Wizard</a></li> <li><a href="forms-x-editable.html">X Editable</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="charts-apex.html">Apex</a></li> <li><a href="charts-chartjs.html">Chartjs</a></li> <li><a href="charts-flot.html">Flot</a></li> <li><a href="charts-morris.html">Morris</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="tables-basic.html">Basic</a></li> <li><a href="tables-datatable.html">Datatables</a></li> <li><a href="tables-editable.html">Editable</a></li> <li><a href="tables-responsive.html">Responsive</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="icons-dripicons.html">Dripicons</a></li> <li><a href="icons-feather.html">Feather</a></li> <li><a href="icons-fontawesome.html">Font awesome</a></li> <li><a href="icons-materialdesign.html">Material Design</a></li> <li><a href="icons-themify.html">Themify</a></li> <li><a href="icons-typicons.html">Typicons</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="maps-google.html">Google Maps</a></li> <li><a href="maps-leaflet.html">Leaflet Maps</a></li> <li><a href="maps-vector.html">Vector Maps</a></li> </ul> </li> <li> <a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li><a href="email-templates-alert.html">Alert Email</a></li> <li><a href="email-templates-basic.html">Basic Action Email</a></li> <li><a href="email-templates-billing.html">Billing Email</a></li> </ul> </li> </ul> </li> <li> <a href="widgets.html"><i data-feather="layers" class="align-self-center menu-icon"></i><span>Widgets</span><span class="badge badge-soft-success menu-arrow">New</span></a> </li> <li> <a href="javascript: void(0);"><i data-feather="file-plus" class="align-self-center menu-icon"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a> <ul class="nav-second-level" aria-expanded="false"> <li class="nav-item"><a class="nav-link" href="pages-blogs.html"><i class="ti-control-record"></i>Blogs</a></li> <li class="nav-item"><a class="nav-link" href="pages-faqs.html"><i class="ti-control-record"></i>FAQs</a></li> <li class="nav-item"><a class="nav-link" href="pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li> <li class="nav-item"><a class="nav-link" href="pages-profile.html"><i class="ti-control-record"></i>Profile</a></li> <li class="nav-item"><a class="nav-link" href="pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li> <li class="nav-item"><a class="nav-link" href="pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li> <li class="nav-item"><a class="nav-link" href="pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li> </ul> </li> </ul> <div class="update-msg text-center"> <a href="javascript: void(0);" class="float-right close-btn text-white" data-dismiss="update-msg" aria-label="Close" aria-hidden="true"> <i class="mdi mdi-close"></i> </a> <h5 class="mt-3">Mannat Themes</h5> <p class="mb-3">We Design and Develop Clean and High Quality Web Applications</p> <a href="javascript: void(0);" class="btn btn-outline-warning btn-sm">Upgrade your plan</a> </div> </div> </div> <!-- end left-sidenav--> <div class="page-wrapper"> <!-- Top Bar Start --> <div class="topbar"> <!-- Navbar --> <nav class="navbar-custom"> <ul class="list-unstyled topbar-nav float-right mb-0"> <li class="dropdown hide-phone"> <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i data-feather="search" class="topbar-icon"></i> </a> <div class="dropdown-menu dropdown-menu-right dropdown-lg p-0"> <!-- Top Search Bar --> <div class="app-search-topbar"> <form action="#" method="get"> <input type="search" name="search" class="from-control top-search mb-0" placeholder="Type text..."> <button type="submit"><i class="ti-search"></i></button> </form> </div> </div> </li> <li class="dropdown notification-list"> <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i data-feather="bell" class="align-self-center topbar-icon"></i> <span class="badge badge-danger badge-pill noti-icon-badge">2</span> </a> <div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0"> <h6 class="dropdown-item-text font-15 m-0 py-3 border-bottom d-flex justify-content-between align-items-center"> Notifications <span class="badge badge-primary badge-pill">2</span> </h6> <div class="notification-menu" data-simplebar> <!-- item--> <a href="#" class="dropdown-item py-3"> <small class="float-right text-muted pl-2">2 min ago</small> <div class="media"> <div class="avatar-md bg-soft-primary"> <i data-feather="shopping-cart" class="align-self-center icon-xs"></i> </div> <div class="media-body align-self-center ml-2 text-truncate"> <h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6> <small class="text-muted mb-0">Dummy text of the printing and industry.</small> </div><!--end media-body--> </div><!--end media--> </a><!--end-item--> <!-- item--> <a href="#" class="dropdown-item py-3"> <small class="float-right text-muted pl-2">10 min ago</small> <div class="media"> <div class="avatar-md bg-soft-primary"> <img src="assets/images/users/user-4.jpg" alt="" class="thumb-sm rounded-circle"> </div> <div class="media-body align-self-center ml-2 text-truncate"> <h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6> <small class="text-muted mb-0">It is a long established fact that a reader.</small> </div><!--end media-body--> </div><!--end media--> </a><!--end-item--> <!-- item--> <a href="#" class="dropdown-item py-3"> <small class="float-right text-muted pl-2">40 min ago</small> <div class="media"> <div class="avatar-md bg-soft-primary"> <i data-feather="users" class="align-self-center icon-xs"></i> </div> <div class="media-body align-self-center ml-2 text-truncate"> <h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6> <small class="text-muted mb-0">Dummy text of the printing.</small> </div><!--end media-body--> </div><!--end media--> </a><!--end-item--> <!-- item--> <a href="#" class="dropdown-item py-3"> <small class="float-right text-muted pl-2">1 hr ago</small> <div class="media"> <div class="avatar-md bg-soft-primary"> <img src="assets/images/users/user-5.jpg" alt="" class="thumb-sm rounded-circle"> </div> <div class="media-body align-self-center ml-2 text-truncate"> <h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6> <small class="text-muted mb-0">It is a long established fact that a reader.</small> </div><!--end media-body--> </div><!--end media--> </a><!--end-item--> <!-- item--> <a href="#" class="dropdown-item py-3"> <small class="float-right text-muted pl-2">2 hrs ago</small> <div class="media"> <div class="avatar-md bg-soft-primary"> <i data-feather="check-circle" class="align-self-center icon-xs"></i> </div> <div class="media-body align-self-center ml-2 text-truncate"> <h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6> <small class="text-muted mb-0">Dummy text of the printing.</small> </div><!--end media-body--> </div><!--end media--> </a><!--end-item--> </div> <!-- All--> <a href="javascript:void(0);" class="dropdown-item text-center text-primary"> View all <i class="fi-arrow-right"></i> </a> </div> </li> <li class="dropdown"> <a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <span class="ml-1 nav-user-name hidden-sm">Nick</span> <img src="assets/images/users/user-5.jpg" alt="profile-user" class="rounded-circle thumb-xs" /> </a> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#"><i data-feather="user" class="align-self-center icon-xs icon-dual mr-1"></i> Profile</a> <a class="dropdown-item" href="#"><i data-feather="settings" class="align-self-center icon-xs icon-dual mr-1"></i> Settings</a> <div class="dropdown-divider mb-0"></div> <a class="dropdown-item" href="#"><i data-feather="power" class="align-self-center icon-xs icon-dual mr-1"></i> Logout</a> </div> </li> </ul><!--end topbar-nav--> <ul class="list-unstyled topbar-nav mb-0"> <li> <button class="nav-link button-menu-mobile"> <i data-feather="menu" class="align-self-center topbar-icon"></i> </button> </li> <li class="creat-btn"> <div class="nav-link"> <a class=" btn btn-sm btn-soft-primary" href="#" role="button"><i class="fas fa-plus mr-2"></i>New Task</a> </div> </li> </ul> </nav> <!-- end navbar--> </div> <!-- Top Bar End --> <!-- Page Content--> <div class="page-content"> <div class="container-fluid"> <!-- Page-Title --> <div class="row"> <div class="col-sm-12"> <div class="page-title-box"> <div class="row"> <div class="col"> <h4 class="page-title">Email Read</h4> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="javascript:void(0);">Dastone</a></li> <li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li> <li class="breadcrumb-item active">Email Read</li> </ol> </div><!--end col--> <div class="col-auto align-self-center"> <a href="#" class="btn btn-sm btn-outline-primary" id="Dash_Date"> <span class="day-name" id="Day_Name">Today:</span> <span class="" id="Select_date">Jan 11</span> <i data-feather="calendar" class="align-self-center icon-xs ml-1"></i> </a> <a href="#" class="btn btn-sm btn-outline-primary"> <i data-feather="download" class="align-self-center icon-xs"></i> </a> </div><!--end col--> </div><!--end row--> </div><!--end page-title-box--> </div><!--end col--> </div><!--end row--> <!-- end page title end breadcrumb --> <div class="row"> <div class="col-12"> <!-- Left sidebar --> <div class="email-leftbar"> <button type="button" class="btn btn-primary btn-sm btn-block waves-effect waves-light" data-toggle="modal" data-animation="bounce" data-target=".compose-modal"> <i class="fas fa-feather-alt mr-2"></i>Compose </button> <div class="card mt-3"> <div class="card-body"> <div class="mail-list"> <a href="#" class="active pt-0"><i class="las la-inbox font-15 mr-1"></i>Inbox <span class="ml-1">(5)</span></a> <a href="#"><i class="las la-star font-15 mr-1"></i>Starred</a> <a href="#"><i class="las la-tag font-15 mr-1"></i>Important</a> <a href="#"><i class="las la-file-alt font-15 mr-1"></i>Draft</a> <a href="#"><i class="las la-paper-plane font-15 mr-1"></i>Sent Mail</a> <a href="#"><i class="las la-trash-alt font-15 mr-1"></i>Trash</a> </div> <p class="text-dark my-4 font-weight-bold">Labels</p> <div class="mail-list"> <a href="#"><span class="mdi mdi-arrow-right-drop-circle text-info float-right"></span><i class="las la-life-ring font-15 mr-1"></i>Theme Support</a> <a href="#"><span class="mdi mdi-arrow-right-drop-circle text-warning float-right"></span><i class="las la-briefcase font-15 mr-1"></i>Freelance</a> <a href="#"><span class="mdi mdi-arrow-right-drop-circle text-purple float-right"></span><i class="lab la-google font-15 mr-1"></i>Social</a> <a href="#"><span class="mdi mdi-arrow-right-drop-circle text-pink float-right"></span><i class="las la-users font-15 mr-1"></i>Friends</a> <a href="#"><span class="mdi mdi-arrow-right-drop-circle text-success float-right"></span><i class="las la-home font-15 mr-1"></i>Family</a> </div> <p class="text-dark my-4 font-weight-bold">Chat</p> <div class=""> <a href="#" class="media"> <img class="d-flex mr-3 rounded-circle" src="assets/images/users/user-1.jpg" alt="Generic placeholder image" height="36"> <div class="media-body chat-user-box"> <p class="user-title m-0">Scott Median</p> <p class="text-muted">Hello</p> </div> </a> <a href="#" class="media"> <img class="d-flex mr-3 rounded-circle" src="assets/images/users/user-2.jpg" alt="Generic placeholder image" height="36"> <div class="media-body chat-user-box"> <p class="user-title m-0">Julian Rosa</p> <p class="text-muted">What about our next..</p> </div> </a> <a href="#" class="media"> <img class="d-flex mr-3 rounded-circle" src="assets/images/users/user-3.jpg" alt="Generic placeholder image" height="36"> <div class="media-body chat-user-box"> <p class="user-title m-0">David Medina</p> <p class="text-muted">Yeah everything is fine</p> </div> </a> <a href="#" class="media"> <img class="d-flex mr-3 rounded-circle" src="assets/images/users/user-4.jpg" alt="Generic placeholder image" height="36"> <div class="media-body chat-user-box"> <p class="user-title m-0">Jay Baker</p> <p class="text-muted">Wow that's great</p> </div> </a> </div> </div><!-- end card-body --> </div><!-- end card --> </div> <!-- End Left sidebar --> <!-- Right Sidebar --> <div class="email-rightbar"> <div class="float-right d-flex justify-content-between"> <div class="btn-group ml-1"> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fas fa-question-circle"></i> </button> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#">Updates</a> <a class="dropdown-item" href="#">Social</a> <a class="dropdown-item" href="#">Team Manage</a> </div> </div> <div class="btn-group ml-1"> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fas fa-cog"></i> </button> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#">Display density</a> <a class="dropdown-item" href="#">Themes</a> <a class="dropdown-item" href="#">Help</a> </div> </div> </div><!-- end div --> <div class="btn-toolbar" role="toolbar"> <div class="btn-group"> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect"><i class="fas fa-inbox"></i></button> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect"><i class="fas fa-exclamation-circle"></i></button> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect"><i class="fas fa-trash"></i></button> </div> <div class="btn-group ml-1"> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fas fa-folder"></i><i class="mdi mdi-chevron-down ml-1"></i> </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Updates</a> <a class="dropdown-item" href="#">Social</a> <a class="dropdown-item" href="#">Team Manage</a> </div> </div> <div class="btn-group ml-1"> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <i class="fas fa-tag"></i><i class="mdi mdi-chevron-down ml-1"></i> </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Updates</a> <a class="dropdown-item" href="#">Social</a> <a class="dropdown-item" href="#">Team Manage</a> </div> </div> <div class="btn-group ml-1"> <button type="button" class="btn btn-sm btn-outline-secondary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> More<i class="mdi mdi-chevron-down ml-1"></i> </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Mark as Unread</a> <a class="dropdown-item" href="#">Mark as Important</a> <a class="dropdown-item" href="#">Add to Tasks</a> <a class="dropdown-item" href="#">Add Star</a> <a class="dropdown-item" href="#">Mute</a> </div> </div> </div><!-- end toolbar --> <div class="card mt-3"> <div class="card-body"> <div class="media mb-4"> <img class="d-flex mr-3 rounded-circle thumb-md" src="assets/images/users/user-5.jpg" alt="Generic placeholder image"> <div class="media-body align-self-center"> <h5 class="font-14 m-0">Humberto D. Champion</h5> <small class="text-muted">support@domain.com</small> </div> </div> <h4 class="mt-0 font-15">This Week's Top Stories</h4> <p>Dear Lorem Ipsum,</p> <p>Praesent dui ex, dapibus eget mauris ut, finibus vestibulum enim. Quisque arcu leo, facilisis in fringilla id, luctus in tortor. Nunc vestibulum est quis orci varius viverra. Curabitur dictum volutpat massa vulputate molestie. In at felis ac velit maximus convallis.</p> <p>Sed elementum turpis eu lorem interdum, 🏆sed porttitor eros commodo. Nam eu venenatis tortor, id lacinia diam. Sed aliquam in dui et porta. Sed bibendum orci non tincidunt ultrices. Vivamus fringilla, mi lacinia dapibus condimentum, ipsum urna lacinia lacus, vel tincidunt mi nibh sit amet lorem.</p> <p>Sincerly,</p> <hr/> <div class="row"> <div class="col-auto"> <div class="card"> <img class="" src="assets/images/small/sm-1.jpg" alt="Card image cap"> <div class="py-2 text-center"> <a href="" class="text-muted">Download<i class="dripicons-download ml-1"></i></a> </div> </div> </div> <div class="colauto"> <div class="card"> <img class="card-img-top img-fluid" src="assets/images/small/sm-3.jpg" alt="Card image cap"> <div class="py-2 text-center"> <a href="" class="text-muted">Download<i class="dripicons-download ml-1"></i></a> </div> </div> </div> </div> <a href="#custom-modal" class="btn btn-soft-primary btn-sm waves-effect" data-toggle="modal" data-animation="bounce" data-target=".compose-modal"> <i class="mdi mdi-reply"></i> Reply</a> <a href="#" class="btn btn-soft-primary btn-sm waves-effect">Forward <i class="mdi mdi-share"></i></a> </div> </div> </div> <!-- end email-rightbar --> </div><!-- end Col --> </div><!-- End row --> </div><!-- container --> <!-- Modal --> <div class="modal fade compose-modal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title mt-0" id="exampleModalLabel">Compose Mail</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="card mb-0 p-3"> <form> <div class="form-group mb-3"> <input type="email" class="form-control" placeholder="To"> </div><!--end form-group--> <div class="form-group mb-3"> <div class="row"> <div class="col-md-6"> <input type="email" class="form-control" placeholder="Cc"> </div> <div class="col-md-6"> <input type="email" class="form-control" placeholder="Bcc"> </div> </div> </div><!--end form-group--> <div class="form-group mb-3"> <input type="text" class="form-control" placeholder="Subject"> </div><!--end form-group--> <div class="form-group mb-3"> <div class="summernote"> <h6>Hello Summernote</h6> <ul> <li> Select a text to reveal the toolbar. </li> <li> Edit rich document on-the-fly, so elastic! </li> </ul> <p> End of air-mode area </p> </div> </div><!--end form-group--> <div class="btn-toolbar form-group mb-0"> <div class="pull-right"> <button type="button" class="btn btn-soft-info btn-sm waves-effect waves-light"><span>Print</span><i class="far fa-save ml-3"></i></button> <button class="btn btn-soft-primary btn-sm waves-effect waves-light"><span>Send</span> <i class="far fa-paper-plane ml-3"></i></button> <button type="button" class="btn btn-soft-danger btn-sm waves-effect waves-light "><span>Delete</span><i class="far fa-trash-alt ml-3"></i></button> </div> </div><!--end form-group--> </form><!--end form--> </div><!--end card--> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <footer class="footer text-center text-sm-left"> © 2020 Dastone <span class="d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span> </footer><!--end footer--> </div> <!-- end page content --> </div> <!-- end page-wrapper --> <!-- jQuery --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.bundle.min.js"></script> <script src="assets/js/metismenu.min.js"></script> <script src="assets/js/waves.js"></script> <script src="assets/js/feather.min.js"></script> <script src="assets/js/simplebar.min.js"></script> <script src="assets/js/moment.js"></script> <script src="../plugins/daterangepicker/daterangepicker.js"></script> <script src="../plugins/summernote/summernote-bs4.min.js"></script> <!-- App js --> <script src="assets/js/app.js"></script> <script> jQuery(document).ready(function(){ $('.summernote').summernote({ height: 320, // set editor height minHeight: null, // set minimum height of editor maxHeight: null, // set maximum height of editor focus: false // set focus to editable area after initializing summernote }); }); </script> </body> </html>
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula