Design Updated

Author: Saptak Sengupta

app/about/about.html

@@ -1,4 +1,4 @@
-<md-whiteframe class="md-whiteframe-1dp" layout="column"
+<!--<md-whiteframe class="md-whiteframe-1dp" layout="column"
                ng-style="{ 'margin': $mdMedia('gt-md') ? '8px' : '0 0 4px 0' }">
     <md-toolbar flex>
         <h2 class="md-toolbar-tools">
@@ -13,10 +13,15 @@ <h2 class="md-toolbar-tools">
             </md-button>
         </a>
     </div>
-</md-whiteframe>
+</md-whiteframe>-->
 <div class="gdg_loading" ng-show="vm.loading"></div>
 <md-card class="description-card" ng-hide="vm.loading"
          ng-style="{ 'margin': $mdMedia('gt-md') ? '8px' : '0 0 4px 0' }">
+    <md-toolbar flex>
+        <h2 class="md-toolbar-tools">
+            Google Developer's Group, Allahabad
+        </h2>
+    </md-toolbar>
     <img ng-show="vm.cover.url" ng-src="{{ vm.cover.url }}" alt="Google+ Cover Image">
     <div id="cover" ng-show="vm.cover.url">
 

app/css/gdg.css

@@ -1,15 +1,44 @@
 body {
+    /*background: #262b2e;*/
     overflow-y: scroll;
-    color: #424242;
+    color: #D8D1D1;
     font-family: 'Roboto', sans-serif;
     line-height: 24px;
     letter-spacing: -0.01em;
+    /*height:80em;*/
+}
+
+p {
+    color:#262b2e;
+}
+
+.smaller {
+    position:fixed;
+    top:0px;
+}
+
+md-card{
+    background-color:rgba(255,255,255,0.1) !important;
 }
 .gdg_loading {
     background: url('/app/images/gdg_loading.gif') no-repeat 0 0 rgb(255, 255, 255);
     width: 64px;
     height: 64px;
 }
+
+canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: auto; 
+}
+
+
+.md-toolbar-tools {
+    background: black;
+}
+
 md-tabs .md-header {
     border-bottom: 1px solid #D8D8D8;
 }
@@ -44,6 +73,7 @@ md-tabs .md-header {
 }
 .navTabs md-tab-item {
     padding: 0;
+    color:#9E9E9E
 }
 .navTabLink {
     padding: 12px 24px;