Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Added blog page template

  • Loading branch information...
commit 2fa3b0d9d0f2a924c7f9268ff6d0d3804d025118 1 parent 09da06c
Jonathan Smiley authored August 21, 2012

Showing 2 changed files with 259 additions and 0 deletions. Show diff stats Hide diff stats

  1. 145  blog.html
  2. 114  index.html
145  blog.html
... ...
@@ -0,0 +1,145 @@
  1
+<!DOCTYPE html>
  2
+
  3
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  4
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  5
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  6
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
  7
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  8
+<head>
  9
+  <meta charset="utf-8" />
  10
+
  11
+  <!-- Set the viewport width to device width for mobile -->
  12
+  <meta name="viewport" content="width=device-width" />
  13
+
  14
+  <title>Welcome to Foundation</title>
  15
+  
  16
+  <!-- Included CSS Files (Uncompressed) -->
  17
+  <!--
  18
+  <link rel="stylesheet" href="stylesheets/foundation.css">
  19
+  -->
  20
+  
  21
+  <!-- Included CSS Files (Compressed) -->
  22
+  <link rel="stylesheet" href="stylesheets/foundation.min.css">
  23
+  <link rel="stylesheet" href="stylesheets/app.css">
  24
+
  25
+  <script src="javascripts/modernizr.foundation.js"></script>
  26
+
  27
+  <!-- IE Fix for HTML5 Tags -->
  28
+  <!--[if lt IE 9]>
  29
+    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  30
+  <![endif]-->
  31
+
  32
+</head>
  33
+<body>
  34
+  <div class="row">
  35
+    <div class="twelve columns">
  36
+      <ul class="nav-bar">
  37
+        <li><a href="#">Link 1</a></li>
  38
+        <li><a href="#">Link 2</a></li>
  39
+        <li><a href="#">Link 3</a></li>
  40
+        <li><a href="#">Link 4</a></li>
  41
+      </ul>
  42
+      
  43
+      <h1>Blog <small>This is my blog. It's awesome.</small>
  44
+      <hr />
  45
+    </div>
  46
+  </div>
  47
+  
  48
+  <div class="row">
  49
+    <div class="nine columns" role="content">
  50
+    
  51
+      <article>
  52
+      
  53
+        <h3><a href="#">Blog Post Title</a></h3>
  54
+        <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
  55
+        
  56
+        <div class="row">
  57
+          <div class="six columns">     
  58
+            <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
  59
+            <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
  60
+          </div>
  61
+          <div class="six columns">
  62
+            <img src="http://placehold.it/400x240&text=[img]" />
  63
+          </div>
  64
+        </div>
  65
+        
  66
+        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
  67
+        
  68
+        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
  69
+      
  70
+      </article>
  71
+      
  72
+      <hr />
  73
+      
  74
+      <article>
  75
+      
  76
+        <h3><a href="#">Blog Post Title</a></h3>
  77
+        <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
  78
+        
  79
+        <div class="row">
  80
+          <div class="six columns">     
  81
+            <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
  82
+            <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
  83
+          </div>
  84
+          <div class="six columns">
  85
+            <img src="http://placehold.it/400x240&text=[img]" />
  86
+          </div>
  87
+        </div>
  88
+        
  89
+        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
  90
+        
  91
+        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
  92
+      
  93
+      </article>
  94
+      
  95
+    </div>
  96
+    
  97
+    <aside class="three columns">
  98
+      
  99
+      <h5>Categories</h5>
  100
+      <ul class="side-nav">
  101
+        <li><a href="#">News</a></li>
  102
+        <li><a href="#">Code</a></li>
  103
+        <li><a href="#">Design</a></li>
  104
+        <li><a href="#">Fun</a></li>
  105
+        <li><a href="#">Weasels</a></li>
  106
+      </ul>
  107
+      
  108
+      <div class="panel">
  109
+        <h5>Featured</h5>
  110
+        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
  111
+        <a href="#">Read More &rarr;</a>
  112
+      </div>
  113
+      
  114
+    </aside>
  115
+  </div>
  116
+  
  117
+  <footer class="row">
  118
+    <div class="twelve columns">
  119
+      <hr />
  120
+      <div class="row">
  121
+        <div class="six columns">
  122
+          <p>&copy; Copyright no one at all. Go to town.</p>
  123
+        </div>
  124
+        <div class="six columns">
  125
+          <ul class="link-list right">
  126
+            <li><a href="#">Link 1</a></li>
  127
+            <li><a href="#">Link 2</a></li>
  128
+            <li><a href="#">Link 3</a></li>
  129
+            <li><a href="#">Link 4</a></li>
  130
+          </ul>
  131
+        </div>
  132
+      </div>
  133
+    </div> 
  134
+  </footer>
  135
+  
  136
+  
  137
+  
  138
+    
  139
+  <!-- Included JS Files (Compressed) -->
  140
+  <script src="javascripts/foundation.min.js"></script>
  141
+  
  142
+  <!-- Initialize JS Plugins -->
  143
+  <script src="javascripts/app.js"></script>
  144
+</body>
  145
+</html>
114  index.html
@@ -50,6 +50,7 @@
50 50
   </div>
51 51
   
52 52
   <div class="row">
  53
+  
53 54
     <div class="four columns">
54 55
       <div class="template">
55 56
         <div class="row">
@@ -82,6 +83,119 @@
82 83
       </div>
83 84
       <h5><a href="banded.html">Banded Page</a></h5>
84 85
     </div>
  86
+    
  87
+    <div class="four columns">
  88
+      <div class="template">
  89
+        <div class="row">
  90
+          <div class="twelve columns">
  91
+            <img src="http://placehold.it/460x40&text=&nbsp;" />
  92
+          </div>
  93
+        </div>
  94
+        <div class="row">
  95
+          <div class="nine columns">
  96
+            <img src="http://placehold.it/420x380&text=&nbsp;" />
  97
+          </div>
  98
+          
  99
+          <div class="three columns">
  100
+            <img src="http://placehold.it/140x440&text=&nbsp;" />
  101
+          </div>
  102
+        </div>
  103
+        <div class="row">
  104
+          <div class="twelve columns">
  105
+            <img src="http://placehold.it/460x40&text=&nbsp;" />
  106
+          </div>
  107
+        </div>
  108
+      </div>
  109
+      <h5><a href="blog.html">Blog Page</a></h5>
  110
+    </div>
  111
+    
  112
+    <div class="four columns">
  113
+      <div class="template">
  114
+        <div class="row">
  115
+          <div class="twelve columns">
  116
+            <img src="http://placehold.it/460x40&text=&nbsp;" />
  117
+          </div>
  118
+        </div>
  119
+        <div class="row">
  120
+          <div class="two columns">
  121
+            <img src="http://placehold.it/140x500&text=&nbsp;" />
  122
+          </div>
  123
+          
  124
+          <div class="eight columns">
  125
+            <div class="row">
  126
+              <div class="two columns">
  127
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  128
+              </div>
  129
+              <div class="ten columns">
  130
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  131
+              </div>
  132
+            </div>
  133
+            <div class="row">
  134
+              <div class="two columns">
  135
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  136
+              </div>
  137
+              <div class="ten columns">
  138
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  139
+              </div>
  140
+            </div>
  141
+            <div class="row">
  142
+              <div class="two columns">
  143
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  144
+              </div>
  145
+              <div class="ten columns">
  146
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  147
+              </div>
  148
+            </div>
  149
+            <div class="row">
  150
+              <div class="two columns">
  151
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  152
+              </div>
  153
+              <div class="ten columns">
  154
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  155
+              </div>
  156
+            </div>
  157
+            <div class="row">
  158
+              <div class="two columns">
  159
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  160
+              </div>
  161
+              <div class="ten columns">
  162
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  163
+              </div>
  164
+            </div>
  165
+            <div class="row">
  166
+              <div class="two columns">
  167
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  168
+              </div>
  169
+              <div class="ten columns">
  170
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  171
+              </div>
  172
+            </div>
  173
+            <div class="row">
  174
+              <div class="two columns">
  175
+                <img src="http://placehold.it/50x50&text=&nbsp;" />
  176
+              </div>
  177
+              <div class="ten columns">
  178
+                <img src="http://placehold.it/400x50&text=&nbsp;" />
  179
+              </div>
  180
+            </div>
  181
+          </div>
  182
+          
  183
+          <div class="two columns">
  184
+            <img src="http://placehold.it/140x200&text=&nbsp;" />
  185
+            
  186
+            <img src="http://placehold.it/140x200&text=&nbsp;" />
  187
+          </div>
  188
+        </div>
  189
+        <div class="row">
  190
+          <div class="twelve columns">
  191
+            <img src="http://placehold.it/460x40&text=&nbsp;" />
  192
+          </div>
  193
+        </div>
  194
+      </div>
  195
+      <h5><a href="feed.html">Feed Page</a></h5>
  196
+    </div>
  197
+    
  198
+    
85 199
   </div>
86 200
   
87 201
   <!-- Included JS Files (Compressed) -->

0 notes on commit 2fa3b0d

Please sign in to comment.
Something went wrong with that request. Please try again.