forked from zurb/foundation-layouts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
two_column_blog.html
119 lines (100 loc) · 6.2 KB
/
two_column_blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Welcome to Foundation</title>
<!-- Included CSS Files -->
<!-- Combine and Compress These CSS Files -->
<link rel="stylesheet" href="stylesheets/globals.css">
<link rel="stylesheet" href="stylesheets/typography.css">
<link rel="stylesheet" href="stylesheets/grid.css">
<link rel="stylesheet" href="stylesheets/ui.css">
<link rel="stylesheet" href="stylesheets/forms.css">
<link rel="stylesheet" href="stylesheets/orbit.css">
<link rel="stylesheet" href="stylesheets/reveal.css">
<link rel="stylesheet" href="stylesheets/mobile.css">
<!-- End Combine and Compress These CSS Files -->
<link rel="stylesheet" href="stylesheets/app.css">
<!-- Template-Specific Styles, drop these in app.css -->
<link rel="stylesheet" href="two_column_blog.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="stylesheets/ie.css">
<![endif]-->
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- container -->
<div class="container">
<header class="row">
<section class="twelve columns">
<h2>Welcome to Foundation</h2>
<p>This is a really simple 2-column layout.</p>
</section>
</header>
<div class="row">
<div class="eight columns">
<article>
<h3>Article 1</h3>
<p>
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
</p>
</article>
<article>
<h3>Article 2</h3>
<p>
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
</p>
</article>
</div>
<aside class="four columns">
<section>
<form id="searchform" method="get" action="?">
<input type="search" placeholder="Search..." name="s" >
<input type="submit" value="Search" />
</form>
<p>
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
Cupcake ipsum dolor sit amet tiramisu. Chupa chups ice cream jujubes toffee lollipop. Croissant carrot cake faworki chocolate danish lemon drops dragée pudding liquorice. Pastry sweet carrot cake carrot cake cotton candy applicake muffin soufflé caramels. Sugar plum sweet chocolate bar. Bear claw pudding pie.
</p>
</section>
<section>
<h5>Archives</h5>
<select><option value="">Select Month</option><option>December 2011</option><option>November 2011</option><option>August 2011</option></select>
</section>
</aside>
</div>
<footer class="row">
<section class="eight columns">
<h6><strong>Made by ZURB</strong></h6>
<p>Foundation is made by <a href="http://www.zurb.com/">ZURB</a>, an <a href="http://www.zurb.com/words/design-process">interaction design and strategy company</a> located in Campbell, California. We've put over 10 years of experience building web products, services and websites into this framework. <a href="../about.php">Foundation Info and Goodies →</a></p>
<p>Let us know how you're using Foundation and we might feature you as an example! <a href="mailto:[email protected]?subject=I'm%20using%20Foundation">Get in touch →</a></p>
</section>
<div class="four columns"></div>
</footer>
</div>
<!-- container -->
<!-- Included JS Files -->
<!-- Combine and Compress These JS Files -->
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/jquery.reveal.js"></script>
<script src="javascripts/jquery.orbit-1.3.0.js"></script>
<script src="javascripts/forms.jquery.js"></script>
<script src="javascripts/jquery.customforms.js"></script>
<script src="javascripts/jquery.placeholder.min.js"></script>
<!-- End Combine and Compress These JS Files -->
<script src="javascripts/app.js"></script>
</body>
</html>