diff --git a/TeamDBAwesome/TeamDBAwesome/pages/new-media.html b/TeamDBAwesome/TeamDBAwesome/pages/new-media.html
index e4f92a4..15f4d1d 100644
--- a/TeamDBAwesome/TeamDBAwesome/pages/new-media.html
+++ b/TeamDBAwesome/TeamDBAwesome/pages/new-media.html
@@ -16,6 +16,43 @@
             <input type="text" name="trackName" id="trackName" class="form-control" ng-model="track.trackName" required />
             <span ng-show="form.trackName.$dirty && form.trackName.$error.required" class="help-block">Track name is required</span>
         </div>
+        <div class="form-group" ng-class="{ 'has-error': form.albumTitle.$dirty && form.albumTitle.$error.required }">
+            <label for="albumTitle">Album Title</label>
+            <input type="text" name="albumTitle" id="albumTitle" class="form-control" ng-model="track.albumTitle"/>
+        </div>
+        <div class="form-group" ng-class="{ 'has-error': form.mediaType.$dirty && form.mediaType.$error.required }">
+            <label for="mediaType">Media Type</label>
+            <input type="text" name="mediaType" id="mediaType" class="form-control" ng-model="track.mediaType" required />
+            <span ng-show="form.mediaType.$dirty && form.mediaType.$error.required" class="help-block">Media Type is required</span>
+        </div>
+        <div class="form-group" ng-class="{ 'has-error': form.genre.$dirty && form.genre.$error.required }">
+            <label for="genre">Genre</label>
+            <input type="text" name="genre" id="genre" class="form-control" ng-model="track.genre" required />
+            <span ng-show="form.genre.$dirty && form.genre.$error.required" class="help-block">Genre is required</span>
+        </div>
+        <div class="form-group" ng-class="{ 'has-error': form.composer.$dirty && form.composer.$error.required }">
+            <label for="composer">Composer</label>
+            <input type="text" name="composer" id="composer" class="form-control" ng-model="track.composer" required />
+            <span ng-show="form.composer.$dirty && form.composer.$error.required" class="help-block">Composer is required</span>
+        </div>
+        <div class="form-group" ng-class="{ 'has-error': form.milliseconds.$dirty && form.milliseconds.$error.required }">
+            <label for="milliseconds">Milliseconds</label>
+            <input type="text" name="milliseconds" id="milliseconds" class="form-control" ng-model="track.milliseconds" required />
+            <span ng-show="form.milliseconds.$dirty && form.milliseconds.$error.required" class="help-block">Milliseconds is required</span>
+        </div>
+        <div class="form-group" ng-class="{ 'has-error': form.bytes.$dirty && form.bytes.$error.required }">
+            <label for="bytes">Bytes</label>
+            <input type="text" name="bytes" id="bytes" class="form-control" ng-model="track.bytes" required />
+            <span ng-show="form.bytes.$dirty && form.bytes.$error.required" class="help-block">Bytes is required</span>
+        </div>
+        <div class="form-group" ng-class="{ 'has-error': form.unitPrice.$dirty && form.unitPrice.$error.required }">
+            <label for="unitPrice">Unit Price</label>
+            <input type="text" name="unitPrice" id="unitPrice" class="form-control" ng-model="track.unitPrice" required />
+            <span ng-show="form.unitPrice.$dirty && form.unitPrice.$error.required" class="help-block">Unit Price is required</span>
+        </div>
+        <div class="form-actions">
+            <button type="submit" ng-disabled="form.$invalid || vm.dataLoading" data-ng-click="createTrack(track)" class="btn btn-primary">Submit</button>
+        </div>
       
     </form>