title: why would I be getting Invalid block tag: 'static' error?
body: <p>this is the head of of my base.html:</p>
  
  <pre><code>{% load staticfiles %}
  
  &lt;head&gt;
  
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;    
  &lt;!-- the CSS for Foundation - Base of client side --&gt;
  &lt;link rel="stylesheet" href="{% static 'css/foundation.css' %}" /&gt;
  
  &lt;!-- the CSS for Smooth Div Scroll --&gt;
  &lt;link rel="Stylesheet" type="text/cs' %}" href="{% static 'top_scroll/css/smoothDivScroll.css' %}" /&gt;
  
  &lt;!-- the CSS for Custom --&gt;
  &lt;link rel="stylesheet" href="{% static 'css/custom.css' %} /&gt;
  
  &lt;script src="{% static 'js/vendor/modernizr.js' %}"&gt;&lt;/script&gt;
  &lt;/head&gt;`
  </code></pre>
  
  <p>This part is the body, the statics files up above are loading correctly, I have some images in the body that I also want to load, they are located in the same folder but I have written the code in another file and used <code>{% include "images.html" %}</code> to add them to base.</p>
  
  <p>ex.
          <code>&lt;img src="{% static 'top_scroll/images/demo/field.jpg' %}" alt="Demo image" id="field" /&gt;
          &lt;img src="{% static 'top_scroll/images/demo/gnome.jpg' %}" alt="Demo image" id="gnome" /&gt;
          &lt;img src="{% static 'top_scroll/images/demo/pencils.jpg' %}" alt="Demo image" id="pencils" /&gt;
          &lt;img src="{% static 'top_scroll/images/demo/golf.jpg' %}" alt="Demo image" id="golf" /&gt;</code></p>
  
  <p>Above is pretty much all of the code that is on the image html file, anyone know why I keep getting the Invalid block tag: 'static' error? The top of my base.html has the {% load staticfiles %} so does django require it on every file that has the static function, even if it is called as a text inclusion?</p>