diff --git a/src/main/webapp/components/owners/OwnerController.js b/src/main/webapp/components/owners/OwnerController.js
index 9c0de37d2..d393b4263 100644
--- a/src/main/webapp/components/owners/OwnerController.js
+++ b/src/main/webapp/components/owners/OwnerController.js
@@ -1,7 +1,9 @@
-var OwnerController = ['$scope',function($scope) {
+var OwnerController = ['$scope','Owner',function($scope,Owner) {
 	$scope.$on('$viewContentLoaded', function(event){
 		$('html, body').animate({
 		    scrollTop: $("#owners").offset().top
 		}, 1000);
 	});
+
+	$scope.owners = Owner.query();
 }];
\ No newline at end of file
diff --git a/src/main/webapp/components/owners/owners.html b/src/main/webapp/components/owners/owners.html
index 5b017ad73..61d499ef4 100644
--- a/src/main/webapp/components/owners/owners.html
+++ b/src/main/webapp/components/owners/owners.html
@@ -42,75 +42,13 @@
   </div>
 
   <div class="row">
-    <div class="col-md-3">
+    <div class="col-md-3" ng-repeat="owner in owners">
       <div class="thumbnail">
-        <a href="show.html"><a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a></a>
+        <a href="show.html"><a href="show.html"><img src="/petclinic/images/avatars/owner{{owner.id}}.jpg" alt="Generic placeholder image"></a></a>
         <div class="caption">
-          <a href="show.html"><a href="show.html"><h3>Thumbnail label</h3></a></a>
-          <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a></a>
-        <div class="caption">
-          <a href="show.html"><a href="show.html"><h3>Thumbnail label</h3></a></a>
-          <p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="show.html"><h3>Thumbnail label</h3></a>
-          <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="show.html"><h3>Thumbnail label</h3></a>
-          <p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="show.html"><h3>Thumbnail label</h3></a>
-          <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="show.html"><h3>Thumbnail label</h3></a>
-          <p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="show.html"><h3>Thumbnail label</h3></a>
-          <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.</p>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-3">
-      <div class="thumbnail">
-        <a href="show.html"><img src="http://placehold.it/600x600" alt="Generic placeholder image"></a>
-        <div class="caption">
-          <a href="show.html"><h3>Thumbnail label</h3></a>
-          <p>Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
+          <a href="show.html"><a href="show.html"><h3>{{owner.firstName}}&nbsp{{owner.lastName}}</h3></a></a>
+          <p>{{owner.city}}</p>
+          <p>{{owner.address}}</p>
         </div>
       </div>
     </div>
diff --git a/src/main/webapp/images/avatars/owner1.jpg b/src/main/webapp/images/avatars/owner1.jpg
new file mode 100644
index 000000000..68b8bb441
Binary files /dev/null and b/src/main/webapp/images/avatars/owner1.jpg differ
diff --git a/src/main/webapp/images/avatars/owner10.jpg b/src/main/webapp/images/avatars/owner10.jpg
new file mode 100644
index 000000000..3e1540b65
Binary files /dev/null and b/src/main/webapp/images/avatars/owner10.jpg differ
diff --git a/src/main/webapp/images/avatars/owner2.jpg b/src/main/webapp/images/avatars/owner2.jpg
new file mode 100644
index 000000000..8004cc411
Binary files /dev/null and b/src/main/webapp/images/avatars/owner2.jpg differ
diff --git a/src/main/webapp/images/avatars/owner3.jpg b/src/main/webapp/images/avatars/owner3.jpg
new file mode 100644
index 000000000..4fc0e104c
Binary files /dev/null and b/src/main/webapp/images/avatars/owner3.jpg differ
diff --git a/src/main/webapp/images/avatars/owner4.jpg b/src/main/webapp/images/avatars/owner4.jpg
new file mode 100644
index 000000000..667af2fc4
Binary files /dev/null and b/src/main/webapp/images/avatars/owner4.jpg differ
diff --git a/src/main/webapp/images/avatars/owner5.jpg b/src/main/webapp/images/avatars/owner5.jpg
new file mode 100644
index 000000000..bf8143456
Binary files /dev/null and b/src/main/webapp/images/avatars/owner5.jpg differ
diff --git a/src/main/webapp/images/avatars/owner6.jpg b/src/main/webapp/images/avatars/owner6.jpg
new file mode 100644
index 000000000..af0e6e3e1
Binary files /dev/null and b/src/main/webapp/images/avatars/owner6.jpg differ
diff --git a/src/main/webapp/images/avatars/owner7.jpg b/src/main/webapp/images/avatars/owner7.jpg
new file mode 100644
index 000000000..b83a77397
Binary files /dev/null and b/src/main/webapp/images/avatars/owner7.jpg differ
diff --git a/src/main/webapp/images/avatars/owner8.jpg b/src/main/webapp/images/avatars/owner8.jpg
new file mode 100644
index 000000000..99f290b4a
Binary files /dev/null and b/src/main/webapp/images/avatars/owner8.jpg differ
diff --git a/src/main/webapp/images/avatars/owner9.jpg b/src/main/webapp/images/avatars/owner9.jpg
new file mode 100644
index 000000000..c6009f9eb
Binary files /dev/null and b/src/main/webapp/images/avatars/owner9.jpg differ