mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-23 01:57:06 +03:00
bootlinted the index
This commit is contained in:
Kevin Ross
parent
ba31a4a634
commit
f5f7aea9dd
614
index.html
614
index.html
|
|
@ -3,6 +3,8 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Material Design for Bootstrap</title>
|
<title>Material Design for Bootstrap</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
|
||||||
<!-- Mobile support -->
|
<!-- Mobile support -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
@ -65,6 +67,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="pages col-xs-9">
|
<div class="pages col-xs-9">
|
||||||
|
<div class="row">
|
||||||
<div class="col-xs-10">
|
<div class="col-xs-10">
|
||||||
<div class="well page active" id="about">
|
<div class="well page active" id="about">
|
||||||
<h1 class="header">Material Design for Bootstrap</h1>
|
<h1 class="header">Material Design for Bootstrap</h1>
|
||||||
|
|
@ -356,9 +359,6 @@
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
|
||||||
Inputs
|
|
||||||
-->
|
|
||||||
<div class="well page" id="input">
|
<div class="well page" id="input">
|
||||||
<h1 class="header">Input</h1>
|
<h1 class="header">Input</h1>
|
||||||
|
|
||||||
|
|
@ -483,6 +483,7 @@
|
||||||
<h1 class="header">Navbar</h1>
|
<h1 class="header">Navbar</h1>
|
||||||
|
|
||||||
<div class="navbar navbar-default">
|
<div class="navbar navbar-default">
|
||||||
|
<div class="container-fluid">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
|
|
@ -530,8 +531,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="navbar navbar-warning">
|
<div class="navbar navbar-warning">
|
||||||
|
<div class="container-fluid">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-warning-collapse">
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-warning-collapse">
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
|
|
@ -579,8 +582,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="navbar navbar-inverse">
|
<div class="navbar navbar-inverse">
|
||||||
|
<div class="container-fluid">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
|
|
@ -628,8 +633,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="navbar navbar-material-light-blue-300">
|
<div class="navbar navbar-material-light-blue-300">
|
||||||
|
<div class="container-fluid">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-material-light-blue-collapse">
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-material-light-blue-collapse">
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
|
|
@ -677,6 +684,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="well page" id="progress-bar">
|
<div class="well page" id="progress-bar">
|
||||||
|
|
@ -769,374 +777,374 @@
|
||||||
<b>material-fullpalette.css</b></p>
|
<b>material-fullpalette.css</b></p>
|
||||||
|
|
||||||
<div class="sampleOthers">
|
<div class="sampleOthers">
|
||||||
<button class="btn btn-black btn-lg">Black</button>
|
<button type="button" class="btn btn-black btn-lg">Black</button>
|
||||||
<button class="btn btn-white btn-lg">White</button>
|
<button type="button" class="btn btn-white btn-lg">White</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleRed">
|
<div class="sampleRed">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-red btn-lg">Red</button>
|
<button type="button" class="btn btn-material-red btn-lg">Red</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-red-50">050</button>
|
<button type="button" class="btn btn-material-red-50">050</button>
|
||||||
<button class="btn btn-material-red-100">100</button>
|
<button type="button" class="btn btn-material-red-100">100</button>
|
||||||
<button class="btn btn-material-red-200">200</button>
|
<button type="button" class="btn btn-material-red-200">200</button>
|
||||||
<button class="btn btn-material-red-300">300</button>
|
<button type="button" class="btn btn-material-red-300">300</button>
|
||||||
<button class="btn btn-material-red-400">400</button>
|
<button type="button" class="btn btn-material-red-400">400</button>
|
||||||
<button class="btn btn-material-red-500">500</button>
|
<button type="button" class="btn btn-material-red-500">500</button>
|
||||||
<button class="btn btn-material-red-600">600</button>
|
<button type="button" class="btn btn-material-red-600">600</button>
|
||||||
<button class="btn btn-material-red-700">700</button>
|
<button type="button" class="btn btn-material-red-700">700</button>
|
||||||
<button class="btn btn-material-red-800">800</button>
|
<button type="button" class="btn btn-material-red-800">800</button>
|
||||||
<button class="btn btn-material-red-900">900</button>
|
<button type="button" class="btn btn-material-red-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-red-A100">A100</button>
|
<button type="button" class="btn btn-material-red-A100">A100</button>
|
||||||
<button class="btn btn-material-red-A200">A200</button>
|
<button type="button" class="btn btn-material-red-A200">A200</button>
|
||||||
<button class="btn btn-material-red-A400">A400</button>
|
<button type="button" class="btn btn-material-red-A400">A400</button>
|
||||||
<button class="btn btn-material-red-A700">A700</button>
|
<button type="button" class="btn btn-material-red-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="samplePink">
|
<div class="samplePink">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-pink btn-lg">Pink</button>
|
<button type="button" class="btn btn-material-pink btn-lg">Pink</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-pink-50">050</button>
|
<button type="button" class="btn btn-material-pink-50">050</button>
|
||||||
<button class="btn btn-material-pink-100">100</button>
|
<button type="button" class="btn btn-material-pink-100">100</button>
|
||||||
<button class="btn btn-material-pink-200">200</button>
|
<button type="button" class="btn btn-material-pink-200">200</button>
|
||||||
<button class="btn btn-material-pink-300">300</button>
|
<button type="button" class="btn btn-material-pink-300">300</button>
|
||||||
<button class="btn btn-material-pink-400">400</button>
|
<button type="button" class="btn btn-material-pink-400">400</button>
|
||||||
<button class="btn btn-material-pink-500">500</button>
|
<button type="button" class="btn btn-material-pink-500">500</button>
|
||||||
<button class="btn btn-material-pink-600">600</button>
|
<button type="button" class="btn btn-material-pink-600">600</button>
|
||||||
<button class="btn btn-material-pink-700">700</button>
|
<button type="button" class="btn btn-material-pink-700">700</button>
|
||||||
<button class="btn btn-material-pink-800">800</button>
|
<button type="button" class="btn btn-material-pink-800">800</button>
|
||||||
<button class="btn btn-material-pink-900">900</button>
|
<button type="button" class="btn btn-material-pink-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-pink-A100">A100</button>
|
<button type="button" class="btn btn-material-pink-A100">A100</button>
|
||||||
<button class="btn btn-material-pink-A200">A200</button>
|
<button type="button" class="btn btn-material-pink-A200">A200</button>
|
||||||
<button class="btn btn-material-pink-A400">A400</button>
|
<button type="button" class="btn btn-material-pink-A400">A400</button>
|
||||||
<button class="btn btn-material-pink-A700">A700</button>
|
<button type="button" class="btn btn-material-pink-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="samplePurple">
|
<div class="samplePurple">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-purple btn-lg">Purple</button>
|
<button type="button" class="btn btn-material-purple btn-lg">Purple</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-purple-50">050</button>
|
<button type="button" class="btn btn-material-purple-50">050</button>
|
||||||
<button class="btn btn-material-purple-100">100</button>
|
<button type="button" class="btn btn-material-purple-100">100</button>
|
||||||
<button class="btn btn-material-purple-200">200</button>
|
<button type="button" class="btn btn-material-purple-200">200</button>
|
||||||
<button class="btn btn-material-purple-300">300</button>
|
<button type="button" class="btn btn-material-purple-300">300</button>
|
||||||
<button class="btn btn-material-purple-400">400</button>
|
<button type="button" class="btn btn-material-purple-400">400</button>
|
||||||
<button class="btn btn-material-purple-500">500</button>
|
<button type="button" class="btn btn-material-purple-500">500</button>
|
||||||
<button class="btn btn-material-purple-600">600</button>
|
<button type="button" class="btn btn-material-purple-600">600</button>
|
||||||
<button class="btn btn-material-purple-700">700</button>
|
<button type="button" class="btn btn-material-purple-700">700</button>
|
||||||
<button class="btn btn-material-purple-800">800</button>
|
<button type="button" class="btn btn-material-purple-800">800</button>
|
||||||
<button class="btn btn-material-purple-900">900</button>
|
<button type="button" class="btn btn-material-purple-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-purple-A100">A100</button>
|
<button type="button" class="btn btn-material-purple-A100">A100</button>
|
||||||
<button class="btn btn-material-purple-A200">A200</button>
|
<button type="button" class="btn btn-material-purple-A200">A200</button>
|
||||||
<button class="btn btn-material-purple-A400">A400</button>
|
<button type="button" class="btn btn-material-purple-A400">A400</button>
|
||||||
<button class="btn btn-material-purple-A700">A700</button>
|
<button type="button" class="btn btn-material-purple-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleDeepPurple">
|
<div class="sampleDeepPurple">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-deep-purple btn-lg">Deep Purple</button>
|
<button type="button" class="btn btn-material-deep-purple btn-lg">Deep Purple</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-deep-purple-50">050</button>
|
<button type="button" class="btn btn-material-deep-purple-50">050</button>
|
||||||
<button class="btn btn-material-deep-purple-100">100</button>
|
<button type="button" class="btn btn-material-deep-purple-100">100</button>
|
||||||
<button class="btn btn-material-deep-purple-200">200</button>
|
<button type="button" class="btn btn-material-deep-purple-200">200</button>
|
||||||
<button class="btn btn-material-deep-purple-300">300</button>
|
<button type="button" class="btn btn-material-deep-purple-300">300</button>
|
||||||
<button class="btn btn-material-deep-purple-400">400</button>
|
<button type="button" class="btn btn-material-deep-purple-400">400</button>
|
||||||
<button class="btn btn-material-deep-purple-500">500</button>
|
<button type="button" class="btn btn-material-deep-purple-500">500</button>
|
||||||
<button class="btn btn-material-deep-purple-600">600</button>
|
<button type="button" class="btn btn-material-deep-purple-600">600</button>
|
||||||
<button class="btn btn-material-deep-purple-700">700</button>
|
<button type="button" class="btn btn-material-deep-purple-700">700</button>
|
||||||
<button class="btn btn-material-deep-purple-800">800</button>
|
<button type="button" class="btn btn-material-deep-purple-800">800</button>
|
||||||
<button class="btn btn-material-deep-purple-900">900</button>
|
<button type="button" class="btn btn-material-deep-purple-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-deep-purple-A100">A100</button>
|
<button type="button" class="btn btn-material-deep-purple-A100">A100</button>
|
||||||
<button class="btn btn-material-deep-purple-A200">A200</button>
|
<button type="button" class="btn btn-material-deep-purple-A200">A200</button>
|
||||||
<button class="btn btn-material-deep-purple-A400">A400</button>
|
<button type="button" class="btn btn-material-deep-purple-A400">A400</button>
|
||||||
<button class="btn btn-material-deep-purple-A700">A700</button>
|
<button type="button" class="btn btn-material-deep-purple-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleIndigo">
|
<div class="sampleIndigo">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-indigo btn-lg">Indigo</button>
|
<button type="button" class="btn btn-material-indigo btn-lg">Indigo</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-indigo-50">050</button>
|
<button type="button" class="btn btn-material-indigo-50">050</button>
|
||||||
<button class="btn btn-material-indigo-100">100</button>
|
<button type="button" class="btn btn-material-indigo-100">100</button>
|
||||||
<button class="btn btn-material-indigo-200">200</button>
|
<button type="button" class="btn btn-material-indigo-200">200</button>
|
||||||
<button class="btn btn-material-indigo-300">300</button>
|
<button type="button" class="btn btn-material-indigo-300">300</button>
|
||||||
<button class="btn btn-material-indigo-400">400</button>
|
<button type="button" class="btn btn-material-indigo-400">400</button>
|
||||||
<button class="btn btn-material-indigo-500">500</button>
|
<button type="button" class="btn btn-material-indigo-500">500</button>
|
||||||
<button class="btn btn-material-indigo-600">600</button>
|
<button type="button" class="btn btn-material-indigo-600">600</button>
|
||||||
<button class="btn btn-material-indigo-700">700</button>
|
<button type="button" class="btn btn-material-indigo-700">700</button>
|
||||||
<button class="btn btn-material-indigo-800">800</button>
|
<button type="button" class="btn btn-material-indigo-800">800</button>
|
||||||
<button class="btn btn-material-indigo-900">900</button>
|
<button type="button" class="btn btn-material-indigo-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-indigo-A100">A100</button>
|
<button type="button" class="btn btn-material-indigo-A100">A100</button>
|
||||||
<button class="btn btn-material-indigo-A200">A200</button>
|
<button type="button" class="btn btn-material-indigo-A200">A200</button>
|
||||||
<button class="btn btn-material-indigo-A400">A400</button>
|
<button type="button" class="btn btn-material-indigo-A400">A400</button>
|
||||||
<button class="btn btn-material-indigo-A700">A700</button>
|
<button type="button" class="btn btn-material-indigo-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleBlue">
|
<div class="sampleBlue">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-blue btn-lg">Blue</button>
|
<button type="button" class="btn btn-material-blue btn-lg">Blue</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-blue-50">050</button>
|
<button type="button" class="btn btn-material-blue-50">050</button>
|
||||||
<button class="btn btn-material-blue-100">100</button>
|
<button type="button" class="btn btn-material-blue-100">100</button>
|
||||||
<button class="btn btn-material-blue-200">200</button>
|
<button type="button" class="btn btn-material-blue-200">200</button>
|
||||||
<button class="btn btn-material-blue-300">300</button>
|
<button type="button" class="btn btn-material-blue-300">300</button>
|
||||||
<button class="btn btn-material-blue-400">400</button>
|
<button type="button" class="btn btn-material-blue-400">400</button>
|
||||||
<button class="btn btn-material-blue-500">500</button>
|
<button type="button" class="btn btn-material-blue-500">500</button>
|
||||||
<button class="btn btn-material-blue-600">600</button>
|
<button type="button" class="btn btn-material-blue-600">600</button>
|
||||||
<button class="btn btn-material-blue-700">700</button>
|
<button type="button" class="btn btn-material-blue-700">700</button>
|
||||||
<button class="btn btn-material-blue-800">800</button>
|
<button type="button" class="btn btn-material-blue-800">800</button>
|
||||||
<button class="btn btn-material-blue-900">900</button>
|
<button type="button" class="btn btn-material-blue-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-blue-A100">A100</button>
|
<button type="button" class="btn btn-material-blue-A100">A100</button>
|
||||||
<button class="btn btn-material-blue-A200">A200</button>
|
<button type="button" class="btn btn-material-blue-A200">A200</button>
|
||||||
<button class="btn btn-material-blue-A400">A400</button>
|
<button type="button" class="btn btn-material-blue-A400">A400</button>
|
||||||
<button class="btn btn-material-blue-A700">A700</button>
|
<button type="button" class="btn btn-material-blue-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleLightBlue">
|
<div class="sampleLightBlue">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-light-blue btn-lg">Light Blue</button>
|
<button type="button" class="btn btn-material-light-blue btn-lg">Light Blue</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-light-blue-50">050</button>
|
<button type="button" class="btn btn-material-light-blue-50">050</button>
|
||||||
<button class="btn btn-material-light-blue-100">100</button>
|
<button type="button" class="btn btn-material-light-blue-100">100</button>
|
||||||
<button class="btn btn-material-light-blue-200">200</button>
|
<button type="button" class="btn btn-material-light-blue-200">200</button>
|
||||||
<button class="btn btn-material-light-blue-300">300</button>
|
<button type="button" class="btn btn-material-light-blue-300">300</button>
|
||||||
<button class="btn btn-material-light-blue-400">400</button>
|
<button type="button" class="btn btn-material-light-blue-400">400</button>
|
||||||
<button class="btn btn-material-light-blue-500">500</button>
|
<button type="button" class="btn btn-material-light-blue-500">500</button>
|
||||||
<button class="btn btn-material-light-blue-600">600</button>
|
<button type="button" class="btn btn-material-light-blue-600">600</button>
|
||||||
<button class="btn btn-material-light-blue-700">700</button>
|
<button type="button" class="btn btn-material-light-blue-700">700</button>
|
||||||
<button class="btn btn-material-light-blue-800">800</button>
|
<button type="button" class="btn btn-material-light-blue-800">800</button>
|
||||||
<button class="btn btn-material-light-blue-900">900</button>
|
<button type="button" class="btn btn-material-light-blue-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-light-blue-A100">A100</button>
|
<button type="button" class="btn btn-material-light-blue-A100">A100</button>
|
||||||
<button class="btn btn-material-light-blue-A200">A200</button>
|
<button type="button" class="btn btn-material-light-blue-A200">A200</button>
|
||||||
<button class="btn btn-material-light-blue-A400">A400</button>
|
<button type="button" class="btn btn-material-light-blue-A400">A400</button>
|
||||||
<button class="btn btn-material-light-blue-A700">A700</button>
|
<button type="button" class="btn btn-material-light-blue-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleCyan">
|
<div class="sampleCyan">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-cyan btn-lg">Cyan</button>
|
<button type="button" class="btn btn-material-cyan btn-lg">Cyan</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-cyan-50">050</button>
|
<button type="button" class="btn btn-material-cyan-50">050</button>
|
||||||
<button class="btn btn-material-cyan-100">100</button>
|
<button type="button" class="btn btn-material-cyan-100">100</button>
|
||||||
<button class="btn btn-material-cyan-200">200</button>
|
<button type="button" class="btn btn-material-cyan-200">200</button>
|
||||||
<button class="btn btn-material-cyan-300">300</button>
|
<button type="button" class="btn btn-material-cyan-300">300</button>
|
||||||
<button class="btn btn-material-cyan-400">400</button>
|
<button type="button" class="btn btn-material-cyan-400">400</button>
|
||||||
<button class="btn btn-material-cyan-500">500</button>
|
<button type="button" class="btn btn-material-cyan-500">500</button>
|
||||||
<button class="btn btn-material-cyan-600">600</button>
|
<button type="button" class="btn btn-material-cyan-600">600</button>
|
||||||
<button class="btn btn-material-cyan-700">700</button>
|
<button type="button" class="btn btn-material-cyan-700">700</button>
|
||||||
<button class="btn btn-material-cyan-800">800</button>
|
<button type="button" class="btn btn-material-cyan-800">800</button>
|
||||||
<button class="btn btn-material-cyan-900">900</button>
|
<button type="button" class="btn btn-material-cyan-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-cyan-A100">A100</button>
|
<button type="button" class="btn btn-material-cyan-A100">A100</button>
|
||||||
<button class="btn btn-material-cyan-A200">A200</button>
|
<button type="button" class="btn btn-material-cyan-A200">A200</button>
|
||||||
<button class="btn btn-material-cyan-A400">A400</button>
|
<button type="button" class="btn btn-material-cyan-A400">A400</button>
|
||||||
<button class="btn btn-material-cyan-A700">A700</button>
|
<button type="button" class="btn btn-material-cyan-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleTeal">
|
<div class="sampleTeal">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-teal btn-lg">Teal</button>
|
<button type="button" class="btn btn-material-teal btn-lg">Teal</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-teal-50">050</button>
|
<button type="button" class="btn btn-material-teal-50">050</button>
|
||||||
<button class="btn btn-material-teal-100">100</button>
|
<button type="button" class="btn btn-material-teal-100">100</button>
|
||||||
<button class="btn btn-material-teal-200">200</button>
|
<button type="button" class="btn btn-material-teal-200">200</button>
|
||||||
<button class="btn btn-material-teal-300">300</button>
|
<button type="button" class="btn btn-material-teal-300">300</button>
|
||||||
<button class="btn btn-material-teal-400">400</button>
|
<button type="button" class="btn btn-material-teal-400">400</button>
|
||||||
<button class="btn btn-material-teal-500">500</button>
|
<button type="button" class="btn btn-material-teal-500">500</button>
|
||||||
<button class="btn btn-material-teal-600">600</button>
|
<button type="button" class="btn btn-material-teal-600">600</button>
|
||||||
<button class="btn btn-material-teal-700">700</button>
|
<button type="button" class="btn btn-material-teal-700">700</button>
|
||||||
<button class="btn btn-material-teal-800">800</button>
|
<button type="button" class="btn btn-material-teal-800">800</button>
|
||||||
<button class="btn btn-material-teal-900">900</button>
|
<button type="button" class="btn btn-material-teal-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-teal-A100">A100</button>
|
<button type="button" class="btn btn-material-teal-A100">A100</button>
|
||||||
<button class="btn btn-material-teal-A200">A200</button>
|
<button type="button" class="btn btn-material-teal-A200">A200</button>
|
||||||
<button class="btn btn-material-teal-A400">A400</button>
|
<button type="button" class="btn btn-material-teal-A400">A400</button>
|
||||||
<button class="btn btn-material-teal-A700">A700</button>
|
<button type="button" class="btn btn-material-teal-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleGreen">
|
<div class="sampleGreen">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-green btn-lg">Green</button>
|
<button type="button" class="btn btn-material-green btn-lg">Green</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-green-50">050</button>
|
<button type="button" class="btn btn-material-green-50">050</button>
|
||||||
<button class="btn btn-material-green-100">100</button>
|
<button type="button" class="btn btn-material-green-100">100</button>
|
||||||
<button class="btn btn-material-green-200">200</button>
|
<button type="button" class="btn btn-material-green-200">200</button>
|
||||||
<button class="btn btn-material-green-300">300</button>
|
<button type="button" class="btn btn-material-green-300">300</button>
|
||||||
<button class="btn btn-material-green-400">400</button>
|
<button type="button" class="btn btn-material-green-400">400</button>
|
||||||
<button class="btn btn-material-green-500">500</button>
|
<button type="button" class="btn btn-material-green-500">500</button>
|
||||||
<button class="btn btn-material-green-600">600</button>
|
<button type="button" class="btn btn-material-green-600">600</button>
|
||||||
<button class="btn btn-material-green-700">700</button>
|
<button type="button" class="btn btn-material-green-700">700</button>
|
||||||
<button class="btn btn-material-green-800">800</button>
|
<button type="button" class="btn btn-material-green-800">800</button>
|
||||||
<button class="btn btn-material-green-900">900</button>
|
<button type="button" class="btn btn-material-green-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-green-A100">A100</button>
|
<button type="button" class="btn btn-material-green-A100">A100</button>
|
||||||
<button class="btn btn-material-green-A200">A200</button>
|
<button type="button" class="btn btn-material-green-A200">A200</button>
|
||||||
<button class="btn btn-material-green-A400">A400</button>
|
<button type="button" class="btn btn-material-green-A400">A400</button>
|
||||||
<button class="btn btn-material-green-A700">A700</button>
|
<button type="button" class="btn btn-material-green-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleLightGreen">
|
<div class="sampleLightGreen">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-light-green btn-lg">LightGreen</button>
|
<button type="button" class="btn btn-material-light-green btn-lg">LightGreen</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-light-green-50">050</button>
|
<button type="button" class="btn btn-material-light-green-50">050</button>
|
||||||
<button class="btn btn-material-light-green-100">100</button>
|
<button type="button" class="btn btn-material-light-green-100">100</button>
|
||||||
<button class="btn btn-material-light-green-200">200</button>
|
<button type="button" class="btn btn-material-light-green-200">200</button>
|
||||||
<button class="btn btn-material-light-green-300">300</button>
|
<button type="button" class="btn btn-material-light-green-300">300</button>
|
||||||
<button class="btn btn-material-light-green-400">400</button>
|
<button type="button" class="btn btn-material-light-green-400">400</button>
|
||||||
<button class="btn btn-material-light-green-500">500</button>
|
<button type="button" class="btn btn-material-light-green-500">500</button>
|
||||||
<button class="btn btn-material-light-green-600">600</button>
|
<button type="button" class="btn btn-material-light-green-600">600</button>
|
||||||
<button class="btn btn-material-light-green-700">700</button>
|
<button type="button" class="btn btn-material-light-green-700">700</button>
|
||||||
<button class="btn btn-material-light-green-800">800</button>
|
<button type="button" class="btn btn-material-light-green-800">800</button>
|
||||||
<button class="btn btn-material-light-green-900">900</button>
|
<button type="button" class="btn btn-material-light-green-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-light-green-A100">A100</button>
|
<button type="button" class="btn btn-material-light-green-A100">A100</button>
|
||||||
<button class="btn btn-material-light-green-A200">A200</button>
|
<button type="button" class="btn btn-material-light-green-A200">A200</button>
|
||||||
<button class="btn btn-material-light-green-A400">A400</button>
|
<button type="button" class="btn btn-material-light-green-A400">A400</button>
|
||||||
<button class="btn btn-material-light-green-A700">A700</button>
|
<button type="button" class="btn btn-material-light-green-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleLime">
|
<div class="sampleLime">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-lime btn-lg">Lime</button>
|
<button type="button" class="btn btn-material-lime btn-lg">Lime</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-lime-50">050</button>
|
<button type="button" class="btn btn-material-lime-50">050</button>
|
||||||
<button class="btn btn-material-lime-100">100</button>
|
<button type="button" class="btn btn-material-lime-100">100</button>
|
||||||
<button class="btn btn-material-lime-200">200</button>
|
<button type="button" class="btn btn-material-lime-200">200</button>
|
||||||
<button class="btn btn-material-lime-300">300</button>
|
<button type="button" class="btn btn-material-lime-300">300</button>
|
||||||
<button class="btn btn-material-lime-400">400</button>
|
<button type="button" class="btn btn-material-lime-400">400</button>
|
||||||
<button class="btn btn-material-lime-500">500</button>
|
<button type="button" class="btn btn-material-lime-500">500</button>
|
||||||
<button class="btn btn-material-lime-600">600</button>
|
<button type="button" class="btn btn-material-lime-600">600</button>
|
||||||
<button class="btn btn-material-lime-700">700</button>
|
<button type="button" class="btn btn-material-lime-700">700</button>
|
||||||
<button class="btn btn-material-lime-800">800</button>
|
<button type="button" class="btn btn-material-lime-800">800</button>
|
||||||
<button class="btn btn-material-lime-900">900</button>
|
<button type="button" class="btn btn-material-lime-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-lime-A100">A100</button>
|
<button type="button" class="btn btn-material-lime-A100">A100</button>
|
||||||
<button class="btn btn-material-lime-A200">A200</button>
|
<button type="button" class="btn btn-material-lime-A200">A200</button>
|
||||||
<button class="btn btn-material-lime-A400">A400</button>
|
<button type="button" class="btn btn-material-lime-A400">A400</button>
|
||||||
<button class="btn btn-material-lime-A700">A700</button>
|
<button type="button" class="btn btn-material-lime-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleYellow">
|
<div class="sampleYellow">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-yellow btn-lg">Yellow</button>
|
<button type="button" class="btn btn-material-yellow btn-lg">Yellow</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-yellow-50">050</button>
|
<button type="button" class="btn btn-material-yellow-50">050</button>
|
||||||
<button class="btn btn-material-yellow-100">100</button>
|
<button type="button" class="btn btn-material-yellow-100">100</button>
|
||||||
<button class="btn btn-material-yellow-200">200</button>
|
<button type="button" class="btn btn-material-yellow-200">200</button>
|
||||||
<button class="btn btn-material-yellow-300">300</button>
|
<button type="button" class="btn btn-material-yellow-300">300</button>
|
||||||
<button class="btn btn-material-yellow-400">400</button>
|
<button type="button" class="btn btn-material-yellow-400">400</button>
|
||||||
<button class="btn btn-material-yellow-500">500</button>
|
<button type="button" class="btn btn-material-yellow-500">500</button>
|
||||||
<button class="btn btn-material-yellow-600">600</button>
|
<button type="button" class="btn btn-material-yellow-600">600</button>
|
||||||
<button class="btn btn-material-yellow-700">700</button>
|
<button type="button" class="btn btn-material-yellow-700">700</button>
|
||||||
<button class="btn btn-material-yellow-800">800</button>
|
<button type="button" class="btn btn-material-yellow-800">800</button>
|
||||||
<button class="btn btn-material-yellow-900">900</button>
|
<button type="button" class="btn btn-material-yellow-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-yellow-A100">A100</button>
|
<button type="button" class="btn btn-material-yellow-A100">A100</button>
|
||||||
<button class="btn btn-material-yellow-A200">A200</button>
|
<button type="button" class="btn btn-material-yellow-A200">A200</button>
|
||||||
<button class="btn btn-material-yellow-A400">A400</button>
|
<button type="button" class="btn btn-material-yellow-A400">A400</button>
|
||||||
<button class="btn btn-material-yellow-A700">A700</button>
|
<button type="button" class="btn btn-material-yellow-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleAmber">
|
<div class="sampleAmber">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-amber btn-lg">Amber</button>
|
<button type="button" class="btn btn-material-amber btn-lg">Amber</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-amber-50">050</button>
|
<button type="button" class="btn btn-material-amber-50">050</button>
|
||||||
<button class="btn btn-material-amber-100">100</button>
|
<button type="button" class="btn btn-material-amber-100">100</button>
|
||||||
<button class="btn btn-material-amber-200">200</button>
|
<button type="button" class="btn btn-material-amber-200">200</button>
|
||||||
<button class="btn btn-material-amber-300">300</button>
|
<button type="button" class="btn btn-material-amber-300">300</button>
|
||||||
<button class="btn btn-material-amber-400">400</button>
|
<button type="button" class="btn btn-material-amber-400">400</button>
|
||||||
<button class="btn btn-material-amber-500">500</button>
|
<button type="button" class="btn btn-material-amber-500">500</button>
|
||||||
<button class="btn btn-material-amber-600">600</button>
|
<button type="button" class="btn btn-material-amber-600">600</button>
|
||||||
<button class="btn btn-material-amber-700">700</button>
|
<button type="button" class="btn btn-material-amber-700">700</button>
|
||||||
<button class="btn btn-material-amber-800">800</button>
|
<button type="button" class="btn btn-material-amber-800">800</button>
|
||||||
<button class="btn btn-material-amber-900">900</button>
|
<button type="button" class="btn btn-material-amber-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-amber-A100">A100</button>
|
<button type="button" class="btn btn-material-amber-A100">A100</button>
|
||||||
<button class="btn btn-material-amber-A200">A200</button>
|
<button type="button" class="btn btn-material-amber-A200">A200</button>
|
||||||
<button class="btn btn-material-amber-A400">A400</button>
|
<button type="button" class="btn btn-material-amber-A400">A400</button>
|
||||||
<button class="btn btn-material-amber-A700">A700</button>
|
<button type="button" class="btn btn-material-amber-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleOrange">
|
<div class="sampleOrange">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-orange btn-lg">Orange</button>
|
<button type="button" class="btn btn-material-orange btn-lg">Orange</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-orange-50">050</button>
|
<button type="button" class="btn btn-material-orange-50">050</button>
|
||||||
<button class="btn btn-material-orange-100">100</button>
|
<button type="button" class="btn btn-material-orange-100">100</button>
|
||||||
<button class="btn btn-material-orange-200">200</button>
|
<button type="button" class="btn btn-material-orange-200">200</button>
|
||||||
<button class="btn btn-material-orange-300">300</button>
|
<button type="button" class="btn btn-material-orange-300">300</button>
|
||||||
<button class="btn btn-material-orange-400">400</button>
|
<button type="button" class="btn btn-material-orange-400">400</button>
|
||||||
<button class="btn btn-material-orange-500">500</button>
|
<button type="button" class="btn btn-material-orange-500">500</button>
|
||||||
<button class="btn btn-material-orange-600">600</button>
|
<button type="button" class="btn btn-material-orange-600">600</button>
|
||||||
<button class="btn btn-material-orange-700">700</button>
|
<button type="button" class="btn btn-material-orange-700">700</button>
|
||||||
<button class="btn btn-material-orange-800">800</button>
|
<button type="button" class="btn btn-material-orange-800">800</button>
|
||||||
<button class="btn btn-material-orange-900">900</button>
|
<button type="button" class="btn btn-material-orange-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-orange-A100">A100</button>
|
<button type="button" class="btn btn-material-orange-A100">A100</button>
|
||||||
<button class="btn btn-material-orange-A200">A200</button>
|
<button type="button" class="btn btn-material-orange-A200">A200</button>
|
||||||
<button class="btn btn-material-orange-A400">A400</button>
|
<button type="button" class="btn btn-material-orange-A400">A400</button>
|
||||||
<button class="btn btn-material-orange-A700">A700</button>
|
<button type="button" class="btn btn-material-orange-A700">A700</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleDeepOrange">
|
<div class="sampleDeepOrange">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-deep-orange btn-lg">Deep Orange</button>
|
<button type="button" class="btn btn-material-deep-orange btn-lg">Deep Orange</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-deep-orange-50">050</button>
|
<button type="button" class="btn btn-material-deep-orange-50">050</button>
|
||||||
<button class="btn btn-material-deep-orange-100">100</button>
|
<button type="button" class="btn btn-material-deep-orange-100">100</button>
|
||||||
<button class="btn btn-material-deep-orange-200">200</button>
|
<button type="button" class="btn btn-material-deep-orange-200">200</button>
|
||||||
<button class="btn btn-material-deep-orange-300">300</button>
|
<button type="button" class="btn btn-material-deep-orange-300">300</button>
|
||||||
<button class="btn btn-material-deep-orange-400">400</button>
|
<button type="button" class="btn btn-material-deep-orange-400">400</button>
|
||||||
<button class="btn btn-material-deep-orange-500">500</button>
|
<button type="button" class="btn btn-material-deep-orange-500">500</button>
|
||||||
<button class="btn btn-material-deep-orange-600">600</button>
|
<button type="button" class="btn btn-material-deep-orange-600">600</button>
|
||||||
<button class="btn btn-material-deep-orange-700">700</button>
|
<button type="button" class="btn btn-material-deep-orange-700">700</button>
|
||||||
<button class="btn btn-material-deep-orange-800">800</button>
|
<button type="button" class="btn btn-material-deep-orange-800">800</button>
|
||||||
<button class="btn btn-material-deep-orange-900">900</button>
|
<button type="button" class="btn btn-material-deep-orange-900">900</button>
|
||||||
<br>
|
<br>
|
||||||
<button class="btn btn-material-deep-orange-A100">A100</button>
|
<button type="button" class="btn btn-material-deep-orange-A100">A100</button>
|
||||||
<button class="btn btn-material-deep-orange-A200">A200</button>
|
<button type="button" class="btn btn-material-deep-orange-A200">A200</button>
|
||||||
<button class="btn btn-material-deep-orange-A400">A400</button>
|
<button type="button" class="btn btn-material-deep-orange-A400">A400</button>
|
||||||
<button class="btn btn-material-deep-orange-A700">A700</button>
|
<button type="button" class="btn btn-material-deep-orange-A700">A700</button>
|
||||||
<br><br>
|
<br><br>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleBrown">
|
<div class="sampleBrown">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-brown btn-lg">Brown</button>
|
<button type="button" class="btn btn-material-brown btn-lg">Brown</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-brown-50">050</button>
|
<button type="button" class="btn btn-material-brown-50">050</button>
|
||||||
<button class="btn btn-material-brown-100">100</button>
|
<button type="button" class="btn btn-material-brown-100">100</button>
|
||||||
<button class="btn btn-material-brown-200">200</button>
|
<button type="button" class="btn btn-material-brown-200">200</button>
|
||||||
<button class="btn btn-material-brown-300">300</button>
|
<button type="button" class="btn btn-material-brown-300">300</button>
|
||||||
<button class="btn btn-material-brown-400">400</button>
|
<button type="button" class="btn btn-material-brown-400">400</button>
|
||||||
<button class="btn btn-material-brown-500">500</button>
|
<button type="button" class="btn btn-material-brown-500">500</button>
|
||||||
<button class="btn btn-material-brown-600">600</button>
|
<button type="button" class="btn btn-material-brown-600">600</button>
|
||||||
<button class="btn btn-material-brown-700">700</button>
|
<button type="button" class="btn btn-material-brown-700">700</button>
|
||||||
<button class="btn btn-material-brown-800">800</button>
|
<button type="button" class="btn btn-material-brown-800">800</button>
|
||||||
<button class="btn btn-material-brown-900">900</button>
|
<button type="button" class="btn btn-material-brown-900">900</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleGrey">
|
<div class="sampleGrey">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-grey btn-lg">Grey</button>
|
<button type="button" class="btn btn-material-grey btn-lg">Grey</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-grey-50">050</button>
|
<button type="button" class="btn btn-material-grey-50">050</button>
|
||||||
<button class="btn btn-material-grey-100">100</button>
|
<button type="button" class="btn btn-material-grey-100">100</button>
|
||||||
<button class="btn btn-material-grey-200">200</button>
|
<button type="button" class="btn btn-material-grey-200">200</button>
|
||||||
<button class="btn btn-material-grey-300">300</button>
|
<button type="button" class="btn btn-material-grey-300">300</button>
|
||||||
<button class="btn btn-material-grey-400">400</button>
|
<button type="button" class="btn btn-material-grey-400">400</button>
|
||||||
<button class="btn btn-material-grey-500">500</button>
|
<button type="button" class="btn btn-material-grey-500">500</button>
|
||||||
<button class="btn btn-material-grey-600">600</button>
|
<button type="button" class="btn btn-material-grey-600">600</button>
|
||||||
<button class="btn btn-material-grey-700">700</button>
|
<button type="button" class="btn btn-material-grey-700">700</button>
|
||||||
<button class="btn btn-material-grey-800">800</button>
|
<button type="button" class="btn btn-material-grey-800">800</button>
|
||||||
<button class="btn btn-material-grey-900">900</button>
|
<button type="button" class="btn btn-material-grey-900">900</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sampleBlueGrey">
|
<div class="sampleBlueGrey">
|
||||||
<h2>
|
<h2>
|
||||||
<button class="btn btn-material-blue-grey btn-lg">Blue Grey</button>
|
<button type="button" class="btn btn-material-blue-grey btn-lg">Blue Grey</button>
|
||||||
</h2>
|
</h2>
|
||||||
<button class="btn btn-material-blue-grey-50">050</button>
|
<button type="button" class="btn btn-material-blue-grey-50">050</button>
|
||||||
<button class="btn btn-material-blue-grey-100">100</button>
|
<button type="button" class="btn btn-material-blue-grey-100">100</button>
|
||||||
<button class="btn btn-material-blue-grey-200">200</button>
|
<button type="button" class="btn btn-material-blue-grey-200">200</button>
|
||||||
<button class="btn btn-material-blue-grey-300">300</button>
|
<button type="button" class="btn btn-material-blue-grey-300">300</button>
|
||||||
<button class="btn btn-material-blue-grey-400">400</button>
|
<button type="button" class="btn btn-material-blue-grey-400">400</button>
|
||||||
<button class="btn btn-material-blue-grey-500">500</button>
|
<button type="button" class="btn btn-material-blue-grey-500">500</button>
|
||||||
<button class="btn btn-material-blue-grey-600">600</button>
|
<button type="button" class="btn btn-material-blue-grey-600">600</button>
|
||||||
<button class="btn btn-material-blue-grey-700">700</button>
|
<button type="button" class="btn btn-material-blue-grey-700">700</button>
|
||||||
<button class="btn btn-material-blue-grey-800">800</button>
|
<button type="button" class="btn btn-material-blue-grey-800">800</button>
|
||||||
<button class="btn btn-material-blue-grey-900">900</button>
|
<button type="button" class="btn btn-material-blue-grey-900">900</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="well page" id="button">
|
<div class="well page" id="button">
|
||||||
|
|
@ -1144,43 +1152,45 @@
|
||||||
|
|
||||||
<div class="sample1">
|
<div class="sample1">
|
||||||
<h2>Normal buttons</h2>
|
<h2>Normal buttons</h2>
|
||||||
<button class="btn btn-default">Button</button>
|
<button type="button" class="btn btn-default">Button</button>
|
||||||
<button class="btn btn-primary">Colored</button>
|
<button type="button" class="btn btn-primary">Colored</button>
|
||||||
<button class="btn btn-default" disabled>Disabled</button>
|
<button type="button" class="btn btn-default" disabled>Disabled</button>
|
||||||
<button class="btn btn-default btn-link">Noink</button>
|
<button type="button" class="btn btn-default btn-link">Noink</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sample1">
|
<div class="sample1">
|
||||||
<h2>Flat buttons</h2>
|
<h2>Flat buttons</h2>
|
||||||
<button class="btn btn-default btn-flat">Button</button>
|
<button type="button" class="btn btn-default btn-flat">Button</button>
|
||||||
<button class="btn btn-primary btn-flat">Colored</button>
|
<button type="button" class="btn btn-primary btn-flat">Colored</button>
|
||||||
<button class="btn btn-default btn-flat" disabled>Disabled</button>
|
<button type="button" class="btn btn-default btn-flat" disabled>Disabled</button>
|
||||||
<button class="btn btn-default btn-flat btn-link">Noink</button>
|
<button type="button" class="btn btn-default btn-flat btn-link">Noink</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sample2">
|
<div class="sample2">
|
||||||
<h2>Raised buttons</h2>
|
<h2>Raised buttons</h2>
|
||||||
<button class="btn btn-default btn-raised">Button</button>
|
<button type="button" class="btn btn-default btn-raised">Button</button>
|
||||||
<button class="btn btn-primary btn-raised">Colored</button>
|
<button type="button" class="btn btn-primary btn-raised">Colored</button>
|
||||||
<button class="btn btn-default btn-raised" disabled>Disabled</button>
|
<button type="button" class="btn btn-default btn-raised" disabled>Disabled</button>
|
||||||
<button class="btn btn-default btn-raised btn-link">Noink</button>
|
<button type="button" class="btn btn-default btn-raised btn-link">Noink</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="sample3">
|
<div class="sample3">
|
||||||
<h2>Custom button content</h2>
|
<h2>Custom button content</h2>
|
||||||
<button class="btn btn-primary btn-flat"><i class="mdi-navigation-check"></i> Ok</button>
|
<button type="button" class="btn btn-primary btn-flat"><i class="mdi-navigation-check"></i> Ok</button>
|
||||||
<button class="btn btn-default btn-flat"><i class="mdi-navigation-close"></i> Cancel</button>
|
<button type="button" class="btn btn-default btn-flat"><i class="mdi-navigation-close"></i> Cancel
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="well page" id="floating-action-button">
|
<div class="well page" id="floating-action-button">
|
||||||
<h1 class="header">Floating Action Button</h1>
|
<h1 class="header">Floating Action Button</h1>
|
||||||
|
|
||||||
<h2>Regular</h2>
|
<h2>Regular</h2>
|
||||||
<button class="btn btn-fab btn-raised btn-material-red"><i class="mdi-navigation-arrow-forward"></i>
|
<button type="button" class="btn btn-fab btn-raised btn-material-red">
|
||||||
|
<i class="mdi-navigation-arrow-forward"></i>
|
||||||
</button>
|
</button>
|
||||||
<button class="btn btn-fab btn-raised btn-primary"><i class="mdi-image-edit"></i></button>
|
<button type="button" class="btn btn-fab btn-raised btn-primary"><i class="mdi-image-edit"></i></button>
|
||||||
|
|
||||||
<h2>Mini</h2>
|
<h2>Mini</h2>
|
||||||
<button class="btn btn-fab btn-fab-mini btn-raised btn-sm btn-success">
|
<button type="button" class="btn btn-fab btn-fab-mini btn-raised btn-sm btn-success">
|
||||||
<i class="mdi-navigation-check"></i></button>
|
<i class="mdi-navigation-check"></i></button>
|
||||||
<button class="btn btn-fab btn-fab-mini btn-raised btn-material-lightyellow">
|
<button type="button" class="btn btn-fab btn-fab-mini btn-raised btn-material-lightyellow">
|
||||||
<i class="mdi-content-reply"></i></button>
|
<i class="mdi-content-reply"></i></button>
|
||||||
</div>
|
</div>
|
||||||
<div class="well page" id="dropdown">
|
<div class="well page" id="dropdown">
|
||||||
|
|
@ -1226,10 +1236,10 @@
|
||||||
<h1 class="header">Dialog</h1>
|
<h1 class="header">Dialog</h1>
|
||||||
|
|
||||||
<h2>Simple Dialog</h2>
|
<h2>Simple Dialog</h2>
|
||||||
<button class="btn btn-primary" data-toggle="modal" data-target="#simple-dialog">Open dialog</button>
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#simple-dialog">Open dialog</button>
|
||||||
|
|
||||||
<h2>Dialog with header and footer</h2>
|
<h2>Dialog with header and footer</h2>
|
||||||
<button class="btn btn-primary" data-toggle="modal" data-target="#complete-dialog">Open dialog</button>
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#complete-dialog">Open dialog</button>
|
||||||
|
|
||||||
<div id="simple-dialog" class="modal fade" tabindex="-1">
|
<div id="simple-dialog" class="modal fade" tabindex="-1">
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
|
|
@ -1266,7 +1276,7 @@
|
||||||
quis dolore veniam proident, consequat sed ingeniis.</p>
|
quis dolore veniam proident, consequat sed ingeniis.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<button class="btn btn-primary" data-dismiss="modal">Dismiss</button>
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Dismiss</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1303,15 +1313,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-2">
|
<div class="col-xs-2">
|
||||||
<button class="btn btn-fab btn-material-grey-200 opensource"><i class="mdi-action-open-in-new"></i>
|
<button type="button" class="btn btn-fab btn-material-grey-200 opensource">
|
||||||
|
<i class="mdi-action-open-in-new"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-2">
|
<div class="col-xs-2">
|
||||||
<button class="btn btn-fab btn-material-grey-200 opensource"><i class="mdi-action-open-in-new"></i>
|
<button type="button" class="btn btn-fab btn-material-grey-200 opensource"><i class="mdi-action-open-in-new"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--</div>-->
|
<!--</div>-->
|
||||||
<!--</div>-->
|
<!--</div>-->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user