diff --git a/Apollo/assets/views/courseDetails.html b/Apollo/assets/views/courseDetails.html
index 566549bd..86069801 100644
--- a/Apollo/assets/views/courseDetails.html
+++ b/Apollo/assets/views/courseDetails.html
@@ -1,10 +1,315 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
+<!-- start: PAGE TITLE -->
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle" translate="Add/View Course Details">{{ mainTitle }}</h1>
+            <!--
+                        <span class="mainDescription">Over a dozen reusable components built to provide popovers, media objects, navigation, tooltips and much more. </span>
+            -->
+        </div>
+        <div ncy-breadcrumb></div>
+    </div>
+</section>
+<!-- end: PAGE TITLE -->
+<!-- start: LIST GROUP -->
+<div class="container-fluid container-fullw bg-white">
+    <div class="row" ng-controller="courseCtrl" data-ng-init="init()">
+        <tabset class="tabbable">
+            <tab heading="View Course" id="viewcourse">
+                <div class="container-fluid container-fullw">
+                    <div class="row">
+                        <div ng-if="loader == ''" class="col-md-12" align="center">
+                            <!--<img src="assets/images/ajax_loader_blue.gif" style="width: 5%; height: 30%">-->
+                            <spinner name="html5spinner">    <div class="overlay"></div>    <div class="spinner">        <div class="double-bounce1"></div>        <div class="double-bounce2"></div>    </div>    <div class="please-wait">Please Wait...</div>
+                            </spinner>
+                        </div>
+
+                        <div class="col-md-12" ng-if="emptyData == false &&  loader != ''" style="min-height: 281px;">
+                            <p style="color: red;" align="center"><strong><h3 class="text-center">oops! No
+                                records found... </h3></strong></p>
+                        </div>
+                        <div class="col-md-12" ng-if="emptyData == true">
+                            <div class="row">
+
+                                <div class="col-md-3">
+                                    <script>
+                                        $(function () {
+                                            $("#search").focus();
+
+                                        });
+                                    </script>
+                                    <input class="form-control" type="text" ng-model="search"
+                                           id="search" autofocus tabindex="1"
+                                           placeholder="Search"/><br><br>
+                                </div>
+
+
+                            </div>
+
+                            <div class="table-responsive">
+                                <fieldset>
+
+                                <table class="table table-hover">
+                                    <thead>
+                                    <tr>
+                                        <th ng-click="sort('BranchCode')">Course ID
+                                            <span class="glyphicon sort-icon" ng-show="sortKey=='BranchCode'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                        </th>
+                                        <th ng-click="sort('BranchName')">Course Name
+                                            <span class="glyphicon sort-icon" ng-show="sortKey=='BranchName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                        </th>
+                                        <th ng-click="sort('Address')">University
+                                            <span class="glyphicon sort-icon" ng-show="sortKey=='Address'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                        </th>
+                                        <!--  <th ng-click="sort('EmailID')">Email Id
+                                             <span class="glyphicon sort-icon" ng-show="sortKey=='EmailID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                         </th>
+                                        <th ng-click="sort('MobileNumber')">Mobile Number
+                                             <span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                         </th>
+                                         <th ng-click="sort('AlternateNumber')">Alternate Mobile
+                                             <span class="glyphicon sort-icon" ng-show="sortKey=='AlternateNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                         </th>
+                                         <th ng-click="sort('LandlineNumber')">Landline Number
+                                             <span class="glyphicon sort-icon" ng-show="sortKey=='LandlineNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
+                                         </th>
+                                         <th>
+                                         </th>-->
+                                    </tr>
+                                    </thead>
+                                    <tbody dir-paginate="p in data|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:5">
+                                    <tr>
+                                        <td>{{p.BranchCode}}</td>
+                                        <td>{{p.BranchName}}</td>
+                                        <td>{{p.Address}}</td>
+                                        <!-- <td>{{p.EmailID}}</td>
+                                       <td>{{p.MobileNumber}}</td>
+                                        <td>{{p.AlternateNumber}}</td>
+                                        <td>{{p.LandlineNumber}}</td>
+                                        <td>
+                                            <div class="pull-right margin-right-10">
+                                                <input type=button class="btn btn-info btn-sm"
+                                                       id="editRowBtn{{p.BranchCode}}" value="Modify"
+                                                       ng-click="setEditId(p.BranchCode);">
+                                            </div></td>-->
+
+                                    </tr>
+                                    <tr ng-show="editId === p.BranchCode" ng-if="editId === p.BranchCode" style="width: ">
+                                        <td colspan="6" ng-include
+                                            src="'assets/views/editBranchDetails.html'"></td>
+                                    </tr>
+                                    </tbody>
+
+                                </table>
+                                <dir-pagination-controls max-size="5" direction-links="true" boundary-links="true">
+                                </dir-pagination-controls>
+                            </fieldset>
+                            </div>
+
+
+                        </div>
+                    </div>
+                </div>
+
+                <!--
+                view tab end
+                -->
+
+
+            </tab>
+            <script>
+                $('#addcourse').click(function () {
+                    $('#course').focus();
+                });
+            </script>
+
+            <tab heading="Add Course" id="addcourse">
+                <div>
+                    <form name="Form" id="form" novalidate ng-submit="branchForm.submit(Form, myModel, 'zoom-in')" method="post">
+                        <div class="row">
+
+                            <div class="col-md-12">
+                                <fieldset>
+                                    <legend>
+                                        Add New Branch Details
+                                    </legend>
+
+                                    <div class="row">
+                                        <div class="col-md-4 form-group"
+                                             ng-class="{'has-error':Form.branchcode.$dirty && Form.branchcode.$invalid, 'has-success':Form.branchcode.$valid}">
+                                            <label>
+                                                Branch Code <span class="symbol required"></span>
+                                            </label>
+
+                                            <input type="text"  placeholder="Enter Branch Code"
+                                                   tabindex="1" class="form-control" name="branchcode"
+                                                   ng-model="myModel.branchCode" ng-pattern="/^[a-zA-Z0-9.\s]*$/" required/>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.branchcode.$dirty && Form.branchcode.$error.required">Branch Code required</span>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.branchcode.$dirty && Form.branchcode.$error.pattern">Invalid Branch Code </span>
+                                            <!--<span class="success text-small"-->
+                                            <!--ng-if="Form.stopname.$valid">Thank You!</span>-->
+                                        </div>
+
+
+                                        <div class="col-md-4 form-group"
+                                             ng-class="{'has-error':Form.branchname.$dirty && Form.branchname.$invalid, 'has-success':Form.branchname.$valid}">
+                                            <label>
+                                                Branch Name <span class="symbol required"></span>
+                                            </label>
+
+                                            <input type="text"  placeholder="Enter Branch Name"
+                                                   tabindex="2" class="form-control" name="branchname"
+                                                   ng-model="myModel.branchName" ng-pattern="/^[a-zA-Z0-9.\s]*$/" required/>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.branchname.$dirty && Form.branchname.$error.required">Branch Name required</span>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.branchname.$dirty && Form.branchname.$error.pattern">Invalid Branch Name </span>
+                                            <!--<span class="success text-small"-->
+                                            <!--ng-if="Form.stopname.$valid">Thank You!</span>-->
+                                        </div>
+
+                                        <div class=" col-md-4 form-group"
+                                             ng-class="{'has-error':Form.Email.$dirty && Form.Email.$invalid, 'has-success':Form.Email.$valid}">
+                                            <label>
+                                                Email ID <span class="symbol required"></span>
+                                            </label>
+                                            <input type="email" tabindex="3"
+                                                   placeholder="Enter Email ID"
+                                                   class="form-control"
+                                                   name="Email"
+                                                   ng-pattern="/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i"
+                                                   ng-model="myModel.email" required>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.Email.$dirty && Form.primaryEmail.$invalid"
+                                                  ng-hide="Form.Email.$error.email">Email is required.</span>
+                                            <span  class="error text-small block"
+                                                   ng-if="Form.Email.$error.email">Please, enter a valid email address.</span>
+                                            <!--<span style="color:#000" class="success text-small"
+                                                  ng-if="Form.primaryEmail.$valid">It's a valid e-mail!</span>-->
+                                        </div>
+                                    </div>
+                                    <div class="row">
+
+                                        <div class="col-md-4 form-group"
+                                             ng-class="{'has-error':Form.primaryPhone.$dirty && Form.primaryPhone.$invalid, 'has-success':Form.primaryPhone.$valid}">
+                                            <label>
+                                                Mobile Number <span
+                                                    class="symbol required"></span>
+                                            </label>
+                                            <input type="text" name="primaryPhone" tabindex="4"
+                                                   placeholder="Enter Mobile Number"
+                                                   class="form-control"
+                                                   ng-model="myModel.primaryPhone"
+                                                   ng-minlength="10" ng-maxlength="12"
+                                                   ng-pattern="/^[0-9]*$/" required>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.primaryPhone.$dirty && Form.primaryPhone.$invalid"
+                                                  ng-hide="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Primary phone is required.</span>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.primaryPhone.$error.maxlength || Form.primaryPhone.$error.minlength || Form.primaryPhone.$error.pattern">Enter a Valid Phone Number</span>
+                                            <!--  <span class="success text-small"
+                                                    ng-if="Form.primaryPhone.$valid">Thank You!</span>-->
+                                        </div>
+
+                                        <div class="col-md-4 form-group"
+                                             ng-class="{'has-error':Form.secondaryPhone.$dirty && Form.secondaryPhone.$invalid, 'has-success':Form.secondaryPhone.$valid}">
+                                            <label class="control-label">
+                                                Alternate Mobile Number
+                                            </label>
+                                            <input type="text" name="secondaryPhone" tabindex="5"
+                                                   placeholder="Enter Alternate Mobile Number"
+                                                   class="form-control"
+                                                   ng-model="myModel.secondaryPhone"
+                                                   ng-minlength="10" ng-maxlength="12"
+                                                   ng-pattern="/^[0-9]*$/"/>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.secondaryPhone.$error.maxlength || Form.secondaryPhone.$error.minlength || Form.secondaryPhone.$error.pattern">Enter a Valid Phone Number</span>
+                                        </div>
+                                        <div class="col-md-4 form-group"
+                                             ng-class="{'has-error':Form.Landline.$dirty && Form.Landline.$invalid, 'has-success':Form.Landline.$valid}">
+                                            <label class="control-label">
+                                                Landline Number
+                                            </label>
+                                            <input type="text" name="Landline" tabindex="6"
+                                                   placeholder="Enter Landline Number"
+                                                   class="form-control"
+                                                   ng-model="myModel.landLine"
+                                                   ng-minlength="11" ng-maxlength="13"
+                                                   ng-pattern="/^[0-9-]*$/"/>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.Landline.$error.maxlength || Form.Landline.$error.minlength || Form.Landline.$error.pattern">Enter a Valid Number</span>
+                                        </div>
+                                    </div>
+                                    <div class="row">
+
+                                        <div class="col-md-4 form-group"
+                                             ng-class="{'has-error':Form.address.$dirty && Form.address.$invalid, 'has-success':Form.address.$valid}">
+                                            <label>
+                                                Address<span class="symbol required"></span>
+                                            </label>
+                                            <textarea placeholder="Enter Address" tabindex="7"
+                                                      class="form-control textdsc" name="address"
+                                                      ng-model="myModel.address" required></textarea>
+                                            <span class="error text-small block"
+                                                  ng-if="Form.address.$dirty && Form.address.$invalid">Address is required</span>
+                                            <!--<span class="success text-small"-->
+                                            <!--ng-if="Form.address.$valid">Thank You!</span>-->
+                                        </div>
+                                        <div class="col-md-4">
+                                            <label>
+                                                Active/De-Active
+                                            </label>
+                                            <div ng-switch="myModel.switchsetting">
+                                                <div ng-switch-when="true">
+                                                    <switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
+
+                                                </div>
+                                                <div ng-switch-when="false">
+                                                    <switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = false" class="green"></switch>
+
+                                                </div>
+
+
+                                                <div ng-switch-default>
+                                                    <switch ng-model="myModel.switchsetting" ng-init="myModel.switchsetting = true" class="green"></switch>
+
+                                                </div>
+                                            </div>
+
+                                        </div>
+
+                                    </div>
+
+
+
+                                    <div class="col-md-12">
+                                        <div class="pull-right">
+                                            <button type="submit" ladda="ldloading1.zoom_in" tabindex="9" class="btn btn-wide btn-success" data-style="zoom-in">
+                                                Submit
+                                            </button>
+                                            <!-- <button type="submit" class="btn btn-success btn-o" tabindex="8">
+                                                 Submit
+                                             </button>-->
+                                            <button type="reset" class="btn btn-warning btn-wide" tabindex="10"
+                                                    ng-click="branchForm.reset(Form)">
+                                                Reset
+                                            </button>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </tab>
+        </tabset>
+    </div>
+</div>
+<!-- end: LIST GROUP -->
+
+
+
+
 
-</body>
-</html>
\ No newline at end of file
