AngularJS 1.4.x

var app = angular.module('plunker', ['ui.router']);

app.controller('tabOverviewCtrl', function($scope) {
});

app.controller('projectInitCtrl', function($scope) {
});


app.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('main', {
      url: '/',
      views: {
        '': {
          templateUrl: 'home.html',
          controller: 'projectInitCtrl',
        },
        'tab_overview': {
          templateUrl: 'part_page.html',
          controller: 'tabOverviewCtrl',
        }
      }
    })
    .state('dashboard', {
      url: '/dashboard',
      views: {
        '': {
          templateUrl: 'dashboard.html',
          controller: 'projectInitCtrl',
        },
        'tab_overview': {
          templateUrl: 'part_page_1.html',
          controller: 'tabOverviewCtrl',
        }
      }
    });

  $urlRouterProvider.otherwise('/');
});

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
    <script data-require="ui-router@0.2.18" data-semver="0.2.18" src="https://cdn.rawgit.com/angular-ui/ui-router/0.2.18/release/angular-ui-router.js"></script>
    <script src="app.js"></script>
  </head>

  <body>
    <div ui-view=""></div>
    <!--<div ui-view="tab_overview"></div>-->

    <!--<p>-->
    <!--  uirouter links:-->
    <!--  <a ui-sref="dashboard">dashboard</a>-->
    <!--  <a ui-sref="main">home</a>-->
    <!--</p>-->

   <p>
     natural links
     <a ng-href="#dashboard">dashboard</a>
     <a ng-href="#main">home</a>
   </p>
  </body>

</html>

/* Put your css in here */

DASHBOARD

home tabs

dashboard tabs

HOME