<!DOCTYPE html>
<html>
<head>
<meta
name="viewport"
content="width = device-width,
initial-scale = 1"
/>
<link rel="stylesheet"
href=
<link rel="stylesheet"
href=
<script type="text/javascript"
src=
</script>
<script src=
</script>
</head>
<body class="container">
<div class="fixed-action-btn toolbar">
<strong>Toolbar</strong>
<a class="btn-floating btn-large red">
<i class="large material-icons">
border_color</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>
<h2>Tooltips</h2>
<div class="row">
<div class="col s6">
<a class="btn tooltipped green"
data-position="bottom"
data-delay="50"
data-tooltip="Additional Information">
Hover me!
</a>
</div>
<div class="col s6">
<a class="btn tooltipped green"
data-position="top"
data-delay="50"
data-tooltip="Additional Information">
Hover me!
</a>
</div>
</div>
<div class="row">
<div class="col s6">
<a class="btn tooltipped green"
data-position="left"
data-delay="50"
data-tooltip="Additional Information">
Hover me!
</a>
</div>
<div class="col s6">
<a class="btn tooltipped green"
data-position="top"
data-delay="50"
data-tooltip="Additional Information">
Hover me!
</a>
</div>
</div>
</body>
</html>