HTML5金融股票投资数据分析后台管理响应式网站模板资源-CSDN文库

共45个文件

js：16个

html：8个

svg：4个

HTML5

金融分析平台

需积分: 50 151 浏览量 2018-12-13 23:55:45 上传评论 3 收藏 1.67MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5金融股票投资数据分析后台管理响应式网站模板.rar （45个子文件）

HTML5金融股票投资数据分析后台管理响应式网站模板

index.html 36KB

reports.html 28KB

profile.html 26KB

assets

webfonts

fa-solid-900.woff 85KB

fa-solid-900.woff2 66KB

fa-regular-400.svg 139KB

fa-brands-400.eot 116KB

fa-brands-400.woff2 64KB

fa-solid-900.eot 176KB

fa-solid-900.ttf 176KB

fa-regular-400.ttf 39KB

fa-regular-400.eot 40KB

fa-brands-400.ttf 116KB

fa-regular-400.woff2 15KB

fa-solid-900.svg 665KB

fa-brands-400.woff 75KB

fa-brands-400.svg 633KB

fa-regular-400.woff 18KB

images

crypto-logo.png 660B

avatar-demo.png 31KB

crypto-logo.svg 464B

partials

switcher.js 4KB

notification-sidenav.js 2KB

pages

profile.js 2KB

reports.js 19KB

index.js 12KB

wallet.js 8KB

forgot-password.js 166B

material-components-web.js 968KB

material-components-web.min.js 353KB

layout

toolbar.js 4KB

pace.min.js 12KB

marquee3k.js 4KB

apexcharts.min.js 415KB

pace.js 26KB

css

night-gold-orange.css 471KB

light-purple-red.css 471KB

elements.html 45KB

wallet.html 35KB

forgot-password.html 2KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Material Design HTML Template-SHARED ON BOOTSTRAPMB.COM</title> <base href="">  <link href="https://fonts.googleapis.com/icon?family=Material+Icons%7CPlayfair+Display:400,400i,700%7CRoboto+Condensed:400,700" rel="stylesheet">  <link id="crypto-stylesheet" rel="stylesheet" href="assets/css/night-gold-orange.css">  </head> <body class="mdc-typography pace-on mdc-theme--background crypro-theme-gradient"> <div class="crypto-loader"></div> <div class="crypto-wrapper"> <div class="crypto-sidenav"> <nav class="crypto-navigation"> <a href="index.html" class="crypto-navigation__logo">   <svg height="40" viewBox="0 0 40 40" width="40" xmlns="http://www.w3.org/2000/svg"> <g fill-rule="nonzero" transform="translate(22 22)"> <path d="m0 3.64v14.26c9.44-.94 16.96-8.46 17.9-17.9h-14.26c-.62 1.7-1.94 3.02-3.64 3.64z" fill="var(--mdc-theme-primary-800)" /> <path d="m-22-2c0 10.38 7.9 18.9 18 19.9v-14.26c-2.32-.84-4-3.04-4-5.64s1.68-4.8 4-5.64v-14.26c-10.1 1-18 9.52-18 19.9z" fill="var(--mdc-theme-primary-200)"/> <path d="m3.64-4h14.26c-.94-9.44-8.46-16.96-17.9-17.9v14.26c1.7.62 3.02 1.94 3.64 3.64z" fill="var(--mdc-theme-primary-600)"/> </g> </svg> </a> <ul class="crypto-navigation__list"> <li class="crypto-navigation__list-item mdc-ripple-surface "> <a href="#"> <i class="material-icons crypto-navigation__list-item__icon" aria-hidden="true">timeline</i> <span class="crypto-navigation__list-item__label mdc-theme--on-surface mdc-typography--overline"> Dashboard </span> </a> </li> <li class="crypto-navigation__list-item mdc-ripple-surface "> <a href="wallet.html"> <i class="material-icons crypto-navigation__list-item__icon" aria-hidden="true">account_balance_wallet</i> <span class="crypto-navigation__list-item__badge">2</span> <span class="crypto-navigation__list-item__label mdc-theme--on-surface mdc-typography--overline"> Wallet </span> </a> </li> <li class="crypto-navigation__list-item mdc-ripple-surface "> <a href="reports.html"> <i class="material-icons crypto-navigation__list-item__icon" aria-hidden="true">bar_chart</i> <span class="crypto-navigation__list-item__label mdc-theme--on-surface mdc-typography--overline"> Reports </span> </a> </li> <li class="crypto-navigation__list-item mdc-ripple-surface "> <a href="profile.html"> <i class="material-icons crypto-navigation__list-item__icon" aria-hidden="true">person</i> <span class="crypto-navigation__list-item__label mdc-theme--on-surface mdc-typography--overline"> Profile </span> </a> </li> <li class="crypto-navigation__list-item mdc-ripple-surface "> <a href="elements.html"> <i class="material-icons crypto-navigation__list-item__icon" aria-hidden="true">category</i> <span class="crypto-navigation__list-item__label mdc-theme--on-surface mdc-typography--overline"> UI Elements </span> </a> </li> <li class="crypto-navigation__list-item mdc-ripple-surface "> <a href="login.html"> <i class="material-icons crypto-navigation__list-item__icon" aria-hidden="true">power_settings_new</i> <span class="crypto-navigation__list-item__label mdc-theme--on-surface mdc-typography--overline"> Logout </span> </a> </li> </ul> </nav> </div> <main class="crypto-main"> <div class="crypto-main__content mdc-theme--text-primary-on-background"> <div class="mdc-layout-grid mdc-layout-grid--demo"> <div class="mdc-layout-grid__inner"> <div class="mdc-layout-grid__cell--span-1-desktop"></div> <div class="mdc-layout-grid__cell--span-10-desktop mdc-layout-grid__cell--span-8-tablet mdc-layout-grid__cell--span-4-phone"> <div class="crypto-widget crypto-widget--margin-bottom"> <h2 class="crypto-widget__heading crypto-widget__heading--fullwidth mdc-typography--headline6 mdc-theme--primary"> <span class="crypto-widget__heading-text">Buttons</span> <span class="crypto-widget__heading-border"></span> </h2> <div class="crypto-widget__content"> <p class="mdc-typography--body1">Buttons allow users to take actions, and make choices, with a single tap.</p> <p class="mdc-typography--body1">Material buttons trigger an ink reaction on press. They may display text, imagery, or both. There are four standard types of buttons:</p> <ul class="crypto-list mdc-typography--body1"> <li><strong>Text button (low emphasis):</strong> Text buttons are typically used for less important actions.</li> <li><strong>Outlined Button (medium emphasis):</strong> Outlined buttons are used for more emphasis than text buttons due to the stroke.</li> <li><strong>Contained button (high emphasis):</strong> Contained buttons have more emphasis, as they use use a color fill and shadow.</li> <li><strong>Toggle button:</strong> Toggle buttons group a set of actions using layout and spacing. They’re used less often than other button type.</li> </ul> <fieldset> <legend class="mdc-typography--subheading2">Text Button</legend> <div> <button class="mdc-button"> Baseline </button> <button class="mdc-button mdc-button--dense"> Dense </button> <button class="mdc-button mdc-theme--secondary"> Secondary </button> <button class="mdc-button"> <i class="material-icons mdc-button__icon" aria-hidden="true">favorite</i> Icon </button> <button class="mdc-button"> <svg class="mdc-button__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M23 12c0-6.07-4.93-11-11-11S1 5.93 1 12s4.93 11 11 11 11-4.93 11-11zM5 17.64C3.75 16.1 3 14.14 3 12c0-2.13.76-4.08 2-5.63v11.27zM17.64 5H6.36C7.9 3.75 9.86 3 12 3s4.1.75 5.64 2zM12 14.53L8.24 7h7.53L12 14.53zM17 9v8h-4l4-8zm-6 8H7V9l4 8zm6.64 2c-1.55 1.25-3.51 2-5.64 2s-4.1-.75-5.64-2h11.28zM21 12c0 2.14-.75 4.1-2 5.64V6.37c1.24 1.55 2 3.5 2 5.63z"></path> </svg> SVG Icon </button> <a href="javascript:void(0)" class="mdc-button"> Link </a> </div> </fieldset><br> <fieldset> <legend class="mdc-typography--headline6">Contained Button</legend> <div> <button class="mdc-button mdc-button--raised mdc-ripple-upgraded"> Baseline </button> <button class="mdc-button mdc-button--raised mdc-button--dense mdc-ripple-upgraded"> Dense </button> <button class="mdc-button mdc-button--raised md

评论收藏

内容反馈