index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>AngularJS Routes example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular-route.min.js"></script>
    <!-- All the logic goes into main.js file.Let's import it -->
    <script src="main.js"></script>
    <!-- End Of Logic -->
</head>

<body ng-app="sampleApp">
    <h5>Sample Routing Example Which will take you to different pages</h5>
    <a href="#/route1">Route 1</a><br />
    <a href="#/route2">Route 2</a><br />
    <a href="#/route1">Route 3</a><br />
    <a href="#/route2">Route 4</a><br />
    <a href="#/route1">Route 5</a><br />
    <a href="#/route2">Route 6</a><br />
    <a href="#/route1">Route 7</a><br />
    <a href="#/route2">Route 8</a><br />
    <!-- Adding one more Route-->
    <a href="#/route2">Route 9</a><br />
    <div ng-view></div>
</body>
</html>