Permalink
Browse files

Add footer

  • Loading branch information...
1 parent 64c3e7f commit 447a5e4fc4e9c80d3ca86d11841506c81084c27b @garethrees committed May 30, 2011
Showing with 32 additions and 19 deletions.
  1. +18 −14 index.html
  2. +14 −5 stylesheets/application.css
View
@@ -14,20 +14,20 @@
<body>
- <header>
- <h1><span id="logo">N</span> nicelandingpage.com</h1>
- <nav>
- <ul>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- </ul>
- </nav>
- </header>
-
- <div id="body" class="clearfix">
+ <div id="page" class="clearfix">
+
+ <header>
+ <h1><span id="logo">N</span> nicelandingpage.com</h1>
+ <nav>
+ <ul>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ </ul>
+ </nav>
+ </header>
<h1>A Nice Looking Headline</h1>
@@ -69,5 +69,9 @@
</div>
+ <footer>
+ <p><span class="made-by">Made by <a href="http://github.com/garethrees">Gareth</a></span> / <span class="inspiration">Inspired by <a href="http://blog.kissmetrics.com/landing-page-design-infographic">Kissmetrics</a></span></p>
+ </footer>
+
</body>
</html>
@@ -1,12 +1,8 @@
html { background:#eee; }
body {
- background:#FFF;
color:#111;
font-family:"Maven Pro", Arial, Helvetica, Sans-Serif;
- margin:0 auto;
- padding:20px;
- width:960px;
}
h1,h2,h3,h4,h5,h6 { text-transform:uppercase; }
@@ -27,6 +23,13 @@ p {
margin-bottom:0.75em;
}
+#page {
+ background:#FFF;
+ margin:0 auto;
+ padding:20px;
+ width:960px;
+}
+
header {
border-bottom:2px dotted #E4E4E4;
clear:both;
@@ -70,7 +73,7 @@ header nav li a {
text-decoration:none;
}
-#body > h1 {
+#page > h1 {
color:#64ACDE;
font-size:3em;
font-weight:900;
@@ -162,3 +165,9 @@ section#info > div {
padding:0.5em;
}
+footer {
+ margin:0 auto;
+ padding:20px;
+ width:960px;
+}
+

0 comments on commit 447a5e4

Please sign in to comment.