diff --git a/app.js b/app.js
new file mode 100644
index 0000000..66ce544
--- /dev/null
+++ b/app.js
@@ -0,0 +1,20 @@
+angular.module('museumApp',[])
+.controller("ExhibitionController", ExhibitionController)
+.controller("GeneralController", GeneralController)
+
+function ExhibitionController($scope){
+  $scope.artwork = "http://www.metmuseum.org/~/media/Images/Exhibitions/2015/Ancient%20Egypt/AncientEgypt_Home_Page.jpg?mw=988";
+  $scope.title = "Sagent Portraits and Friends";
+  $scope.author = "By John Sagent";
+}
+
+function GeneralController($scope){
+  $scope.time = [
+    {day: "Monday", hours: "7:00-9:00pm"},
+    {day: "Tuesday", hours: "7:00-9:00pm"},
+    {day: "Wednesday", hours: "7:00-9:00pm"},
+    {day: "Thursday", hours: "7:00-9:00pm"}
+  ];
+  $scope.price = [25, 17, 12];
+}
+
diff --git a/lab.html b/lab.html
new file mode 100644
index 0000000..13e9858
--- /dev/null
+++ b/lab.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html ng-app = "museumApp">
+<head>
+  <title>The Museum</title>
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
+  <script type="text/javascript" src = "app.js"></script>
+</head>
+
+
+<body>
+
+  <h1>The Metropolitan Museum of Arts</h1>
+
+  <section ng-controller = "ExhibitionController">
+    <h2>The Exhibit</h2>
+    <img ng-src="{{artwork}}"><<br>
+    {{title}}<br>
+    {{author}}<br>
+  </section>
+  <section ng-controller = "GeneralController">
+    <h2>General Info</h2>
+    <h3>Hours</h3>
+      <ul>
+        <li ng-repeat="x in time">
+          {{ x.day }} : {{ x.hours}}
+        </li>
+     </ul>
+    <h3>Suggested Admission</h3>
+      <ul>
+        <li>Adult - {{price[0]}}</li>
+        <li>Senior - {{price[1]}}</li>
+        <li>Students - {{price[2]}}</li>
+      </ul>
+
+  </section>
+
+
+</body>
+</html>
\ No newline at end of file
