D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
guruglobalpreschool.com
/
admin
/
OLD-admin
/
Filename :
layouts-hori-scrollable.html
back
Copy
<!doctype html> <html lang="en"> <!-- Mirrored from themesbrand.com/minia/layouts/layouts-hori-scrollable.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 05 Jul 2021 10:25:56 GMT --> <head> <meta charset="utf-8" /> <title>Horizontal Layout | Minia - Minimal Admin & Dashboard Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" /> <meta content="Themesbrand" name="author" /> <!-- App favicon --> <link rel="shortcut icon" href="assets/images/favicon.ico"> <!-- plugin css --> <link href="assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> <!-- preloader css --> <link rel="stylesheet" href="assets/css/preloader.min.css" type="text/css" /> <!-- Bootstrap Css --> <link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" /> <!-- Icons Css --> <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" /> <!-- App Css--> <link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" /> </head> <body data-layout="horizontal" data-layout-scrollable="true"> <!-- Begin page --> <div id="layout-wrapper"> <header id="page-topbar"> <div class="navbar-header"> <div class="d-flex"> <!-- LOGO --> <div class="navbar-brand-box"> <a href="index.html" class="logo logo-dark"> <span class="logo-sm"> <img src="assets/images/logo-sm.svg" alt="" height="24"> </span> <span class="logo-lg"> <img src="assets/images/logo-sm.svg" alt="" height="24"> <span class="logo-txt">Minia</span> </span> </a> <a href="index.html" class="logo logo-light"> <span class="logo-sm"> <img src="assets/images/logo-sm.svg" alt="" height="24"> </span> <span class="logo-lg"> <img src="assets/images/logo-sm.svg" alt="" height="24"> <span class="logo-txt">Minia</span> </span> </a> </div> <button type="button" class="btn btn-sm px-3 font-size-16 d-lg-none header-item waves-effect waves-light" data-bs-toggle="collapse" data-bs-target="#topnav-menu-content"> <i class="fa fa-fw fa-bars"></i> </button> <!-- App Search--> <form class="app-search d-none d-lg-block"> <div class="position-relative"> <input type="text" class="form-control" placeholder="Search..."> <button class="btn btn-primary" type="button"><i class="bx bx-search-alt align-middle"></i></button> </div> </form> </div> <div class="d-flex"> <div class="dropdown d-inline-block d-lg-none ms-2"> <button type="button" class="btn header-item" id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i data-feather="search" class="icon-lg"></i> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-search-dropdown"> <form class="p-3"> <div class="form-group m-0"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search ..." aria-label="Search Result"> <button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button> </div> </div> </form> </div> </div> <div class="dropdown d-none d-sm-inline-block"> <button type="button" class="btn header-item" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img id="header-lang-img" src="assets/images/flags/us.jpg" alt="Header Language" height="16"> </button> <div class="dropdown-menu dropdown-menu-end"> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="en"> <img src="assets/images/flags/us.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">English</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="sp"> <img src="assets/images/flags/spain.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Spanish</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="gr"> <img src="assets/images/flags/germany.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">German</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="it"> <img src="assets/images/flags/italy.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Italian</span> </a> <!-- item--> <a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ru"> <img src="assets/images/flags/russia.jpg" alt="user-image" class="me-1" height="12"> <span class="align-middle">Russian</span> </a> </div> </div> <div class="dropdown d-none d-sm-inline-block"> <button type="button" class="btn header-item" id="mode-setting-btn"> <i data-feather="moon" class="icon-lg layout-mode-dark"></i> <i data-feather="sun" class="icon-lg layout-mode-light"></i> </button> </div> <div class="dropdown d-none d-lg-inline-block ms-1"> <button type="button" class="btn header-item" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i data-feather="grid" class="icon-lg"></i> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <div class="p-2"> <div class="row g-0"> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/github.png" alt="Github"> <span>GitHub</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/bitbucket.png" alt="bitbucket"> <span>Bitbucket</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/dribbble.png" alt="dribbble"> <span>Dribbble</span> </a> </div> </div> <div class="row g-0"> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/dropbox.png" alt="dropbox"> <span>Dropbox</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/mail_chimp.png" alt="mail_chimp"> <span>Mail Chimp</span> </a> </div> <div class="col"> <a class="dropdown-icon-item" href="#"> <img src="assets/images/brands/slack.png" alt="slack"> <span>Slack</span> </a> </div> </div> </div> </div> </div> <div class="dropdown d-inline-block"> <button type="button" class="btn header-item noti-icon position-relative" id="page-header-notifications-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i data-feather="bell" class="icon-lg"></i> <span class="badge bg-danger rounded-pill">5</span> </button> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-notifications-dropdown"> <div class="p-3"> <div class="row align-items-center"> <div class="col"> <h6 class="m-0"> Notifications </h6> </div> <div class="col-auto"> <a href="#!" class="small text-reset text-decoration-underline"> Unread (3)</a> </div> </div> </div> <div data-simplebar style="max-height: 230px;"> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <img src="assets/images/users/avatar-3.jpg" class="me-3 rounded-circle avatar-sm" alt="user-pic"> <div class="flex-grow-1"> <h6 class="mb-1">James Lemire</h6> <div class="font-size-13 text-muted"> <p class="mb-1">It will seem like simplified English.</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hours ago</span></p> </div> </div> </div> </a> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <div class="avatar-sm me-3"> <span class="avatar-title bg-primary rounded-circle font-size-16"> <i class="bx bx-cart"></i> </span> </div> <div class="flex-grow-1"> <h6 class="mb-1">Your order is placed</h6> <div class="font-size-13 text-muted"> <p class="mb-1">If several languages coalesce the grammar</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min ago</span></p> </div> </div> </div> </a> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <div class="avatar-sm me-3"> <span class="avatar-title bg-success rounded-circle font-size-16"> <i class="bx bx-badge-check"></i> </span> </div> <div class="flex-grow-1"> <h6 class="mb-1">Your item is shipped</h6> <div class="font-size-13 text-muted"> <p class="mb-1">If several languages coalesce the grammar</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>3 min ago</span></p> </div> </div> </div> </a> <a href="#!" class="text-reset notification-item"> <div class="d-flex"> <img src="assets/images/users/avatar-6.jpg" class="me-3 rounded-circle avatar-sm" alt="user-pic"> <div class="flex-grow-1"> <h6 class="mb-1">Salena Layfield</h6> <div class="font-size-13 text-muted"> <p class="mb-1">As a skeptical Cambridge friend of mine occidental.</p> <p class="mb-0"><i class="mdi mdi-clock-outline"></i> <span>1 hours ago</span></p> </div> </div> </div> </a> </div> <div class="p-2 border-top d-grid"> <a class="btn btn-sm btn-link font-size-14 text-center" href="javascript:void(0)"> <i class="mdi mdi-arrow-right-circle me-1"></i> <span>View More..</span> </a> </div> </div> </div> <div class="dropdown d-inline-block"> <button type="button" class="btn header-item right-bar-toggle me-2"> <i data-feather="settings" class="icon-lg"></i> </button> </div> <div class="dropdown d-inline-block"> <button type="button" class="btn header-item bg-soft-light border-start border-end" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-1.jpg" alt="Header Avatar"> <span class="d-none d-xl-inline-block ms-1 fw-medium">Shawn L.</span> <i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i> </button> <div class="dropdown-menu dropdown-menu-end"> <!-- item--> <a class="dropdown-item" href="apps-contacts-profile.html"><i class="mdi mdi-face-profile font-size-16 align-middle me-1"></i> Profile</a> <a class="dropdown-item" href="auth-lock-screen.html"><i class="mdi mdi-lock font-size-16 align-middle me-1"></i> Lock screen</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="auth-logout.html"><i class="mdi mdi-logout font-size-16 align-middle me-1"></i> Logout</a> </div> </div> </div> </div> </header> <div class="topnav"> <div class="container-fluid"> <nav class="navbar navbar-light navbar-expand-lg topnav-menu"> <div class="collapse navbar-collapse" id="topnav-menu-content"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle arrow-none" href="index.html" id="topnav-dashboard" role="button"> <i data-feather="home"></i><span data-key="t-dashboards">Dashboard</span> </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-uielement" role="button"> <i data-feather="briefcase"></i> <span data-key="t-components">Components</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu mega-dropdown-menu px-2 dropdown-mega-menu-xl" aria-labelledby="topnav-uielement"> <div class="ps-2 p-lg-0"> <div class="row"> <div class="col-lg-8"> <div> <div class="menu-title">Components</div> <div class="row g-0"> <div class="col-lg-5"> <div> <a href="ui-alerts.html" class="dropdown-item" data-key="t-alerts">Alerts</a> <a href="ui-buttons.html" class="dropdown-item" data-key="t-buttons">Buttons</a> <a href="ui-cards.html" class="dropdown-item" data-key="t-cards">Cards</a> <a href="ui-carousel.html" class="dropdown-item" data-key="t-carousel">Carousel</a> <a href="ui-dropdowns.html" class="dropdown-item" data-key="t-dropdowns">Dropdowns</a> <a href="ui-grid.html" class="dropdown-item" data-key="t-grid">Grid</a> <a href="ui-images.html" class="dropdown-item" data-key="t-images">Images</a> <a href="ui-modals.html" class="dropdown-item" data-key="t-modals">Modals</a> </div> </div> <div class="col-lg-5"> <div> <a href="ui-offcanvas.html" class="dropdown-item" data-key="t-offcanvas">Offcanvas</a> <a href="ui-progressbars.html" class="dropdown-item" data-key="t-progress-bars">Progress Bars</a> <a href="ui-tabs-accordions.html" class="dropdown-item" data-key="t-tabs-accordions">Tabs & Accordions</a> <a href="ui-typography.html" class="dropdown-item" data-key="t-typography">Typography</a> <a href="ui-video.html" class="dropdown-item" data-key="t-video">Video</a> <a href="ui-general.html" class="dropdown-item" data-key="t-general">General</a> <a href="ui-colors.html" class="dropdown-item" data-key="t-colors">Colors</a> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div> <div class="menu-title">Extended</div> <div> <a href="extended-lightbox.html" class="dropdown-item" data-key="t-lightbox">Lightbox</a> <a href="extended-rangeslider.html" class="dropdown-item" data-key="t-range-slider">Range Slider</a> <a href="extended-sweet-alert.html" class="dropdown-item" data-key="t-sweet-alert">SweetAlert 2</a> <a href="extended-session-timeout.html" class="dropdown-item" data-key="t-session-timeout">Session Timeout</a> <a href="extended-rating.html" class="dropdown-item" data-key="t-rating">Rating</a> <a href="extended-notifications.html" class="dropdown-item" data-key="t-notifications">Notifications</a> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button"> <i data-feather="grid"></i><span data-key="t-apps">Apps</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-pages"> <a href="apps-calendar.html" class="dropdown-item" data-key="t-calendar">Calendar</a> <a href="apps-chat.html" class="dropdown-item" data-key="t-chat">Chat</a> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-email" role="button"> <span data-key="t-email">Email</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-email"> <a href="apps-email-inbox.html" class="dropdown-item" data-key="t-inbox">Inbox</a> <a href="apps-email-read.html" class="dropdown-item" data-key="t-read-email">Read Email</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-invoice" role="button"> <span data-key="t-invoices">Invoices</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-invoice"> <a href="apps-invoices-list.html" class="dropdown-item" data-key="t-invoice-list">Invoice List</a> <a href="apps-invoices-detail.html" class="dropdown-item" data-key="t-invoice-detail">Invoice Detail</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-contact" role="button"> <span data-key="t-contacts">Contacts</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-contact"> <a href="apps-contacts-grid.html" class="dropdown-item" data-key="t-user-grid">User Grid</a> <a href="apps-contacts-list.html" class="dropdown-item" data-key="t-user-list">User List</a> <a href="apps-contacts-profile.html" class="dropdown-item" data-key="t-profile">Profile</a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-components" role="button"> <i data-feather="box"></i><span data-key="t-components">Components</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-components"> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-form" role="button"> <span data-key="t-forms">Forms</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-form"> <a href="form-elements.html" class="dropdown-item" data-key="t-form-elements">Basic Elements</a> <a href="form-validation.html" class="dropdown-item" data-key="t-form-validation">Validation</a> <a href="form-advanced.html" class="dropdown-item" data-key="t-form-advanced">Advanced Plugins</a> <a href="form-editors.html" class="dropdown-item" data-key="t-form-editors">Editors</a> <a href="form-uploads.html" class="dropdown-item" data-key="t-form-upload">File Upload</a> <a href="form-wizard.html" class="dropdown-item" data-key="t-form-wizard">Wizard</a> <a href="form-mask.html" class="dropdown-item" data-key="t-form-mask">Mask</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-table" role="button"> <span data-key="t-tables">Tables</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-table"> <a href="tables-basic.html" class="dropdown-item" data-key="t-basic-tables">Bootstrap Basic</a> <a href="tables-datatable.html" class="dropdown-item" data-key="t-data-tables">Data Tables</a> <a href="tables-responsive.html" class="dropdown-item" data-key="t-responsive-table">Responsive</a> <a href="tables-editable.html" class="dropdown-item" data-key="t-editable-table">Editable</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-charts" role="button"> <span data-key="t-charts">Charts</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-charts"> <a href="charts-apex.html" class="dropdown-item" data-key="t-apex-charts">Apex charts</a> <a href="charts-echart.html" class="dropdown-item" data-key="t-e-charts">E charts</a> <a href="charts-chartjs.html" class="dropdown-item" data-key="t-chartjs-charts">Chartjs</a> <a href="charts-knob.html" class="dropdown-item" data-key="t-knob-charts">Jquery Knob</a> <a href="charts-sparkline.html" class="dropdown-item" data-key="t-sparkline-charts">Sparkline</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-icons" role="button"> <span data-key="t-icons">Icons</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-icons"> <a href="icons-boxicons.html" class="dropdown-item" data-key="t-boxicons">Boxicons</a> <a href="icons-materialdesign.html" class="dropdown-item" data-key="t-material-design">Material Design</a> <a href="icons-dripicons.html" class="dropdown-item" data-key="t-dripicons">Dripicons</a> <a href="icons-fontawesome.html" class="dropdown-item" data-key="t-font-awesome">Font Awesome 5</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-map" role="button"> <span data-key="t-maps">Maps</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-map"> <a href="maps-google.html" class="dropdown-item" data-key="t-g-maps">Google</a> <a href="maps-vector.html" class="dropdown-item" data-key="t-v-maps">Vector</a> <a href="maps-leaflet.html" class="dropdown-item" data-key="t-l-maps">Leaflet</a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-more" role="button"> <i data-feather="file-text"></i><span data-key="t-extra-pages">Extra pages</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-more"> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button"> <span data-key="t-authentication">Authentication</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-auth"> <a href="auth-login.html" class="dropdown-item" data-key="t-login">Login</a> <a href="auth-register.html" class="dropdown-item" data-key="t-register">Register</a> <a href="auth-recoverpw.html" class="dropdown-item" data-key="t-recover-password">Recover Password</a> <a href="auth-lock-screen.html" class="dropdown-item" data-key="t-lock-screen">Lock Screen</a> <a href="auth-logout.html" class="dropdown-item" data-key="t-logout">Log Out</a> <a href="auth-confirm-mail.html" class="dropdown-item" data-key="t-confirm-mail">Confirm Mail</a> <a href="auth-email-verification.html" class="dropdown-item" data-key="t-email-verification">Email verification</a> <a href="auth-two-step-verification.html" class="dropdown-item" data-key="t-two-step-verification">Two step verification</a> </div> </div> <div class="dropdown"> <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-utility" role="button"> <span data-key="t-utility">Utility</span> <div class="arrow-down"></div> </a> <div class="dropdown-menu" aria-labelledby="topnav-utility"> <a href="pages-starter.html" class="dropdown-item" data-key="t-starter-page">Starter Page</a> <a href="pages-maintenance.html" class="dropdown-item" data-key="t-maintenance">Maintenance</a> <a href="pages-comingsoon.html" class="dropdown-item" data-key="t-coming-soon">Coming Soon</a> <a href="pages-timeline.html" class="dropdown-item" data-key="t-timeline">Timeline</a> <a href="pages-faqs.html" class="dropdown-item" data-key="t-faqs">FAQs</a> <a href="pages-pricing.html" class="dropdown-item" data-key="t-pricing">Pricing</a> <a href="pages-404.html" class="dropdown-item" data-key="t-error-404">Error 404</a> <a href="pages-500.html" class="dropdown-item" data-key="t-error-500">Error 500</a> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle arrow-none" href="layouts-hori-scrollable.html" role="button"> <i data-feather="layout"></i><span data-key="t-horizontal">Horizontal</span> </a> </li> </ul> </div> </nav> </div> </div> <!-- ============================================================== --> <!-- Start right Content here --> <!-- ============================================================== --> <div class="main-content"> <div class="page-content"> <div class="container-fluid"> <!-- start page title --> <div class="row"> <div class="col-12"> <div class="page-title-box d-sm-flex align-items-center justify-content-between"> <h4 class="mb-sm-0 font-size-18">Horizontal</h4> <div class="page-title-right"> <ol class="breadcrumb m-0"> <li class="breadcrumb-item"><a href="javascript: void(0);">Layouts</a></li> <li class="breadcrumb-item active">Horizontal</li> </ol> </div> </div> </div> </div> <!-- end page title --> <div class="row"> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-h-100"> <!-- card body --> <div class="card-body"> <div class="row align-items-center"> <div class="col-6"> <span class="text-muted mb-3 lh-1 d-block text-truncate">My Wallet</span> <h4 class="mb-3"> $<span class="counter-value" data-target="865.2">0</span>k </h4> </div> <div class="col-6"> <div id="mini-chart1" data-colors='["#5156be"]' class="apex-charts mb-2"></div> </div> </div> <div class="text-nowrap"> <span class="badge bg-soft-success text-success">+$20.9k</span> <span class="ms-1 text-muted font-size-13">Since last week</span> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-h-100"> <!-- card body --> <div class="card-body"> <div class="row align-items-center"> <div class="col-6"> <span class="text-muted mb-3 lh-1 d-block text-truncate">Number of Trades</span> <h4 class="mb-3"> <span class="counter-value" data-target="6258">0</span> </h4> </div> <div class="col-6"> <div id="mini-chart2" data-colors='["#5156be"]' class="apex-charts mb-2"></div> </div> </div> <div class="text-nowrap"> <span class="badge bg-soft-danger text-danger">-29 Trades</span> <span class="ms-1 text-muted font-size-13">Since last week</span> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col--> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-h-100"> <!-- card body --> <div class="card-body"> <div class="row align-items-center"> <div class="col-6"> <span class="text-muted mb-3 lh-1 d-block text-truncate">Invested Amount</span> <h4 class="mb-3"> $<span class="counter-value" data-target="4.32">0</span>M </h4> </div> <div class="col-6"> <div id="mini-chart3" data-colors='["#5156be"]' class="apex-charts mb-2"></div> </div> </div> <div class="text-nowrap"> <span class="badge bg-soft-success text-success">+ $2.8k</span> <span class="ms-1 text-muted font-size-13">Since last week</span> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-xl-3 col-md-6"> <!-- card --> <div class="card card-h-100"> <!-- card body --> <div class="card-body"> <div class="row align-items-center"> <div class="col-6"> <span class="text-muted mb-3 lh-1 d-block text-truncate">Profit Ration</span> <h4 class="mb-3"> <span class="counter-value" data-target="12.57">0</span>% </h4> </div> <div class="col-6"> <div id="mini-chart4" data-colors='["#5156be"]' class="apex-charts mb-2"></div> </div> </div> <div class="text-nowrap"> <span class="badge bg-soft-success text-success">+2.95%</span> <span class="ms-1 text-muted font-size-13">Since last week</span> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> </div><!-- end row--> <div class="row"> <div class="col-xl-5"> <!-- card --> <div class="card card-h-100"> <!-- card body --> <div class="card-body"> <div class="d-flex flex-wrap align-items-center mb-4"> <h5 class="card-title me-2">Wallet Balance</h5> <div class="ms-auto"> <div> <button type="button" class="btn btn-soft-secondary btn-sm"> ALL </button> <button type="button" class="btn btn-soft-primary btn-sm"> 1M </button> <button type="button" class="btn btn-soft-secondary btn-sm"> 6M </button> <button type="button" class="btn btn-soft-secondary btn-sm active"> 1Y </button> </div> </div> </div> <div class="row align-items-center"> <div class="col-sm"> <div id="wallet-balance" data-colors='["#777aca", "#5156be", "#a8aada"]' class="apex-charts"></div> </div> <div class="col-sm align-self-center"> <div class="mt-4 mt-sm-0"> <div> <p class="mb-2"><i class="mdi mdi-circle align-middle font-size-10 me-2 text-success"></i> Bitcoin</p> <h6>0.4412 BTC = <span class="text-muted font-size-14 fw-normal">$ 4025.32</span></h6> </div> <div class="mt-4 pt-2"> <p class="mb-2"><i class="mdi mdi-circle align-middle font-size-10 me-2 text-primary"></i> Ethereum</p> <h6>4.5701 ETH = <span class="text-muted font-size-14 fw-normal">$ 1123.64</span></h6> </div> <div class="mt-4 pt-2"> <p class="mb-2"><i class="mdi mdi-circle align-middle font-size-10 me-2 text-info"></i> Litecoin</p> <h6>35.3811 LTC = <span class="text-muted font-size-14 fw-normal">$ 2263.09</span></h6> </div> </div> </div> </div> </div> </div> <!-- end card --> </div> <!-- end col --> <div class="col-xl-7"> <div class="row"> <div class="col-xl-8"> <!-- card --> <div class="card card-h-100"> <!-- card body --> <div class="card-body"> <div class="d-flex flex-wrap align-items-center mb-4"> <h5 class="card-title me-2">Invested Overview</h5> <div class="ms-auto"> <select class="form-select form-select-sm"> <option value="MAY" selected="">May</option> <option value="AP">April</option> <option value="MA">March</option> <option value="FE">February</option> <option value="JA">January</option> <option value="DE">December</option> </select> </div> </div> <div class="row align-items-center"> <div class="col-sm"> <div id="invested-overview" data-colors='["#5156be", "#34c38f"]' class="apex-charts"></div> </div> <div class="col-sm align-self-center"> <div class="mt-4 mt-sm-0"> <p class="mb-1">Invested Amount</p> <h4>$ 6134.39</h4> <p class="text-muted mb-4"> + 0.0012.23 ( 0.2 % ) <i class="mdi mdi-arrow-up ms-1 text-success"></i></p> <div class="row g-0"> <div class="col-6"> <div> <p class="mb-2 text-muted text-uppercase font-size-11">Income</p> <h5 class="fw-medium">$ 2632.46</h5> </div> </div> <div class="col-6"> <div> <p class="mb-2 text-muted text-uppercase font-size-11">Expenses</p> <h5 class="fw-medium">-$ 924.38</h5> </div> </div> </div> <div class="mt-2"> <a href="#" class="btn btn-primary btn-sm">View more <i class="mdi mdi-arrow-right ms-1"></i></a> </div> </div> </div> </div> </div> </div> </div> <!-- end col --> <div class="col-xl-4"> <!-- card --> <div class="card bg-primary text-white shadow-primary card-h-100"> <!-- card body --> <div class="card-body p-0"> <div id="carouselExampleCaptions" class="carousel slide text-center widget-carousel" data-bs-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="text-center p-4"> <i class="mdi mdi-bitcoin widget-box-1-icon"></i> <div class="avatar-md m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-white font-size-24"> <i class="mdi mdi-currency-btc"></i> </span> </div> <h4 class="mt-3 lh-base fw-normal text-white"><b>Bitcoin</b> News</h4> <p class="text-white-50 font-size-13"> Bitcoin prices fell sharply amid the global sell-off in equities. Negative news over the past week has dampened sentiment for bitcoin. </p> <button type="button" class="btn btn-light btn-sm">View details <i class="mdi mdi-arrow-right ms-1"></i></button> </div> </div> <!-- end carousel-item --> <div class="carousel-item"> <div class="text-center p-4"> <i class="mdi mdi-ethereum widget-box-1-icon"></i> <div class="avatar-md m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-white font-size-24"> <i class="mdi mdi-ethereum"></i> </span> </div> <h4 class="mt-3 lh-base fw-normal text-white"><b>ETH</b> News</h4> <p class="text-white-50 font-size-13"> Bitcoin prices fell sharply amid the global sell-off in equities. Negative news over the past week has dampened sentiment for bitcoin. </p> <button type="button" class="btn btn-light btn-sm">View details <i class="mdi mdi-arrow-right ms-1"></i></button> </div> </div> <!-- end carousel-item --> <div class="carousel-item"> <div class="text-center p-4"> <i class="mdi mdi-litecoin widget-box-1-icon"></i> <div class="avatar-md m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-white font-size-24"> <i class="mdi mdi-litecoin"></i> </span> </div> <h4 class="mt-3 lh-base fw-normal text-white"><b>Litecoin</b> News</h4> <p class="text-white-50 font-size-13"> Bitcoin prices fell sharply amid the global sell-off in equities. Negative news over the past week has dampened sentiment for bitcoin. </p> <button type="button" class="btn btn-light btn-sm">View details <i class="mdi mdi-arrow-right ms-1"></i></button> </div> </div> <!-- end carousel-item --> </div> <!-- end carousel-inner --> <div class="carousel-indicators carousel-indicators-rounded"> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button> </div> <!-- end carousel-indicators --> </div> <!-- end carousel --> </div> <!-- end card body --> </div> <!-- end card --> </div> <!-- end col --> </div> <!-- end row --> </div> <!-- end col --> </div> <!-- end row--> <div class="row"> <div class="col-xl-8"> <!-- card --> <div class="card"> <!-- card body --> <div class="card-body"> <div class="d-flex flex-wrap align-items-center mb-4"> <h5 class="card-title me-2">Market Overview</h5> <div class="ms-auto"> <div> <button type="button" class="btn btn-soft-primary btn-sm"> ALL </button> <button type="button" class="btn btn-soft-secondary btn-sm"> 1M </button> <button type="button" class="btn btn-soft-secondary btn-sm"> 6M </button> <button type="button" class="btn btn-soft-secondary btn-sm active"> 1Y </button> </div> </div> </div> <div class="row align-items-center"> <div class="col-xl-8"> <div> <div id="market-overview" data-colors='["#5156be", "#34c38f"]' class="apex-charts"></div> </div> </div> <div class="col-xl-4"> <div class="p-4"> <div class="mt-0"> <div class="d-flex align-items-center"> <div class="avatar-sm m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-dark font-size-16"> 1 </span> </div> <div class="flex-grow-1 ms-3"> <span class="font-size-16">Coinmarketcap</span> </div> <div class="flex-shrink-0"> <span class="badge rounded-pill badge-soft-success font-size-12 fw-medium">+2.5%</span> </div> </div> </div> <div class="mt-3"> <div class="d-flex align-items-center"> <div class="avatar-sm m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-dark font-size-16"> 2 </span> </div> <div class="flex-grow-1 ms-3"> <span class="font-size-16">Binance</span> </div> <div class="flex-shrink-0"> <span class="badge rounded-pill badge-soft-success font-size-12 fw-medium">+8.3%</span> </div> </div> </div> <div class="mt-3"> <div class="d-flex align-items-center"> <div class="avatar-sm m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-dark font-size-16"> 3 </span> </div> <div class="flex-grow-1 ms-3"> <span class="font-size-16">Coinbase</span> </div> <div class="flex-shrink-0"> <span class="badge rounded-pill badge-soft-danger font-size-12 fw-medium">-3.6%</span> </div> </div> </div> <div class="mt-3"> <div class="d-flex align-items-center"> <div class="avatar-sm m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-dark font-size-16"> 4 </span> </div> <div class="flex-grow-1 ms-3"> <span class="font-size-16">Yobit</span> </div> <div class="flex-shrink-0"> <span class="badge rounded-pill badge-soft-success font-size-12 fw-medium">+7.1%</span> </div> </div> </div> <div class="mt-3"> <div class="d-flex align-items-center"> <div class="avatar-sm m-auto"> <span class="avatar-title rounded-circle bg-soft-light text-dark font-size-16"> 5 </span> </div> <div class="flex-grow-1 ms-3"> <span class="font-size-16">Bitfinex</span> </div> <div class="flex-shrink-0"> <span class="badge rounded-pill badge-soft-danger font-size-12 fw-medium">-0.9%</span> </div> </div> </div> <div class="mt-4 pt-2"> <a href="#" class="btn btn-primary w-100">See All Balances <i class="mdi mdi-arrow-right ms-1"></i></a> </div> </div> </div> </div> </div> <!-- end card --> </div> <!-- end col --> </div> <!-- end row--> <div class="col-xl-4"> <!-- card --> <div class="card"> <!-- card body --> <div class="card-body"> <div class="d-flex flex-wrap align-items-center mb-4"> <h5 class="card-title me-2">Sales by Locations</h5> <div class="ms-auto"> <div class="dropdown"> <a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="text-muted font-size-12">Sort By:</span> <span class="fw-medium">World<i class="mdi mdi-chevron-down ms-1"></i></span> </a> <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1"> <a class="dropdown-item" href="#">USA</a> <a class="dropdown-item" href="#">Russia</a> <a class="dropdown-item" href="#">Australia</a> </div> </div> </div> </div> <div id="sales-by-locations" data-colors='["#5156be"]' style="height: 250px"></div> <div class="px-2 py-2"> <p class="mb-1">USA <span class="float-end">75%</span></p> <div class="progress mt-2" style="height: 6px;"> <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="75"> </div> </div> <p class="mt-3 mb-1">Russia <span class="float-end">55%</span></p> <div class="progress mt-2" style="height: 6px;"> <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="55"> </div> </div> <p class="mt-3 mb-1">Australia <span class="float-end">85%</span></p> <div class="progress mt-2" style="height: 6px;"> <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="85"> </div> </div> </div> </div> <!-- end card body --> </div> <!-- end card --> </div> <!-- end col --> </div> <!-- end row--> <div class="row"> <div class="col-xl-4"> <div class="card"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Trading</h4> <div class="flex-shrink-0"> <ul class="nav nav-tabs-custom card-header-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#buy-tab" role="tab">Buy</a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#sell-tab" role="tab">Sell</a> </li> </ul> </div> </div><!-- end card header --> <div class="card-body"> <div class="tab-content"> <div class="tab-pane active" id="buy-tab" role="tabpanel"> <div class="float-end ms-2"> <h5 class="font-size-14"><i class="bx bx-wallet text-primary font-size-16 align-middle me-1"></i> <a href="#!" class="text-reset text-decoration-underline">$4335.23</a></h5> </div> <h5 class="font-size-14 mb-4">Buy Coins</h5> <div> <div class="form-group mb-3"> <label>Payment method :</label> <select class="form-select"> <option>Direct Bank Payment</option> <option>Credit / Debit Card</option> <option>Paypal</option> <option>Payoneer</option> <option>Stripe</option> </select> </div> <div> <label>Add Amount :</label> <div class="input-group mb-3"> <label class="input-group-text">Amount</label> <select class="form-select" style="max-width: 90px;"> <option value="BT" selected>BTC</option> <option value="ET">ETH</option> <option value="LT">LTC</option> </select> <input type="text" class="form-control" placeholder="0.00121255"> </div> <div class="input-group mb-3"> <label class="input-group-text">Price</label> <input type="text" class="form-control" placeholder="$58,245"> <label class="input-group-text">$</label> </div> <div class="input-group mb-3"> <label class="input-group-text">Total</label> <input type="text" class="form-control" placeholder="$36,854.25"> </div> </div> <div class="text-center"> <button type="button" class="btn btn-success w-md">Buy Coin</button> </div> </div> </div> <!-- end tab pane --> <div class="tab-pane" id="sell-tab" role="tabpanel"> <div class="float-end ms-2"> <h5 class="font-size-14"><i class="bx bx-wallet text-primary font-size-16 align-middle me-1"></i> <a href="#!" class="text-reset text-decoration-underline">$4235.23</a></h5> </div> <h5 class="font-size-14 mb-4">Sell Coins</h5> <div> <div class="form-group mb-3"> <label>Wallet ID :</label> <input type="email" class="form-control" placeholder="1cvb254ugxvfcd280ki"> </div> <div> <label>Add Amount :</label> <div class="input-group mb-3"> <label class="input-group-text">Amount</label> <select class="form-select" style="max-width: 90px;"> <option value="BT" selected>BTC</option> <option value="ET">ETH</option> <option value="LT">LTC</option> </select> <input type="text" class="form-control" placeholder="0.00121255"> </div> <div class="input-group mb-3"> <label class="input-group-text">Price</label> <input type="text" class="form-control" placeholder="$23,754.25"> <label class="input-group-text">$</label> </div> <div class="input-group mb-3"> <label class="input-group-text">Total</label> <input type="text" class="form-control" placeholder="$6,852.41"> </div> </div> <div class="text-center"> <button type="button" class="btn btn-danger w-md">Sell Coin</button> </div> </div> </div> <!-- end tab pane --> </div> <!-- end tab content --> </div> <!-- end card body --> </div> <!-- end card --> </div> <!-- end col --> <div class="col-xl-4"> <div class="card"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Transactions</h4> <div class="flex-shrink-0"> <ul class="nav justify-content-end nav-tabs-custom rounded card-header-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#transactions-all-tab" role="tab"> All </a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#transactions-buy-tab" role="tab"> Buy </a> </li> <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#transactions-sell-tab" role="tab"> Sell </a> </li> </ul> <!-- end nav tabs --> </div> </div><!-- end card header --> <div class="card-body px-0"> <div class="tab-content"> <div class="tab-pane active" id="transactions-all-tab" role="tabpanel"> <div class="table-responsive px-3" data-simplebar style="max-height: 352px;"> <table class="table align-middle table-nowrap table-borderless"> <tbody> <tr> <td style="width: 50px;"> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy BTC</h5> <p class="text-muted mb-0 font-size-12">14 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.016 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$125.20</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell ETH</h5> <p class="text-muted mb-0 font-size-12">15 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.56 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$112.34</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy LTC</h5> <p class="text-muted mb-0 font-size-12">16 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">1.88 LTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$94.22</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy ETH</h5> <p class="text-muted mb-0 font-size-12">17 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.42 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$84.32</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell BTC</h5> <p class="text-muted mb-0 font-size-12">18 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.018 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$145.80</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td style="width: 50px;"> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy BTC</h5> <p class="text-muted mb-0 font-size-12">14 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.016 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$125.20</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell ETH</h5> <p class="text-muted mb-0 font-size-12">15 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.56 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$112.34</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> </tbody> </table> </div> </div> <!-- end tab pane --> <div class="tab-pane" id="transactions-buy-tab" role="tabpanel"> <div class="table-responsive px-3" data-simplebar style="max-height: 352px;"> <table class="table align-middle table-nowrap table-borderless"> <tbody> <tr> <td style="width: 50px;"> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy BTC</h5> <p class="text-muted mb-0 font-size-12">14 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.016 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$125.20</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy BTC</h5> <p class="text-muted mb-0 font-size-12">18 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.018 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$145.80</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy LTC</h5> <p class="text-muted mb-0 font-size-12">16 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">1.88 LTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$94.22</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy ETH</h5> <p class="text-muted mb-0 font-size-12">15 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.56 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$112.34</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy ETH</h5> <p class="text-muted mb-0 font-size-12">17 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.42 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$84.32</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy ETH</h5> <p class="text-muted mb-0 font-size-12">15 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.56 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$112.34</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td style="width: 50px;"> <div class="font-size-22 text-success"> <i class="bx bx-down-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Buy BTC</h5> <p class="text-muted mb-0 font-size-12">14 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.016 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$125.20</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> </tbody> </table> </div> </div> <!-- end tab pane --> <div class="tab-pane" id="transactions-sell-tab" role="tabpanel"> <div class="table-responsive px-3" data-simplebar style="max-height: 352px;"> <table class="table align-middle table-nowrap table-borderless"> <tbody> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell ETH</h5> <p class="text-muted mb-0 font-size-12">15 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.56 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$112.34</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td style="width: 50px;"> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell BTC</h5> <p class="text-muted mb-0 font-size-12">14 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.016 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$125.20</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell BTC</h5> <p class="text-muted mb-0 font-size-12">18 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.018 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$145.80</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell ETH</h5> <p class="text-muted mb-0 font-size-12">15 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.56 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$112.34</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell LTC</h5> <p class="text-muted mb-0 font-size-12">16 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">1.88 LTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$94.22</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell ETH</h5> <p class="text-muted mb-0 font-size-12">17 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.42 ETH</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$84.32</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> <tr> <td style="width: 50px;"> <div class="font-size-22 text-danger"> <i class="bx bx-up-arrow-circle d-block"></i> </div> </td> <td> <div> <h5 class="font-size-14 mb-1">Sell BTC</h5> <p class="text-muted mb-0 font-size-12">14 Mar, 2021</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 mb-0">0.016 BTC</h5> <p class="text-muted mb-0 font-size-12">Coin Value</p> </div> </td> <td> <div class="text-end"> <h5 class="font-size-14 text-muted mb-0">$125.20</h5> <p class="text-muted mb-0 font-size-12">Amount</p> </div> </td> </tr> </tbody> </table> </div> </div> <!-- end tab pane --> </div> <!-- end tab content --> </div> <!-- end card body --> </div> <!-- end card --> </div> <!-- end col --> <div class="col-xl-4"> <div class="card"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Recent Activity</h4> <div class="flex-shrink-0"> <select class="form-select form-select-sm mb-0 my-n1"> <option value="Today" selected="">Today</option> <option value="Yesterday">Yesterday</option> <option value="Week">Last Week</option> <option value="Month">Last Month</option> </select> </div> </div><!-- end card header --> <div class="card-body px-0"> <div class="px-3" data-simplebar style="max-height: 352px;"> <ul class="list-unstyled activity-wid mb-0"> <li class="activity-list activity-border"> <div class="activity-icon avatar-md"> <span class="avatar-title bg-soft-warning text-warning rounded-circle"> <i class="bx bx-bitcoin font-size-24"></i> </span> </div> <div class="timeline-list-item"> <div class="d-flex"> <div class="flex-grow-1 overflow-hidden me-4"> <h5 class="font-size-14 mb-1">24/05/2021, 18:24:56</h5> <p class="text-truncate text-muted font-size-13">0xb77ad0099e21d4fca87fa4ca92dda1a40af9e05d205e53f38bf026196fa2e431</p> </div> <div class="flex-shrink-0 text-end me-3"> <h6 class="mb-1">+0.5 BTC</h6> <div class="font-size-13">$178.53</div> </div> <div class="flex-shrink-0 text-end"> <div class="dropdown"> <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </div> </div> </div> </div> </li> <li class="activity-list activity-border"> <div class="activity-icon avatar-md"> <span class="avatar-title bg-soft-primary text-primary rounded-circle"> <i class="mdi mdi-ethereum font-size-24"></i> </span> </div> <div class="timeline-list-item"> <div class="d-flex"> <div class="flex-grow-1 overflow-hidden me-4"> <h5 class="font-size-14 mb-1">24/05/2021, 18:24:56</h5> <p class="text-truncate text-muted font-size-13">0xb77ad0099e21d4fca87fa4ca92dda1a40af9e05d205e53f38bf026196fa2e431</p> </div> <div class="flex-shrink-0 text-end me-3"> <h6 class="mb-1">-20.5 ETH</h6> <div class="font-size-13">$3541.45</div> </div> <div class="flex-shrink-0 text-end"> <div class="dropdown"> <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </div> </div> </div> </div> </li> <li class="activity-list activity-border"> <div class="activity-icon avatar-md"> <span class="avatar-title bg-soft-warning text-warning rounded-circle"> <i class="bx bx-bitcoin font-size-24"></i> </span> </div> <div class="timeline-list-item"> <div class="d-flex"> <div class="flex-grow-1 overflow-hidden me-4"> <h5 class="font-size-14 mb-1">24/05/2021, 18:24:56</h5> <p class="text-truncate text-muted font-size-13">0xb77ad0099e21d4fca87fa4ca92dda1a40af9e05d205e53f38bf026196fa2e431</p> </div> <div class="flex-shrink-0 text-end me-3"> <h6 class="mb-1">+0.5 BTC</h6> <div class="font-size-13">$5791.45</div> </div> <div class="flex-shrink-0 text-end"> <div class="dropdown"> <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </div> </div> </div> </div> </li> <li class="activity-list activity-border"> <div class="activity-icon avatar-md"> <span class="avatar-title bg-soft-primary text-primary rounded-circle"> <i class="mdi mdi-litecoin font-size-24"></i> </span> </div> <div class="timeline-list-item"> <div class="d-flex"> <div class="flex-grow-1 overflow-hidden me-4"> <h5 class="font-size-14 mb-1">24/05/2021, 18:24:56</h5> <p class="text-truncate text-muted font-size-13">0xb77ad0099e21d4fca87fa4ca92dda1a40af9e05d205e53f38bf026196fa2e431</p> </div> <div class="flex-shrink-0 text-end me-3"> <h6 class="mb-1">-1.5 LTC</h6> <div class="font-size-13">$5791.45</div> </div> <div class="flex-shrink-0 text-end"> <div class="dropdown"> <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </div> </div> </div> </div> </li> <li class="activity-list activity-border"> <div class="activity-icon avatar-md"> <span class="avatar-title bg-soft-warning text-warning rounded-circle"> <i class="bx bx-bitcoin font-size-24"></i> </span> </div> <div class="timeline-list-item"> <div class="d-flex"> <div class="flex-grow-1 overflow-hidden me-4"> <h5 class="font-size-14 mb-1">24/05/2021, 18:24:56</h5> <p class="text-truncate text-muted font-size-13">0xb77ad0099e21d4fca87fa4ca92dda1a40af9e05d205e53f38bf026196fa2e431</p> </div> <div class="flex-shrink-0 text-end me-3"> <h6 class="mb-1">+0.5 BTC</h6> <div class="font-size-13">$5791.45</div> </div> <div class="flex-shrink-0 text-end"> <div class="dropdown"> <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </div> </div> </div> </div> </li> <li class="activity-list"> <div class="activity-icon avatar-md"> <span class="avatar-title bg-soft-primary text-primary rounded-circle"> <i class="mdi mdi-litecoin font-size-24"></i> </span> </div> <div class="timeline-list-item"> <div class="d-flex"> <div class="flex-grow-1 overflow-hidden me-4"> <h5 class="font-size-14 mb-1">24/05/2021, 18:24:56</h5> <p class="text-truncate text-muted font-size-13">0xb77ad0099e21d4fca87fa4ca92dda1a40af9e05d205e53f38bf026196fa2e431</p> </div> <div class="flex-shrink-0 text-end me-3"> <h6 class="mb-1">+.55 LTC</h6> <div class="font-size-13">$91.45</div> </div> <div class="flex-shrink-0 text-end"> <div class="dropdown"> <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true"> <i class="mdi mdi-dots-vertical"></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </div> </div> </div> </div> </li> </ul> </div> </div> <!-- end card body --> </div> <!-- end card --> </div> <!-- end col --> </div><!-- end row --> </div> <!-- container-fluid --> </div> <!-- End Page-content --> <footer class="footer"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <script>document.write(new Date().getFullYear())</script> © Minia. </div> <div class="col-sm-6"> <div class="text-sm-end d-none d-sm-block"> Design & Develop by <a href="#!" class="text-decoration-underline">Themesbrand</a> </div> </div> </div> </div> </footer> </div> <!-- end main content--> </div> <!-- END layout-wrapper --> <!-- Right Sidebar --> <div class="right-bar"> <div data-simplebar class="h-100"> <div class="rightbar-title d-flex align-items-center bg-dark p-3"> <h5 class="m-0 me-2 text-white">Theme Customizer</h5> <a href="javascript:void(0);" class="right-bar-toggle ms-auto"> <i class="mdi mdi-close noti-icon"></i> </a> </div> <!-- Settings --> <hr class="m-0" /> <div class="p-4"> <h6 class="mb-3">Layout</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout" id="layout-vertical" value="vertical"> <label class="form-check-label" for="layout-vertical">Vertical</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout" id="layout-horizontal" value="horizontal"> <label class="form-check-label" for="layout-horizontal">Horizontal</label> </div> <h6 class="mt-4 mb-3 pt-2">Layout Mode</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-mode" id="layout-mode-light" value="light"> <label class="form-check-label" for="layout-mode-light">Light</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-mode" id="layout-mode-dark" value="dark"> <label class="form-check-label" for="layout-mode-dark">Dark</label> </div> <h6 class="mt-4 mb-3 pt-2">Layout Width</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-width" id="layout-width-fuild" value="fuild" onchange="document.body.setAttribute('data-layout-size', 'fluid')"> <label class="form-check-label" for="layout-width-fuild">Fluid</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-width" id="layout-width-boxed" value="boxed" onchange="document.body.setAttribute('data-layout-size', 'boxed')"> <label class="form-check-label" for="layout-width-boxed">Boxed</label> </div> <h6 class="mt-4 mb-3 pt-2">Layout Position</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-position" id="layout-position-fixed" value="fixed" onchange="document.body.setAttribute('data-layout-scrollable', 'false')"> <label class="form-check-label" for="layout-position-fixed">Fixed</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-position" id="layout-position-scrollable" value="scrollable" onchange="document.body.setAttribute('data-layout-scrollable', 'true')"> <label class="form-check-label" for="layout-position-scrollable">Scrollable</label> </div> <h6 class="mt-4 mb-3 pt-2">Topbar Color</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="topbar-color" id="topbar-color-light" value="light" onchange="document.body.setAttribute('data-topbar', 'light')"> <label class="form-check-label" for="topbar-color-light">Light</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="topbar-color" id="topbar-color-dark" value="dark" onchange="document.body.setAttribute('data-topbar', 'dark')"> <label class="form-check-label" for="topbar-color-dark">Dark</label> </div> <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Size</h6> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-default" value="default" onchange="document.body.setAttribute('data-sidebar-size', 'lg')"> <label class="form-check-label" for="sidebar-size-default">Default</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-compact" value="compact" onchange="document.body.setAttribute('data-sidebar-size', 'md')"> <label class="form-check-label" for="sidebar-size-compact">Compact</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-size" id="sidebar-size-small" value="small" onchange="document.body.setAttribute('data-sidebar-size', 'sm')"> <label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label> </div> <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Color</h6> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-light" value="light" onchange="document.body.setAttribute('data-sidebar', 'light')"> <label class="form-check-label" for="sidebar-color-light">Light</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-dark" value="dark" onchange="document.body.setAttribute('data-sidebar', 'dark')"> <label class="form-check-label" for="sidebar-color-dark">Dark</label> </div> <div class="form-check sidebar-setting"> <input class="form-check-input" type="radio" name="sidebar-color" id="sidebar-color-brand" value="brand" onchange="document.body.setAttribute('data-sidebar', 'brand')"> <label class="form-check-label" for="sidebar-color-brand">Brand</label> </div> <h6 class="mt-4 mb-3 pt-2">Direction</h6> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-direction" id="layout-direction-ltr" value="ltr"> <label class="form-check-label" for="layout-direction-ltr">LTR</label> </div> <div class="form-check form-check-inline"> <input class="form-check-input" type="radio" name="layout-direction" id="layout-direction-rtl" value="rtl"> <label class="form-check-label" for="layout-direction-rtl">RTL</label> </div> </div> </div> <!-- end slimscroll-menu--> </div> <!-- /Right-bar --> <!-- Right bar overlay--> <div class="rightbar-overlay"></div> <!-- JAVASCRIPT --> <script src="assets/libs/jquery/jquery.min.js"></script> <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/libs/metismenu/metisMenu.min.js"></script> <script src="assets/libs/simplebar/simplebar.min.js"></script> <script src="assets/libs/node-waves/waves.min.js"></script> <script src="assets/libs/feather-icons/feather.min.js"></script> <!-- pace js --> <script src="assets/libs/pace-js/pace.min.js"></script> <!-- apexcharts --> <script src="assets/libs/apexcharts/apexcharts.min.js"></script> <!-- Plugins js--> <script src="assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script> <script src="assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script> <!-- dashboard init --> <script src="assets/js/pages/dashboard.init.js"></script> <script src="assets/js/app.js"></script> </body> <!-- Mirrored from themesbrand.com/minia/layouts/layouts-hori-scrollable.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 05 Jul 2021 10:25:56 GMT --> </html>