diff --git a/static/index.html b/static/index.html
index b18293b..5b6cf96 100644
--- a/static/index.html
+++ b/static/index.html
@@ -7,9 +7,15 @@
 		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 		<title>Pantsu Paste</title>
 
+		<!-- Material Design fonts -->
+		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
+		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">
 		<!-- Bootstrap -->
 		<link href="css/bootstrap.min.css" rel="stylesheet">
 
+		<link rel="stylesheet" type="text/css" href="css/bootstrap-material-design.css">
+		<link rel="stylesheet" type="text/css" href="css/ripples.min.css">
+
 		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 		<!--[if lt IE 9]>
@@ -26,6 +32,7 @@
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 		<!-- Include all compiled plugins (below), or include individual files as needed -->
 		<script src="js/bootstrap.min.js"></script>
+		<script src="js/main.js"></script>
 	</body>
 </html>
 
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644
index 0000000..e2dfc81
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1 @@
+$.material.init()