diff --git a/css/html5demos.css b/css/html5demos.css
index 62fee1a..46195c7 100644
--- a/css/html5demos.css
+++ b/css/html5demos.css
@@ -2,7 +2,6 @@ body {
font: normal 16px/20px "Helvetica Neue", Helvetica, sans-serif;
background: rgb(237, 237, 236);
margin: 0;
- margin-top: 40px;
padding: 0;
}
@@ -11,7 +10,7 @@ section, header, footer {
}
#wrapper {
- width: 600px;
+ max-width: 600px;
margin: 0 auto;
background: #fff url(../images/shade.jpg) repeat-x center bottom;
-moz-border-radius: 10px;
@@ -85,13 +84,12 @@ li {
#promo {
font-size: 90%;
- background: #333 url(../images/learn-js.jpg) no-repeat left center;
- display: block;
- color: #efefef;
+ /* background: #333 url(../images/learn-js.jpg) no-repeat left center; */
+ /* display: inline-block; */
+ /* color: #efefef; */
text-decoration: none;
cursor: pointer;
- padding: 0px 20px 0px 260px;
- border: 5px solid #006;
+ /* border: 5px solid #006; */
height: 160px;
}
@@ -99,6 +97,11 @@ li {
border-color: #00f;
}
+#promo img {
+ width: 100%;
+ display: block;
+}
+
#ih5 {
font-size: 90%;
background: #442C0D url(../images/ih5.jpg) no-repeat left center;
@@ -317,3 +320,14 @@ pre { font-size: 14px; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
+
+#forkme {
+ display: none;
+}
+
+
+@media all and (min-width: 768px) {
+ body {
+ margin-top: 40px;
+ }
+}
diff --git a/images/terminal-training.png b/images/terminal-training.png
new file mode 100644
index 0000000..7cb5314
Binary files /dev/null and b/images/terminal-training.png differ
diff --git a/includes/footer.php b/includes/footer.php
index 66bd126..c55fb0e 100644
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -1,9 +1,9 @@
-
+
-
+
-
+
+
diff --git a/index.php b/index.php
index cc184bb..6d6c4e8 100644
--- a/index.php
+++ b/index.php
@@ -39,7 +39,7 @@ function spans($list) {
-
+
HTML5 Demos and Examples
@@ -62,9 +62,8 @@ function spans($list) {
*/ ?>
@@ -96,7 +95,7 @@ function spans($list) {
-
+
