Add back fab toolbar demo

awesome-urch · Apr 21, 2017 · 4b7700f · 4b7700f
1 parent 43b5e07
commit 4b7700f
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -19,6 +19,7 @@ bower_components
 # Ignore .html files in root except SpecRunner
 *.html
 !_SpecRunner.html
+!fab-toolbar-demo.html
 
 # Ignore compiled files
 css/ghpages-materialize.css

diff --git a/fab-toolbar-demo.html b/fab-toolbar-demo.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="description" content="Materialize is a modern responsive CSS framework based on Material Design by Google. ">
+    <title>Floating Action Button - Materialize</title>
+    <!-- Favicons-->
+    <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
+    <meta name="msapplication-TileColor" content="#FFFFFF">
+    <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
+    <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
+    <!--  Android 5 Chrome Color-->
+    <meta name="theme-color" content="#EE6E73">
+    <!-- CSS-->
+    <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection">
+    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  </head>
+  <body>
+
+    <div class="fixed-action-btn toolbar">
+      <a class="btn-floating btn-large red">
+        <i class="large material-icons">mode_edit</i>
+      </a>
+      <ul>
+        <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">insert_chart</i></a></li>
+        <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">format_quote</i></a></li>
+        <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">publish</i></a></li>
+        <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">attach_file</i></a></li>
+      </ul>
+    </div>
+
+    <!--  Scripts-->
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script>if (!window.jQuery) { document.write('<script src="bin/jquery-2.1.1.min.js"><\/script>'); }
+    </script>
+    <script src="bin/materialize.js"></script>
+    <script src="js/init.js"></script>
+
+  </body>
+</html>