title: can't show icons with coreUi
body: <p>I'm discovering coreUI.</p>
  
  <p>I'm trying to create this login.html found on github:
  <a href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-login.html" rel="nofollow noreferrer">https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-login.html</a></p>
  
  <p>Everything works great but can't show the user-icon and the lock-icon. Instead, i get the default icon for both of them.</p>
  
  <p>I'm working on a folder named coreUI that contains: </p>
  
  <ul>
  <li><p>login.html</p></li>
  <li><p>css folder (contains style.css and simple-line-icons.css both from the git repo)</p></li>
  <li><p>bower_components folder ( that contains jquery, bootstarp and tether)</p></li>
  </ul>
  
  <p>so the paths should be correct.</p>
  
  <p>Moreover, when I inspect the element in the browser, i can see in the css rules tab, the content <code>\e08e</code> and <code>\e005</code> for the lock-icon and the user-icon.
   But they are displaying the same default icon. Any help would be appreciated.</p>
  
  <p>I also tried it with register.html ; <a href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-register.html" rel="nofollow noreferrer">https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-register.html</a> but the same problem. All icons show defaut.</p>
  
  <p>this is my login.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
      &lt;meta name="description" content="..."&gt;
      &lt;meta name="author" content="...."&gt;
      &lt;meta name="keyword" content="...."&gt;
  
      &lt;!-- FavIcon link--&gt;
      &lt;link rel="shortcut icon" href="../favicon.png"&gt;
      &lt;!-- Icons --&gt;
      &lt;link href="css/simple-line-icons.css" rel="stylesheet"&gt;
  
  
      &lt;link href="css/style.css" rel="stylesheet"&gt;
  
      &lt;title&gt;Login&lt;/title&gt;
  
  
  
  &lt;/head&gt;
  
  &lt;body class="app flex-row align-items-center"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row justify-content-center"&gt;
              &lt;div class="col-md-8"&gt;
                  &lt;div class="card-group mb-0"&gt;
                      &lt;div class="card p-4"&gt;
                          &lt;div class="card-block"&gt;
                              &lt;h1&gt;Sign In&lt;/h1&gt;
                              &lt;p class="text-muted"&gt;Sign In to your account&lt;/p&gt;
                              &lt;div class="input-group mb-3"&gt;
                                  &lt;span class="input-group-addon"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt;
                                  &lt;/span&gt;
                                  &lt;input type="text" class="form-control" placeholder="Username"&gt;
                              &lt;/div&gt;
                              &lt;div class="input-group mb-4"&gt;
                                  &lt;span class="input-group-addon"&gt;&lt;i class="icon-lock"&gt;&lt;/i&gt;
                                  &lt;/span&gt;
                                  &lt;input type="password" class="form-control" placeholder="Password"&gt;
                              &lt;/div&gt;
                              &lt;div class="row"&gt;
                                  &lt;div class="col-6"&gt;
                                      &lt;button type="button" class="btn btn-primary px-4"&gt;Login&lt;/button&gt;
                                  &lt;/div&gt;
                                  &lt;div class="col-6 text-right"&gt;
                                      &lt;button type="button" class="btn btn-link px-0"&gt;Forgot password?&lt;/button&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="card card-inverse card-primary py-5 d-md-down-none" style="width:44%"&gt;
                          &lt;div class="card-block text-center"&gt;
                              &lt;div&gt;
                                  &lt;h2&gt;Sign up&lt;/h2&gt;
                                  &lt;p&gt;Site description....&lt;/p&gt;
                                  &lt;button type="button" class="btn btn-primary active mt-3"&gt;Register&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
  &lt;script src="bower_components/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/tether/dist/js/tether.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>