diff --git a/templates/js/controllers/campusesController.js b/templates/js/controllers/campusesController.js
new file mode 100644
index 0000000..e1d796b
--- /dev/null
+++ b/templates/js/controllers/campusesController.js
@@ -0,0 +1,17 @@
+angular.module('SeHub')
+.controller('campusesController', ['$scope', '$cookies', '$cookieStore', '$window', '$location', '$mdToast', '$mdDialog', 'apiService', '$rootScope', function($scope, $cookies, $cookieStore, $window, $location, $mdToast, $mdDialog, apiService, $rootScope) {
+
+
+
+
+	$scope.campuses = ['Bezalel', 'Ben Gurion', 'Sami Shamoon', 'Afeka', 'Ivrit', 'Kaka', 'Opium'];
+	console.log($scope.campuses);
+
+	// apiService.getCampusesByUser(token).success(function(data) // Get all the campuses
+	// {
+	// 	$scope.campuses = data;
+	// }).error(function() {
+	// // TODO
+	// });
+
+}]);
\ No newline at end of file
diff --git a/templates/views/campuses.html b/templates/views/campuses.html
new file mode 100644
index 0000000..96d5734
--- /dev/null
+++ b/templates/views/campuses.html
@@ -0,0 +1,16 @@
+<div class = "myCampuses">
+	<md-content layout-padding layout-margin>
+		<h1 layout-margin style="margin-left:15px"><i class="fa fa-university"></i> My Campuses</h1>
+	</md-content>
+	<md-card flex = "99" class="cardAllCampuses">	
+		<div flex class = "allCampusesShow" layout = "column">
+			<div flex layout = "row" ng-repeat = "campus in campuses" value = "{{campus}}" layout-padding>
+				<a href="http://localhost:8080/home#/myClasses" style="color:black; text-decoration:none;">
+					<md-card layout-padding flex class = "campusCard">
+						{{campus}}
+					</md-card>
+				</a>
+			</div>
+		</div>
+	</md-card>
+</div>
\ No newline at end of file