<!doctype html>
<html>

<head>
  <title>Example - www.code-sample.com</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.1/angular.min.js"></script>
  <script>
    angular.module('CounterApp', [])
      .controller('CounterController', ['$scope',
        function($scope) {
          $scope.CounterRows = [{
            name: 'Row1',
            web: 'www.code-sample.com'
          }, {
            name: 'Row2',
            web: 'www.code-sample.net'
          }, {
            name: 'Row3',
            web: 'www.code-sample.in'
          }, {
            name: 'Row4',
            web: 'www.code-sample.co.in'
          }, {
            name: 'Row5',
            web: 'www.code-sample.org'
          }];

        }
      ]);
  </script>
</head>

<body ng-app="CounterApp" ng-controller="CounterController">
  <div ng-repeat="row in CounterRows">
    <div>{{$index +1}} : {{row.name}}</div>
  </div>
</body>

</html>
// Code goes here

/* Styles go here */