title: Need help checking over angular ui-router code
body: <p>I'm trying to create a portfolio in angular, and can't seem to get the routing correct. I double checked with an app I had made previously, and can't seem to find anything. When I compile, there are no errors logged in the console. Could someone check if my code is properly laid out? </p>
  
  <p>the HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;my portfolio&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" type="text/css" href="stylesheet.css"&gt;
  
    &lt;!-- &lt;link href="https://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css"&gt; --&gt;
    &lt;/head&gt;
  
    &lt;body np-app="myPort"&gt;
      &lt;div id="navigation-bar"&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#/home"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#/projects"&gt;My Projects&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#/contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div ui-view&gt;&lt;/div&gt;
  
      &lt;!-- loading angular frameworks --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;!-- app js stuff --&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the module</p>
  
  <pre><code>angular.module('myPort', ['ui.router'])
  
  .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
      $stateProvider
          .state('home', {
              url: '/home',
              templateUrl: 'partials/bio/index.html',
            })
  
          .state('projects', {
              url: '/projects',
              templateUrl: 'partials/projects/index.html',
            })
  
          .state('contact', {
              url: '/contact',
              templateUrl: 'partials/contact/index.html',
          })
  
      $urlRouterProvider.otherwise('/home');
  }]);
  //no controllers linked for troubleshooting
  </code></pre>