title: image not showing (angularJS web app)
body: <p>I can't for the life of me figure out why my jpg image isn't rendering on my local computer.  I'm writing a simple web app using AngularJS.  </p>
  
  <p>I have the images in an "img" folder within the same directory as the home.html file.</p>
  
  <p>Could it be something wrong with the picture?  I'm able to open it and it looks renders fine.  I don't see any errors in the console either, just a broken image. Maybe it's the way I'm using bootstrap or angular?  I'm relatively new to both. </p>
  
  <p>home.html code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html data-ng-app="MainApp"&gt;
      &lt;head&gt;
          &lt;title&gt;FedCup 5k&lt;/title&gt;
          &lt;!--angular uses this base element which path to use when it gets any front end resource- this is the root b/c of "/"--&gt;
          &lt;base href='/'&gt;
          &lt;link rel="stylesheet" type="text/css" href="src/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap.min.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class='container'&gt;
              &lt;div class='page-header'&gt;
                  &lt;h1&gt;FedCup 5k&lt;/h1&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-sm-12"&gt;
                          &lt;img src="img/test.jpg"/&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
                      &lt;!--the place holder to render our view dependent on the route--&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-12" data-ng-view&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;script type='text/javascript' src="lib/jquery/dist/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/css" src="lib/bootstrap/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="lib/angular/angular.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="lib/angular-route/angular-route.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="lib/angular-resource/angular-resource.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="src/app.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="src/controller.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="src/factories.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="src/filter.js"&gt;&lt;/script&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks so much for your help!  I'm hoping it's just something stupid I'm overlooking because I've been staring at this for so long and it looks like it should be easy.</p>