Permalink
Browse files

first commit

  • Loading branch information...
0 parents commit f2bc86f7619be5e82c749a3886eac2a865052d8e @html5cat committed Aug 29, 2011
Showing with 86 additions and 0 deletions.
  1. +1 −0 README
  2. BIN ScreenFlow.mov
  3. BIN Screen_Shot_2011-08-24_at_12.46.png
  4. +41 −0 css/all.css
  5. +44 −0 index.html
1 README
@@ -0,0 +1 @@
+One of the recent interview tests to create a minimal possible yet w3c valid and cross-browser html/css for a provided design within 15 minutes.
BIN ScreenFlow.mov
Binary file not shown.
BIN Screen_Shot_2011-08-24_at_12.46.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 css/all.css
@@ -0,0 +1,41 @@
+body {
+ background:#026a92;
+ color:#92dafc;
+ font:16px Helvetica, Arial, sans-serif;
+ text-shadow: 0 1px black;
+ font-weight:300;
+ margin:0 auto;
+ width:980px;
+}
+
+.icons {
+ margin:0;
+ padding:0;
+ list-style-type:none;
+}
+
+.icons li {
+ float:left;
+ width:55px;
+ height:55px;
+ background-color:#0398c7;
+ margin:7px;
+ border-radius:12px;
+ box-shadow: 0 3px #03608b;
+ cursor:pointer;
+}
+
+.icons li.active {
+ border:5px solid white;
+ margin:2px;
+}
+
+.icons li:hover {
+ border:2px solid #92dafc;
+ margin:5px;
+}
+
+.icons li.active:hover {
+ border:5px solid #92dafc;
+ margin:2px;
+}
44 index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang=en>
+ <title>Scocialize demo</title>
+ <link media=all rel=stylesheet type=text/css href=css/all.css>
+
+<p>Here are just some of the apps made with AppMakr</p>
+<ul class=icons>
+ <li class=active>
+ <li class=active>
+ <li class=active>
+ <li class=active>
+ <li class=active>
+ <li class=active>
+ <li class=active>
+ <li class=active>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+ <li>
+</ul>

0 comments on commit f2bc86f

Please sign in to comment.