📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
qrmenuscripti.demodesign.com.tr
/
xpanel
/
html
📝
pages-profile.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/leaflet/leaflet.css" rel="stylesheet"> <link href="../plugins/lightpick/lightpick.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 class="dark-sidenav"> <!-- 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">Profile</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);">Pages</a></li> <li class="breadcrumb-item active">Profile</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"> <div class="card"> <div class="card-body p-0"> <div id="user_map" class="pro-map" style="height: 220px"></div> </div><!--end card-body--> <div class="card-body"> <div class="dastone-profile"> <div class="row"> <div class="col-lg-4 align-self-center mb-3 mb-lg-0"> <div class="dastone-profile-main"> <div class="dastone-profile-main-pic"> <img src="assets/images/users/user-4.jpg" alt="" height="110" class="rounded-circle"> <span class="dastone-profile_main-pic-change"> <i class="fas fa-camera"></i> </span> </div> <div class="dastone-profile_user-detail"> <h5 class="dastone-user-name">Rosa Dodson</h5> <p class="mb-0 dastone-user-name-post">UI/UX Designer, India</p> </div> </div> </div><!--end col--> <div class="col-lg-4 ml-auto align-self-center"> <ul class="list-unstyled personal-detail mb-0"> <li class=""><i class="las la-phone mr-2 text-secondary font-22 align-middle"></i> <b> phone </b> : +91 23456 78910</li> <li class="mt-2"><i class="las la-envelope text-secondary font-22 align-middle mr-2"></i> <b> Email </b> : mannat.theme@gmail.com</li> <li class="mt-2"><i class="las la-globe text-secondary font-22 align-middle mr-2"></i> <b> Website </b> : <a href="https://mannatthemes.com/" class="font-14 text-primary">https://mannatthemes.com/</a> </li> </ul> </div><!--end col--> <div class="col-lg-4 align-self-center"> <div class="row"> <div class="col-auto text-right border-right"> <button type="button" class="btn btn-soft-primary btn-icon-circle-sm mb-2"> <i class="fab fa-facebook-f"></i> </button> <p class="mb-0 font-weight-semibold">Facebook</p> <h4 class="m-0 font-weight-bold">25k <span class="text-muted font-12 font-weight-normal">Followers</span></h4> </div><!--end col--> <div class="col-auto"> <button type="button" class="btn btn-soft-info btn-icon-circle-sm mb-2"> <i class="fab fa-twitter"></i> </button> <p class="mb-0 font-weight-semibold">Twitter</p> <h4 class="m-0 font-weight-bold">58k <span class="text-muted font-12 font-weight-normal">Followers</span></h4> </div><!--end col--> </div><!--end row--> </div><!--end col--> </div><!--end row--> </div><!--end f_profile--> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> </div><!--end row--> <div class="pb-4"> <ul class="nav-border nav nav-pills mb-0" id="pills-tab" role="tablist"> <li class="nav-item"> <a class="nav-link" id="Profile_Project_tab" data-toggle="pill" href="#Profile_Project">Project</a> </li> <li class="nav-item"> <a class="nav-link active" id="Profile_Post_tab" data-toggle="pill" href="#Profile_Post">Post</a> </li> <li class="nav-item"> <a class="nav-link" id="portfolio_detail_tab" data-toggle="pill" href="#Profile_Portfolio">Portfolio</a> </li> <li class="nav-item"> <a class="nav-link" id="settings_detail_tab" data-toggle="pill" href="#Profile_Settings">Settings</a> </li> </ul> </div><!--end card-body--> <div class="row"> <div class="col-12"> <div class="tab-content" id="pills-tabContent"> <div class="tab-pane fade " id="Profile_Project" role="tabpanel" aria-labelledby="Profile_Project_tab"> <div class="row mb-4"> <div class="col"> <form> <div class="input-group"> <input type="text" id="example-input1-group2" name="example-input1-group2" class="form-control form-control-sm" placeholder="Search"> <span class="input-group-append"> <button type="button" class="btn btn-soft-primary btn-sm"><i class="fas fa-search"></i></button> </span> </div> </form> </div><!--end col--> <div class="col-auto"> <button type="button" class="btn btn-soft-primary btn-sm"><i class="fas fa-filter"></i></button> <button type="button" class="btn btn-soft-primary btn-sm">Add Project</button> </div><!--end col--> </div><!--end row--> <div class="row"> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project2.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Body Care</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Hyman M. Cross</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$26,100</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project4.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Book My World</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Johnson M. delly</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$71,200</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project3.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Banking</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Hyman M. Cross</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$56,800</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project1.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Transfer money</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Jack Z Jackson</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$48,200</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> </div><!--end row--> <div class="row"> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project4.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Body Care</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Hyman M. Cross</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$26,100</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project3.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Book My World</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Johnson M. delly</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$71,200</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project1.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Banking</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Hyman M. Cross</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$56,800</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-3"> <div class="card"> <div class="card-body text-center"> <img src="assets/images/widgets/project2.jpg" alt="" class="rounded-circle d-block mx-auto mt-2" height="70"> <h4 class="m-0 font-weight-semibold text-dark font-16 mt-3">Transfer money</h4> <p class="text-muted mb-0 font-13"><span class="text-dark">Client : </span>Jack Z Jackson</p> <div class="mt-3"> <h5 class="font-24 m-0 font-weight-bold">$48,200</h5> <p class="mb-0 text-muted">Total Budget</p> </div> <a href="#" class="btn btn-soft-primary btn-block mt-3">More Details</a> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> </div><!--end row--> </div> <div class="tab-pane fade show active" id="Profile_Post" role="tabpanel" aria-labelledby="Profile_Post_tab"> <div class="row"> <div class="col-lg-9"> <div class="row"> <div class="col-lg-6"> <div class="card"> <div class="card-body report-card"> <div class="row d-flex justify-content-center"> <div class="col"> <p class="text-dark mb-1 font-weight-semibold">Views</p> <h3 class="my-2 font-24 font-weight-bold">24k</h3> <p class="mb-0 text-truncate text-muted">🔔 <span class="text-dark font-weight-semibold">1500</span> New subscribers this week</p> </div> <div class="col-auto align-self-center"> <div class="report-main-icon bg-light-alt"> <i data-feather="eye" class="align-self-center text-muted icon-md"></i> </div> </div> </div> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-lg-6"> <div class="card"> <div class="card-body report-card"> <div class="row d-flex justify-content-center"> <div class="col"> <p class="text-dark mb-1 font-weight-semibold">Comments</p> <h3 class="my-2 font-24 font-weight-bold">24k</h3> <p class="mb-0 text-truncate text-muted">👍 <span class="text-dark font-weight-semibold">854</span> New Like this week</p> </div> <div class="col-auto align-self-center"> <div class="report-main-icon bg-light-alt"> <i data-feather="message-square" class="align-self-center text-muted icon-md"></i> </div> </div> </div> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> </div><!--end row--> <div class="card"> <div class="card-body"> <img src="assets/images/widgets/1.jpg" alt="" class="img-fluid"> <div class="post-title mt-4"> <div class="row"> <div class="col"> <span class="badge badge-soft-primary">Natural</span> </div><!--end col--> <div class="col-auto"> <span class="text-muted"><i class="far fa-calendar mr-1"></i>02 July 2020</span> </div><!--end col--> </div><!--end row--> <h5 href="#" class="font-20 font-weight-bold d-block mt-3 mb-4">There is nothing more beautiful than nature.</h5> <span class="font-15 bg-light py-2 px-3 rounded">Taking pictures is savouring life intensely.</span> <p class="font-15 mt-4">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p> <blockquote class="blockquote border-left pl-4"> <p class="font-18"><i>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."</i></p> <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote> <p class="font-15">Taking pictures is savouring life intensely, every hundredth of a second – Marc Riboud. Joy in looking and comprehending is nature’s most beautiful gift.</p> <p class="font-15">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p> </div> </div> <div class="card-body pt-0"> <div class="row mb-3"> <div class="col"> <p class="text-dark font-weight-semibold title-border">Artical tags</p> </div> </div> <span class="badge badge-light px-3 py-2 font-weight-semibold">Music</span> <span class="badge badge-light px-3 py-2 font-weight-semibold">Animals</span> <span class="badge badge-light px-3 py-2 font-weight-semibold">Natural</span> <span class="badge badge-light px-3 py-2 font-weight-semibold">Food</span> <span class="badge badge-light px-3 py-2 font-weight-semibold">Fashion</span> <span class="badge badge-light px-3 py-2 font-weight-semibold">Helth</span> <span class="badge badge-light px-3 py-2 font-weight-semibold">Charity</span> </div> </div> <div class="card"> <div class="card-body"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold title-border">Comments (205)</p> </div><!--end col--> </div><!--end row--> </div><!--end card-body--> <div class="card-body border-bottom-dashed"> <ul class="list-unstyled mb-0"> <li> <div class="row"> <div class="col-auto"> <img src="assets/images/users/user-2.jpg" alt="" class="thumb-md rounded-circle"> </div><!--end col--> <div class="col"> <div class="comment-body ml-n3 bg-light-alt p-3"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold mb-2">Martin Luther</p> </div><!--end col--> <div class="col-auto"> <span class="text-muted"><i class="far fa-clock mr-1"></i>30 min ago</span> </div><!--end col--> </div><!--end row--> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p> <a href="#" class="text-primary"><i class="fas fa-reply mr-1"></i>Replay</a> </div> </div><!--end col--> </div><!--end row--> <ul class="list-unstyled ml-5"> <li> <div class="row mt-3"> <div class="col-auto"> <img src="assets/images/logo-sm.png" alt="" class="thumb-md rounded-circle"> </div><!--end col--> <div class="col"> <div class="comment-body ml-n3 bg-light-alt p-3"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold mb-2">Dastone Author</p> </div><!--end col--> <div class="col-auto"> <span class="text-muted"><i class="far fa-clock mr-1"></i>37 min ago</span> </div><!--end col--> </div><!--end row--> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p> <p class="mb-0">Thank you</p> </div> </div><!--end col--> </div><!--end row--> </li> </ul> </li> <li class="mt-3"> <div class="row"> <div class="col-auto"> <img src="assets/images/users/user-1.jpg" alt="" class="thumb-md rounded-circle"> </div><!--end col--> <div class="col"> <div class="comment-body ml-n3 bg-light-alt p-3"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold mb-2">Joseph Rust</p> </div><!--end col--> <div class="col-auto"> <span class="text-muted"><i class="far fa-clock mr-1"></i>40 min ago</span> </div><!--end col--> </div><!--end row--> <p>Is it a long established fact that a reader will be distracted by the readable content of a page when looking at its layout? </p> <a href="#" class="text-primary"><i class="fas fa-reply mr-1"></i>Replay</a> </div> </div><!--end col--> </div><!--end row--> </li> <li class="mt-3"> <div class="row"> <div class="col-auto"> <img src="assets/images/users/user-5.jpg" alt="" class="thumb-md rounded-circle"> </div><!--end col--> <div class="col"> <div class="comment-body ml-n3 bg-light-alt p-3"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold mb-2">Matt Rosales</p> </div><!--end col--> <div class="col-auto"> <span class="text-muted"><i class="far fa-clock mr-1"></i>40 min ago</span> </div><!--end col--> </div><!--end row--> <p>Is it a long established fact that a reader will be distracted by the readable content of a page when looking at its layout? </p> <a href="#" class="text-primary"><i class="fas fa-reply mr-1"></i>Replay</a> </div> </div><!--end col--> </div><!--end row--> <ul class="list-unstyled ml-5"> <li> <div class="row mt-3"> <div class="col-auto"> <img src="assets/images/logo-sm.png" alt="" class="thumb-md rounded-circle"> </div><!--end col--> <div class="col"> <div class="comment-body ml-n3 bg-light-alt p-3"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold mb-2">Dastone Author</p> </div><!--end col--> <div class="col-auto"> <span class="text-muted"><i class="far fa-clock mr-1"></i>37 min ago</span> </div><!--end col--> </div><!--end row--> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p> <p class="mb-0">Thank you</p> </div> </div><!--end col--> </div><!--end row--> </li> </ul> </li> </ul> </div><!--end card-body--> <div class="card-body"> <div class="row"> <div class="col"> <p class="text-dark font-weight-semibold title-border">Leave a comment</p> </div><!--end col--> </div><!--end row--> </div><!--end card-body--> <div class="card-body pt-0"> <form> <div class="form-group"> <textarea class="form-control" rows="5" id="leave_comment" placeholder="Message"></textarea> </div> <div class="row"> <div class="col-sm-12 text-right"> <button type="submit" class="btn btn-primary px-4">Send Message</button> </div> </div> </form> </div><!--end card-body--> </div> <!--end card--> </div><!--end col--> <div class="col-lg-3"> <div class="card"> <div class="card-header"> <div class="row align-items-center"> <div class="col"> <h4 class="card-title">Popular Posts</h4> </div><!--end col--> <div class="col-auto"> <div class="dropdown"> <a href="#" class="btn btn-sm btn-outline-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Today<i class="las la-angle-down ml-1"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#">Today</a> <a class="dropdown-item" href="#">Yesterday</a> <a class="dropdown-item" href="#">Last Week</a> </div> </div> </div><!--end col--> </div> <!--end row--> </div><!--end card-header--> <div class="card-body"> <ul class="list-group custom-list-group mb-n3"> <li class="list-group-item align-items-center d-flex justify-content-between"> <div class="media"> <img src="assets/images/small/img-2.jpg" height="40" class="mr-3 align-self-center rounded" alt="..."> <div class="media-body align-self-center"> <a href="#" class="m-0 d-block font-weight-semibold font-13">Dastone - Admin Dashboard</a> <a href="#" class="font-12 text-primary">analytic-index.html</a> </div><!--end media body--> </div> <div class="align-self-center"> <span class="text-muted mb-n2">20 June</span> </div> </li> <li class="list-group-item align-items-center d-flex justify-content-between"> <div class="media"> <img src="assets/images/small/img-1.jpg" height="40" class="mr-3 align-self-center rounded" alt="..."> <div class="media-body align-self-center"> <a href="#" class="m-0 d-block font-weight-semibold font-13">Metrica Simple- Admin Dashboard</a> <a href="#" class="font-12 text-primary">sales-index.html</a> </div><!--end media body--> </div> <div class="align-self-center"> <span class="text-muted mb-n2">18 june</span> </div> </li> <li class="list-group-item align-items-center d-flex justify-content-between"> <div class="media"> <img src="assets/images/small/img-4.jpg" height="40" class="mr-3 align-self-center rounded" alt="..."> <div class="media-body align-self-center"> <a href="#" class="m-0 d-block font-weight-semibold font-13">Crovex - Admin Dashboard</a> <a href="#" class="font-12 text-primary">helpdesk-index.html</a> </div><!--end media body--> </div> <div class="align-self-center"> <span class="text-muted mb-n2">15 june</span> </div> </li> <li class="list-group-item align-items-center d-flex justify-content-between"> <div class="media"> <img src="assets/images/small/img-5.jpg" height="40" class="mr-3 align-self-center rounded" alt="..."> <div class="media-body align-self-center"> <a href="#" class="m-0 d-block font-weight-semibold font-13">Annex - Admin Dashboard</a> <a href="#" class="font-12 text-primary">calendar.html</a> </div><!--end media body--> </div> <div class="align-self-center"> <span class="text-muted mb-n2">12 june</span> </div> </li> </ul> </div><!--end card-body--> </div><!--end card--> <div class="card"> <div class="card-body"> <div class="dash-datepick"> <input type="hidden" id="light_datepick"/> </div> </div><!--end card-body--> </div><!--end card--> <div class="card"> <div class="card-header"> <div class="row align-items-center"> <div class="col"> <h4 class="card-title">Social Profile</h4> </div><!--end col--> </div> <!--end row--> </div><!--end card-header--> <div class="card-body"> <div class="button-list btn-social-icon"> <button type="button" class="btn btn-soft-blue btn-icon-circle"> <i class="fab fa-facebook-f"></i> </button> <button type="button" class="btn btn-soft-info btn-icon-circle ml-2"> <i class="fab fa-twitter"></i> </button> <button type="button" class="btn btn-soft-pink btn-icon-circle ml-2"> <i class="fab fa-dribbble"></i> </button> <button type="button" class="btn btn-soft-info btn-icon-circle ml-2"> <i class="fab fa-linkedin-in"></i> </button> <button type="button" class="btn btn-soft-danger btn-icon-circle ml-2"> <i class="fab fa-google-plus-g"></i> </button> </div> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> </div><!--end row--> </div> <div class="tab-pane fade" id="Profile_Portfolio" role="tabpanel" aria-labelledby="portfolio_detail_tab"> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="ribbon4 rib4-primary"> <span class="ribbon4-band ribbon4-band-primary text-white text-center">50% off</span> </div><!--end ribbon--> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/dastyle.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Dastone - Admin & Dashboard Template</p> <p class="text-muted">Dastone is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/metrica.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Metrica - Admin & Dashboard Template</p> <p class="text-muted">Metrica is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> </div> <!--end row--> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/crovex.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Crovex - Admin & Dashboard Template</p> <p class="text-muted">Crovex is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/frogetor.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Frogetor - Admin & Dashboard Template</p> <p class="text-muted">Frogetor is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> </div> <!--end row--> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/metrica.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Metrica - Admin & Dashboard Template</p> <p class="text-muted">Metrica is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/dastyle.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Dastone - Admin & Dashboard Template</p> <p class="text-muted">Dastone is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> </div> <!--end row--> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/frogetor.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Frogetor - Admin & Dashboard Template</p> <p class="text-muted">Frogetor is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-auto"> <img src="assets/images/dashboards/crovex.jpg" alt="user" height="150" class="align-self-center mb-3 mb-lg-0"> </div><!--end col--> <div class="col align-self-center"> <p class="font-18 font-weight-semibold mb-2">Crovex - Admin & Dashboard Template</p> <p class="text-muted">Crovex is a Bootstrap 4 admin dashboard, It is fully responsive and included awesome features to help build web applications fast and easy. </p> <a href="#" class="btn btn-soft-primary btn-sm">Live Priview</a> <a href="#" class="btn btn-soft-primary btn-sm">Download Now</a> </div><!--end col--> </div> <!--end row--> </div><!--end card-body--> </div><!--end card--> </div><!--end col--> </div> <!--end row--> </div> <div class="tab-pane fade" id="Profile_Settings" role="tabpanel" aria-labelledby="settings_detail_tab"> <div class="row"> <div class="col-lg-6 col-xl-6"> <div class="card"> <div class="card-header"> <div class="row align-items-center"> <div class="col"> <h4 class="card-title">Personal Information</h4> </div><!--end col--> </div> <!--end row--> </div><!--end card-header--> <div class="card-body"> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">First Name</label> <div class="col-lg-9 col-xl-8"> <input class="form-control" type="text" value="Rosa"> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Last Name</label> <div class="col-lg-9 col-xl-8"> <input class="form-control" type="text" value="Dodson"> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Company Name</label> <div class="col-lg-9 col-xl-8"> <input class="form-control" type="text" value="MannatThemes"> <span class="form-text text-muted font-12">We'll never share your email with anyone else.</span> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Contact Phone</label> <div class="col-lg-9 col-xl-8"> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="las la-phone"></i></span></div> <input type="text" class="form-control" value="+123456789" placeholder="Phone" aria-describedby="basic-addon1"> </div> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Email Address</label> <div class="col-lg-9 col-xl-8"> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="las la-at"></i></span></div> <input type="text" class="form-control" value="rosa.dodson@demo.com" placeholder="Email" aria-describedby="basic-addon1"> </div> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Website Link</label> <div class="col-lg-9 col-xl-8"> <div class="input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="la la-globe"></i></span></div> <input type="text" class="form-control" value=" https://mannatthemes.com/" placeholder="Email" aria-describedby="basic-addon1"> </div> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">USA</label> <div class="col-lg-9 col-xl-8"> <select class="form-control"> <option>London</option> <option>India</option> <option>USA</option> <option>Canada</option> <option>Thailand</option> </select> </div> </div> <div class="form-group row"> <div class="col-lg-9 col-xl-8 offset-lg-3"> <button type="submit" class="btn btn-primary btn-sm">Submit</button> <button type="button" class="btn btn-danger btn-sm">Cancel</button> </div> </div> </div> </div> </div> <!--end col--> <div class="col-lg-6 col-xl-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Change Password</h4> </div><!--end card-header--> <div class="card-body"> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Current Password</label> <div class="col-lg-9 col-xl-8"> <input class="form-control" type="password" placeholder="Password"> <a href="#" class="text-primary font-12">Forgot password ?</a> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">New Password</label> <div class="col-lg-9 col-xl-8"> <input class="form-control" type="password" placeholder="New Password"> </div> </div> <div class="form-group row"> <label class="col-xl-3 col-lg-3 text-right mb-lg-0 align-self-center">Confirm Password</label> <div class="col-lg-9 col-xl-8"> <input class="form-control" type="password" placeholder="Re-Password"> <span class="form-text text-muted font-12">Never share your password.</span> </div> </div> <div class="form-group row"> <div class="col-lg-9 col-xl-8 offset-lg-3"> <button type="submit" class="btn btn-primary btn-sm">Change Password</button> <button type="button" class="btn btn-danger btn-sm">Cancel</button> </div> </div> </div><!--end card-body--> </div><!--end card--> <div class="card"> <div class="card-header"> <h4 class="card-title">Other Settings</h4> </div><!--end card-header--> <div class="card-body"> <div class="custom-control custom-switch switch-success mb-2"> <input type="checkbox" class="custom-control-input" id="customSwitchSuccess" checked> <label class="custom-control-label text-dark" for="customSwitchSuccess">Email Notifications</label> <span class="form-text text-muted font-12 mt-0">Do you need them?</span> </div> <div class="custom-control custom-switch switch-success"> <input type="checkbox" class="custom-control-input" id="customSwitchSuccess"> <label class="custom-control-label text-dark" for="customSwitchSuccess">API Access</label> <span class="form-text text-muted font-12 mt-0">Enable/Disable access</span> </div> </div><!--end card-body--> </div><!--end card--> </div> <!-- end col --> </div><!--end row--> </div> </div> </div> </div> </div><!-- container --> <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/leaflet/leaflet.js"></script> <script src="../plugins/lightpick/lightpick.js"></script> <script src="assets/pages/jquery.profile.init.js"></script> <!-- App js --> <script src="assets/js/app.js"></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