title: How to add Css and Js files in Django python
body: <p>I am facing to load static only css and Javascript in my django project. 
  By this code image files are loading but only js and css files are not loading</p>
  
  <pre><code> {% load staticfiles %}
   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
   &lt;head&gt;
   &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
   &lt;title&gt;Home&lt;/title&gt;
   &lt;link href="{% static "pro.css" %}" rel="stylesheet" type="text/css"/&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;div id="sd"&gt;
   &lt;h1&gt;Hi my first django application&lt;/h1&gt;
   &lt;img src="{% static "images/img08.jpg" %}"/&gt;
   &lt;div id="demo"&gt;&lt;/div&gt;
   &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>and my page source in browser</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
  &lt;title&gt;Home&lt;/title&gt;
  &lt;link href="/static/pro.css rel="stylesheet" type="text/css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="sd"&gt;
  &lt;h1&gt;&lt;/h1&gt; 
  &lt;img src="/static/images/img08.jpg"/&gt;
  &lt;div id="demo"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt; 
  &lt;/html&gt;
  </code></pre>
  
  <p>my setting files code`</p>
  
  <pre><code># Static files (CSS, JavaScript, Images)
  # https://docs.djangoproject.com/en/1.8/howto/static-files/
  BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  STATIC_ROOT = os.path.join(BASE_DIR,'static')
  STATIC_URL = '/static/'
  STATICFILES_DIRS=     (os.path.join(BASE_DIR,'questions','static','css'),os.path.join(BASE_DIR,'questions','static','js'),)
  </code></pre>
  
  <p>I got this error message when i checked in my Javascript console -
  127.0.0.1/:19 Resource interpreted as Stylesheet but transferred with MIME type application/x-css:</p>