Ionic 1 --> ui-sref linking issue

ionic-v1
1

I’m having a hard time having the app change views and looking for some help. This is my code below. When clicked it does nothing.

html

 <ion-list>
	 <ion-item class="coll pic-banner" ng-style="{'background-image': 'url(img/fran.png)'}">
	  <a herf="#" ui-sref="tab.welcome"><h1>Welcome!</h1></a>
	 </ion-item>
</ion-list>

app.js

   .state('tab.welcome', {
                        url: '/welcome',
                        views: {
                            'tab-welcome': {
                                templateUrl: 'templates/tab-welcome.html',
                                controller: 'WelcomeCtrl'
                            }
                        }
                    })

controllers.js

.controller('WelcomeCtrl', function($scope, $stateParams, $ionicScrollDelegate) {
})