title: Can't add css style and image to html file but don't have any error
body: <p>I have got a question about adding css style and image to html file. I am trying to create my own online page using library flask. I have tried to add css style and image from my computer into html document using following syntax:</p>
  <pre><code>&lt;!-- Our CSS --&gt;
      &lt;link  href=&quot;{{ url_for('static',filename= 'css/style.css') }}&quot; rel=&quot;stylesheet&quot; &gt;
   
  </code></pre>
  <p>but no change appear ...
  here is my link for adding pic</p>
  <pre><code>&lt;img src=&quot;{{ url_for('static' ,filename = 'images/matrix.jpg')}}&quot; alt=&quot;&quot;&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/w87h5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w87h5.png" alt="enter image description here" /></a></p>
  <p>I also using this but problem still remain</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;../static/style.css&quot;&gt;
  </code></pre>
  <p>here is my base.html</p>
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang=&quot;en&quot;&gt;
    &lt;head&gt;
      &lt;!-- Required meta tags --&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot;&gt;
  
      &lt;!-- Bootstrap CSS --&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css&quot; integrity=&quot;sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm&quot; crossorigin=&quot;anonymous&quot;&gt;
      
      &lt;!-- Our CSS --&gt;
      &lt;!-- &lt;link  href=&quot;{{ url_for('static',filename='css/style.css') }}&quot; rel=&quot;stylesheet&quot; &gt; --&gt;
      &lt;link rel=&quot;stylesheet&quot; href='css/style.css'/&gt;
      
      &lt;title&gt;My CV&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      {% include 'navbar.html'%}
      &lt;br/&gt;
      &lt;div class = 'container'&gt;
          {% block content %}
          {% endblock%}
      &lt;/div&gt;
      &lt;!-- Optional JavaScript --&gt;
      &lt;!-- jQuery first, then Popper.js, then Bootstrap JS --&gt;
      &lt;script src=&quot;https://code.jquery.com/jquery-3.2.1.slim.min.js&quot; integrity=&quot;sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js&quot; integrity=&quot;sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js&quot; integrity=&quot;sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>