Jans QA items ❤️

Author: Nicholas Cerminara

css/demo.css

@@ -148,11 +148,11 @@ h3 {
     display: block;
     width: 650px;
     height: 400px;
-    top: 50%;
+    top: 45%;
     left: 50%;
-    -webkit-transform: translate(-50%, -50%);
-    -moz-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -60%);
+    -moz-transform: translate(-50%, -60%);
+    transform: translate(-50%, -60%);
     position: absolute;
 }
 #intro h1 {
@@ -170,6 +170,7 @@ h3 {
     bottom: 110px;
     left: 50%;
     margin-left: -144px;
+    margin-bottom: 50px;
 }
 #intro .sparkpoint {
     top: 60px;
@@ -359,6 +360,7 @@ a:hover #speechbubble p:last-child {
     height: 90px;
     white-space: nowrap;
     transform: translateZ(0);
+    marign-top: 20px;
 }
 #get-it-now .item {
     font-size: 14px;
@@ -394,7 +396,7 @@ a:hover #speechbubble p:last-child {
     color: #fff;
     border-radius: 5px;
     margin: 0 12px;
-    width: 100px;
+    width: 130px;
     position: relative;
 }
 #get-it-now .item.download a:hover {

index.html

@@ -162,8 +162,8 @@ <h1>ScrollMagic</h1>
                     npm install ScrollMagic
                     </code>
                     <div class="item download">
-                        <a href="#"><i class="fa fa-download"></i> Download</a>
-                        <a href="#"><i class="fa fa-github"></i> GitHub</a>
+                        <a href="https://github.com/janpaepke/ScrollMagic/zipball/master"><i class="fa fa-download"></i> Download (zip)</a>
+                        <a href="https://github.com/janpaepke/ScrollMagic/tarball/master"><i class="fa fa-download"></i> Download (tar)</a>
                     </div>
                 </div>
                 <img class="tophat" src="img/demo_tophat.png">