fix

Tanya Butenko · Tanya Butenko · commit fad39c63c803 · 2016-11-04T17:57:39.000+11:00
diff --git a/css/main.css b/css/main.css
@@ -6,14 +6,15 @@ html, body{
 body{
     display: flex;
     flex-direction: column;
-    background-color: cornsilk;
-    min-height: 775px;
+    background-color: #ffffff;
+    min-height: 575px;
+    font-family: 'Source Sans Pro', sans-serif;;
 }
 
 header{
     box-sizing: border-box;
     flex: 0 1 auto;
-    background-color: brown;
+    background-color: #AD1457;
     color: white;
 }
 
@@ -23,8 +24,16 @@ section{
 }
 
 footer{
-    flex: .5 100%;
-    background-color: chocolate;
+    background-color: #eeeeee;
+    font-family: Georgia,serif;
+    color: #9E9E9E;
+    text-decoration: none;
+    font-size: 0.9rem;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 0 30px;
 }
 
 h1, #logo{
@@ -47,9 +56,32 @@ h1{
 
 footer > ul {
     list-style: none;
+    -webkit-padding-start: 0;
+}
+
+footer li {
+    padding: 5px;
+}
+
+footer a {
+    text-decoration: none;
+    color: #9E9E9E;
+    font-style: italic;
+}
+
+footer a:hover {
+    color: #000000;
 }
 
 #surprise {
     color: red;
     font-size: 35px;
+}
+
+.float-left {
+    float: left;
+ }
+
+.float-right {
+    float: right;
 }
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <title>NodeGirls JavaScript Workshop</title>
+  <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300|Source+Sans+Pro:200" rel="stylesheet">
   <link rel="stylesheet" href="css/main.css">
 </head>
 <body>
@@ -29,12 +30,14 @@ <h1>Hello everyone. Let's do some interactive coding today! </h1>
 </section>
 
 <footer>
-  <ul>
+  <ul class="float-left">
     <li class="twitter">
       Twitter: <a href="https://twitter.com/NodeGirlsSydney">@NodeGirlsSydney</a>
       <a href="https://twitter.com/NodeGirlsMelb">@NodeGirlsMelb</a>
     </li>
     <li class="facebook">Facebook: <a href="https://www.facebook.com/NodeGirlsAustralia">NodeGirlsAustralia</a></li>
+  </ul>
+  <ul class="float-right">
     <li class="website">Website: <a href="http://nodegirls.com.au">http://nodegirls.com.au</a></li>
     <li class="email">e-mail: <a href="mailto:info@nodegirls.com.au">info@nodegirls.com.au</a></li>
   </ul>
