Updated

Author: Sara Soueidan

css/demo-styles.css

@@ -376,64 +376,6 @@ ul{
         line-height:25px;
       }
 
-/*=================demo overlay template====================================*/
-.demo-overlay{
-  width:100%; 
-  height:100%;
-  background:#385E82;
-  color:white;
-  text-align:center;
-  font-size:300%;
-  font-weight:300;
-  position:absolute;
-  right:0%;
-  top:0%;
-  transition:all 0.5s linear;
-}
-.slideDemoOverlayUp{
-  top:-150%;
-}
-.demo-overlay-title{
-  font-weight:100;
-  margin:1.35em auto .5em;
-  font-size:1.25em;
-}
-.browser-logos{
-  width:30%;
-  height:1em;
-  margin:.5em auto;
-}
-.browser-logos li{
-  float:left;
-  height:2em;
-}
-.demo-overlay{
-  z-index:3;
-}
-.view-demo-button{
-  width:95%;
-  padding:5px 15px;
-  border:5px solid white;
-  cursor:pointer;
-  margin:1.5em auto 0;
-  font-weight:400;
-  clear:both;
-  color:#385E82;
-  background:white;
-  font-size:1em;
-}
-.notification{
-  font-size:.4em;
-  font-style:italic;
-  margin-top:1em;
-}
-.cite{
-  font-size:.9em;
-}
-.cite a{
-  color:white;
-}
-
 
 /*======================= media queries =======================*/
 

index.html

@@ -13,22 +13,6 @@
 
   <!--===============================Start Demo====================================================-->
 <div class="demo-wrapper">
-  <!--demo overlay template-->
-  <div class="demo-overlay">
-    <h2 class="demo-overlay-title">Windows 8 Animations</h2>
-    <p style=" font-size:0.7em; clear:both">Browser Support</p>
-    <ul class="browser-logos">
-      <li><img src="images/chrome.png" height="70" width="70" /></li>
-      <li><img src="images/firefox.png" height="70" width="70" /></li>
-      <li><img src="images/safari.png" height="70" width="70" /></li>
-      <li><img src="images/opera.png" height="70" width="70" /></li>
-      <li><img src="images/ie.png" height="70" width="70" /></li>
-    </ul>
-    <div class="view-demo-button">View Demo</div>
-    <p class="notification">* Best experienced in Webkit Browsers</p>
-  </div>
-  <!--end demo overlay template-->
-
   <div class="login-screen">
     <p>Log In</p>
     <div class="myform">
@@ -108,7 +92,6 @@ <h2 class="page-title">Some Awesome App!</h2>
       }
     }
 
-    fadeDashBoard();
 
     $(".lock-thumb").click(function(){
         fadeDashBoard();