diff --git a/cms/templates/base.html b/cms/templates/base.html
index 497296ee66..a23a31d9a5 100644
--- a/cms/templates/base.html
+++ b/cms/templates/base.html
@@ -4,26 +4,26 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
-    <link rel="stylesheet" href="{{ STATIC_URL }}/css/base-style.css">
-    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/js/markitup/skins/simple/style.css" />
-    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/js/markitup/sets/wiki/style.css" />
-    <title>{% block title %}{% endblock %}</title>
+    <link rel="stylesheet" href="${ STATIC_URL }/css/base-style.css">
+    <link rel="stylesheet" type="text/css" href="${ STATIC_URL }/js/markitup/skins/simple/style.css" />
+    <link rel="stylesheet" type="text/css" href="${ STATIC_URL }/js/markitup/sets/wiki/style.css" />
+    <title><%block name="title"></%block></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
   </head>
 
   <body>
 
-      {% include "widgets/header.html"%}
+      <%include file="widgets/header.html"/>
 
-      {% block content %}{% endblock %}
+      <%block name="content"></%block>
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-    <script type="text/javascript" src="{{ STATIC_URL }}/js/markitup/jquery.markitup.js"></script>
-    <script type="text/javascript" src="{{ STATIC_URL }}/js/markitup/sets/wiki/set.js"></script>
-    <script src="{{ STATIC_URL }}/js/main.js"></script>
-    <script src="{{ STATIC_URL }}/js/jquery.inlineedit.js"></script>
-    <script src="{{ STATIC_URL }}/js/jquery.leanModal.min.js"></script>
-    <script src="{{ STATIC_URL }}/js/jquery.tablednd.js"></script>
+    <script type="text/javascript" src="${ STATIC_URL }/js/markitup/jquery.markitup.js"></script>
+    <script type="text/javascript" src="${ STATIC_URL }/js/markitup/sets/wiki/set.js"></script>
+    <script src="${ STATIC_URL }/js/main.js"></script>
+    <script src="${ STATIC_URL }/js/jquery.inlineedit.js"></script>
+    <script src="${ STATIC_URL }/js/jquery.leanModal.min.js"></script>
+    <script src="${ STATIC_URL }/js/jquery.tablednd.js"></script>
   </body>
 </html>
 
diff --git a/cms/templates/index.html b/cms/templates/index.html
index 82c3133a37..efd9f9a242 100644
--- a/cms/templates/index.html
+++ b/cms/templates/index.html
@@ -1,19 +1,19 @@
-{% extends "base.html" %}
-{% block title %}Course Manager{% endblock %}
+<%inherit file="base.html" />
+<%block name="title">Course Manager</%block>
 
-{% block content %}
+<%block name="content">
 <section class="main-container">
 
-  {% include "widgets/navigation.html"%}
+  <%include file="widgets/navigation.html"/>
 
   <section class="main-content">
-    {% include "widgets/week-edit.html"%}
-    {% include "widgets/week-new.html"%}
-    {% include "widgets/video-edit.html"%}
-    {% include "widgets/video-new.html"%}
-    {% include "widgets/problem-edit.html"%}
-    {% include "widgets/problem-new.html"%}
+    <%include file="widgets/week-edit.html"/>
+    <%include file="widgets/week-new.html"/>
+    <%include file="widgets/video-edit.html"/>
+    <%include file="widgets/video-new.html"/>
+    <%include file="widgets/problem-edit.html"/>
+    <%include file="widgets/problem-new.html"/>
   </section>
 
 </section>
-{% endblock %}
+</%block>
diff --git a/cms/templates/widgets/video-box-unused.html b/cms/templates/widgets/video-box-unused.html
index 8cde10f151..3d643ff3c9 100644
--- a/cms/templates/widgets/video-box-unused.html
+++ b/cms/templates/widgets/video-box-unused.html
@@ -9,16 +9,16 @@
       Speed
       <li class="speed">
         0.75x
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li class="speed">Normal
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li class="speed">1.25x
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li class="speed">1.5x
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li style="background: #eee;" ><a href="#upload" rel="leanModal" class="new-upload">+</a></li>
     </ul>
@@ -31,8 +31,8 @@
     </p>
   </div>
   <div class="caption-box">
-    {% include "widgets/captions.html" %}
-    {% include "widgets/save-captions.html" %}
+    <%include file="captions.html"/>
+    <%include file="save-captions.html"/>
   </div>
 </li>
 
diff --git a/cms/templates/widgets/video-box.html b/cms/templates/widgets/video-box.html
index 9ab17030bd..1f17e33511 100644
--- a/cms/templates/widgets/video-box.html
+++ b/cms/templates/widgets/video-box.html
@@ -9,16 +9,16 @@
       Speed
       <li class="speed">
         0.75x
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li class="speed">Normal
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li class="speed">1.25x
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li class="speed">1.5x
-        {% include "widgets/speed-tooltip.html" %}
+        <%include file="speed-tooltip.html"/>
       </li>
       <li style="background: #eee;" ><a href="#upload" rel="leanModal" class="new-upload">+</a></li>
     </ul>
@@ -30,6 +30,6 @@
     </p>
   </div>
   <div style="margin-top: 30px;">
-    {% include "widgets/captions.html" %}
+    <%include file="captions.html"/>
   </div>
 </li>
diff --git a/cms/templates/widgets/video-edit.html b/cms/templates/widgets/video-edit.html
index 6b49dc27d7..ac4c921918 100644
--- a/cms/templates/widgets/video-edit.html
+++ b/cms/templates/widgets/video-edit.html
@@ -71,7 +71,7 @@
         <section class="used-videos" style="overflow: visible;">
           <ul id="used">
             <div class="title"><h4>Video clip in use</h4></div>
-            {% include "widgets/video-box.html" %}
+            <%include file="video-box.html"/>
           </ul>
           <p class="no-video">No video clip used. Select one from the list below, <a>upload</a> a new one or <a>import</a> an already uploaded video.</p>
         </section>
@@ -84,7 +84,7 @@
       <div class="step no-title">
         <section class="meta unused-videos"style="overflow: visible;" >
           <ul id="unused">
-            {% include "widgets/video-box-unused.html" %}
+            <%include file="video-box-unused.html"/>
           </ul>
         </section>
       </div>
@@ -129,7 +129,7 @@
 <aside id="video-selector" class="hidden">
   <input type="text" placeholder="Search video files..." />
   <ul class="raw-videos">
-    {% include "widgets/raw-videos.html" %}
+    <%include file="raw-videos.html"/>
   </ul>
 </aside>
 
@@ -140,7 +140,7 @@
     </div>
 
     <div id="view">
-      <img src="{{ STATIC_URL }}/img/video.jpg" />
+      <img src="${ STATIC_URL }/img/video.jpg" />
     </div>
 
     <div id="upload">
diff --git a/cms/templates/widgets/week-edit.html b/cms/templates/widgets/week-edit.html
index 5e6ac199e9..ea6d29ef3b 100644
--- a/cms/templates/widgets/week-edit.html
+++ b/cms/templates/widgets/week-edit.html
@@ -1,4 +1,4 @@
-{% block content %}
+<%block name="content">
 <section class="week-edit">
   <header>
     <h1 class="editable">Week 3</h1>
@@ -27,7 +27,7 @@
         <li>Problem title 13</li>
         <li>Problem title 14</li>
         <li>Video 3</li>
-        {% include "widgets/new-module.html"%}
+        <%include file="new-module.html"/>
       </ul>
 
     </section>
@@ -80,4 +80,4 @@
     </section>
   </section>
 </section>
-{% endblock %}
+</%block>
diff --git a/cms/templates/widgets/week-new.html b/cms/templates/widgets/week-new.html
index 42f4f78e1e..986dc6e05e 100644
--- a/cms/templates/widgets/week-new.html
+++ b/cms/templates/widgets/week-new.html
@@ -1,4 +1,4 @@
-{% block content %}
+<%block name="content">
 <section class="week-new">
   <header>
     <h1>Week 6</h1>
@@ -18,7 +18,7 @@
         <h2>Scratchpad</h2>
       </header>
       <ul>
-        {% include "widgets/new-module.html"%}
+        <%include file="new-module.html"/>
       </ul>
     </section>
   </section>
@@ -59,4 +59,4 @@
     </section>
   </section>
 </section>
-{% endblock %}
+</%block>
