diff --git a/templates/index.html b/templates/index.html
index 367320f..5f8ac89 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,9 +1,10 @@
+{% load staticfiles %}
 <!DOCTYPE html>
 <html lang="en">
     <head>
         <title>{{ title }}</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link href="/static/math.css" rel="stylesheet" media="screen">
+        <link href="{% static "math.css" %}" rel="stylesheet" media="screen">
     </head>
     <body>
         <section id="content">
@@ -17,7 +18,7 @@
         <footer>
             score: <span id="score"></span>
         </footer>
-        <script src="/static/jquery-2.0.0.min.js"></script>
-        <script src="/static/math.js"></script>
+        <script src="{% static 'jquery-2.0.0.min.js' %}"></script>
+        <script src="{% static "math.js" %}"></script>
     </body>
 </html>
