diff --git a/Apollo/assets/views/student/studentView.html b/Apollo/assets/views/student/studentView.html
index d0b26955..29686a80 100755
--- a/Apollo/assets/views/student/studentView.html
+++ b/Apollo/assets/views/student/studentView.html
@@ -33,6 +33,14 @@
     a {
         color: #5b5b60;
     }
+    .carddesign{
+        box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
+         0 3px 3px -2px rgba(0,0,0,0.12),
+          0 1px 8px 0 rgba(0,0,0,0.2);
+    }
+    .bg-whitestu{
+        background-color: #eee;
+    }
 </style>
 <!-- start: DASHBOARD TITLE -->
 <!--<section id="page-title" class="padding-top-15 padding-bottom-15">
@@ -45,7 +53,7 @@
 </section>-->
 <!-- end: DASHBOARD TITLE -->
 <!-- start: FEATURED BOX LINKS -->
-<div class="container-fluid container-fullw bg-white" ng-controller="studentViewCtrl" ng-init="getStudentDetails()">
+<div class="container-fluid container-fullw bg-whitestu" ng-controller="studentViewCtrl" ng-init="getStudentDetails()">
 
         <div class="row">
             <!--<div align="right">
@@ -204,28 +212,27 @@
     <div class="row" ng-repeat="course in courseDetails.courseStatus">
         <div class="col-md-12">
             <div class="panel panel-white" id="panel2">
-                <div class="panel-heading">
+                <div class="panel-heading carddesign">
                     <div class="clearfix padding-5 space5" >
                         <div class="row">
-                        <div class="col-xs-12 text-center no-padding">
+                        <div class="col-xs-6 no-padding panel-title">
 <!--
                             <h4 class="panel-title text-purple">{{course.UniversityName}} / {{course.CourseName}}</h4>
+                            <h3>
 -->
-                            <a class="panel-title text-blue" tooltip="University">
-                              <h3>{{course.UniversityName}}</h3>
+                              <h3>
+                            <a class="text-blue">
+                              {{course.CourseName}}
                             </a>
+                            </h3>
                         </div>
                     </div>
-                        <div class="col-xs-6 text-center no-padding">
-                            <a class="text-blue">
-                                Course &nbsp;:&nbsp;{{course.CourseName}}
-                            </a>
-                        </div>
-                        <div class="col-xs-6 text-center no-padding">
-                            <a class="text-blue">
-                                Enrollment ID &nbsp;:&nbsp;{{course.EnrollmentID}}
+                        <div class="col-xs-12 no-padding">
+                            <a class="text-blue" tooltip="University">
+                               {{course.UniversityName}} &nbsp;:&nbsp;  Enrollment ID &nbsp;:&nbsp;{{course.EnrollmentID}}
                             </a>
                         </div>
+                       
                        <!-- <div class="col-xs-4 text-center no-padding">
                             <a class="text-blue">
                                 Session &nbsp;:&nbsp;{{course.SessionName}}