Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Added homepage 2

  • Loading branch information...
commit 10ddbb31da645fd2834e05886cd24715b7864de0 1 parent 40fb337
Jonathan Smiley authored September 05, 2012

Showing 1 changed file with 146 additions and 0 deletions. Show diff stats Hide diff stats

  1. 146  homepage-2.html
146  homepage-2.html
... ...
@@ -0,0 +1,146 @@
  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 | Homepage</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
+  
  35
+  <!-- Nav and Banner -->
  36
+  
  37
+  <div class="row">
  38
+    <div class="twelve columns">
  39
+      <ul class="nav-bar">
  40
+        <li><a href="#">Link 1</a></li>
  41
+        <li><a href="#">Link 2</a></li>
  42
+        <li><a href="#">Link 3</a></li>
  43
+        <li><a href="#">Link 4</a></li>
  44
+        <li><a href="#">Link 5</a></li>
  45
+        <li><a href="#">Link 6</a></li>
  46
+        <li><a href="#">Link 7</a></li>
  47
+      </ul>
  48
+      
  49
+      <!-- Main Banner Image - place in a paragraph to enforce the modular scale spacing -->
  50
+      <p><img src="http://placehold.it/1000x400&text=[banner img]" /></p>
  51
+    </div>
  52
+  </div>
  53
+  
  54
+  <!-- End Nav and Banner -->
  55
+  
  56
+  
  57
+  <!-- Main Content Section -->
  58
+  
  59
+  <div class="row">
  60
+  
  61
+    <div class="eight columns">
  62
+      <h4>This is a content section.</h4>
  63
+      <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. Boudin aliqua adipisicing rump corned beef.</p>
  64
+      <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. Boudin aliqua adipisicing rump corned beef.</p>
  65
+      <p><a href="#" class="secondary small button">Next Page &rarr;</a></p>
  66
+    </div>
  67
+    
  68
+    <div class="four columns">
  69
+    
  70
+      <!-- Gallery sidebar with a block grid. Note: block grid items should be the same size for optimal results -->
  71
+      
  72
+      <ul class="block-grid three-up">
  73
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
  74
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
  75
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
  76
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
  77
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
  78
+        <li><a href="#"><img src="http://placehold.it/120x120" /></a></li>
  79
+      </ul>
  80
+    </div>
  81
+        
  82
+  </div>
  83
+  
  84
+  
  85
+  <!-- Call to Action Panel -->
  86
+  <div class="row">
  87
+    <div class="twelve columns">
  88
+    
  89
+      <div class="panel">
  90
+        <h4>Get in touch!</h4>
  91
+            
  92
+        <div class="row">
  93
+          <div class="nine columns">
  94
+            <p>We'd love to hear from you, you attractive person you.</p>
  95
+          </div>
  96
+          <div class="three columns">
  97
+            <a href="#" class="radius button right">Contact Us</a>
  98
+          </div>
  99
+        </div>
  100
+      </div>
  101
+      
  102
+    </div>
  103
+  </div>
  104
+  
  105
+  
  106
+  <!-- Footer -->
  107
+  
  108
+  <footer class="row">
  109
+    <div class="twelve columns">
  110
+      <hr />
  111
+      <div class="row">
  112
+        <div class="six columns">
  113
+          <p>&copy; Copyright no one at all. Go to town.</p>
  114
+        </div>
  115
+        <div class="six columns">
  116
+          <ul class="link-list right">
  117
+            <li><a href="#">Link 1</a></li>
  118
+            <li><a href="#">Link 2</a></li>
  119
+            <li><a href="#">Link 3</a></li>
  120
+            <li><a href="#">Link 4</a></li>
  121
+            <li><a href="#">Link 5</a></li>
  122
+            <li><a href="#">Link 6</a></li>
  123
+            <li><a href="#">Link 7</a></li>
  124
+          </ul>
  125
+        </div>
  126
+      </div>
  127
+    </div> 
  128
+  </footer>
  129
+  
  130
+  
  131
+  
  132
+    
  133
+  <!-- Included JS Files (Compressed) -->
  134
+  <script src="javascripts/foundation.min.js"></script>
  135
+  
  136
+  <!-- Initialize JS Plugins -->
  137
+  <script src="javascripts/app.js"></script>
  138
+  
  139
+  <script type="text/javascript">
  140
+     $(window).load(function() {
  141
+         $('#slider').orbit();
  142
+     });
  143
+  </script>
  144
+  
  145
+</body>
  146
+</html>

0 notes on commit 10ddbb3

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