diff --git a/static/index.html b/static/index.html
index bfc56f3..6ba532e 100644
--- a/static/index.html
+++ b/static/index.html
@@ -55,11 +55,18 @@
 
 	<!-- Begin page content -->
 	<div class="container">
-	  <div class="page-header">
-		<h1>Bonjour tout le monde !</h1>
-	  </div>
-	  <p class="lead">Cette page contiendra le resultat de toutes des recherches</p>
-	</div>
+      <div class="results" ng-controller="ResultsCtrl">
+        <ul>
+          <li ng-repeat="id in albumIDs">
+            <div ng-controller="AlbumCtrl" ng-init="init_by_id(id)">
+              <h3>{{album.titre}}</h3>
+              <img src="{{album.CoverURL}}">
+              <p>Description: {{album.description}} </p>
+            </div>
+          </li>
+        </ul>
+        </div>
+    </div>
 
 	<script src="/js/angular.min.js"></script>
 	<script src="/js/angular-animate.min.js"></script>
diff --git a/static/js/satbd.satellite.bar.js b/static/js/satbd.satellite.bar.js
index dc2b379..16ede2a 100644
--- a/static/js/satbd.satellite.bar.js
+++ b/static/js/satbd.satellite.bar.js
@@ -18,3 +18,21 @@ angular.module('satbd.satellite.bar').controller('HelpInstanceCtrl', function($s
 		$uibModalInstance.close('');
 	};
 });
+
+angular.module('satbd.satellite.bar').controller('ResultsCtrl', function($scope, $http,$log) {
+    $scope.albumIDs = [];
+    $http.get('/api/recents').success(function(data){
+        for (var i = 0; i < 30; i++) {
+            $scope.albumIDs.push(data[i])
+        }
+    });
+});
+
+
+angular.module('satbd.satellite.bar').controller('AlbumCtrl', function($scope, $http) {
+    $scope.init_by_id = function(id) {
+        $http.get('api/albums/'+ id).success(function (data) {
+            $scope.album = data;
+        });
+    };
+});