forked from zurb/foundation-layouts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
photo_blog_with_sticky_headers.html
174 lines (149 loc) · 8.43 KB
/
photo_blog_with_sticky_headers.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!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">
<link rel="stylesheet" href="photo_blog_with_sticky_headers.css">
<script src="javascripts/jquery.min.js"></script>
<script src="photo_blog_with_sticky_headers.js"></script>
<!--[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">
<div class="row">
<div class="twelve columns">
<h1>Welcome to My Showcase</h1>
<p class="lede">Brisket short ribs meatball, pork chop ham kielbasa shoulder salami cow sirloin frankfurter meatloaf filet mignon pig. Short ribs tongue shoulder ham hock ham, prosciutto leberkase beef pork ribeye jerky tail rump boudin. Capicola pancetta pork ham. T-bone turducken pork belly ribeye meatball tri-tip.</p>
<hr />
<ul class="showcase">
<li><div class="title">
<div class="pinned">
<div class="twitter">
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<h2>Daisy on the Grass</h2>
</div>
</div>
<img src="photo_blog_daisy.jpg" />
<h4>What a neat subtitle</h4>
<div class="row">
<div class="six columns">
<p>Pork loin biltong ham hock hamburger, beef ribs chicken flank short loin pork chop bresaola frankfurter. Corned beef tri-tip kielbasa drumstick, ham beef flank biltong. Shank beef ribs ground round, hamburger sirloin tenderloin brisket pig chuck jowl ham ball tip drumstick turducken strip steak. Boudin t-bone meatball salami corned beef.</p>
</div>
<div class="six columns">
<ul>
<li>Capicola turkey bresaola bacon, pork loin jowl t-bone prosciutto strip steak tongue frankfurter shankle leberkase drumstick. </li>
<li>Brisket short ribs meatball, pork chop ham kielbasa shoulder salami cow sirloin frankfurter meatloaf filet mignon pig. </li>
<li>Short ribs tongue shoulder ham hock ham, prosciutto leberkase beef pork ribeye jerky tail rump boudin. Capicola pancetta pork ham.</li>
</ul>
</div>
</div>
</li>
<li><div class="title">
<div class="pinned">
<div class="twitter">
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<h2>Nutmeg Begging for Ice Cream</h2>
</div>
</div>
<img src="photo_blog_nutmeg.jpg" />
<h4>I bet you'd like to learn more</h4>
<div class="row">
<div class="six columns">
<p>Pork loin biltong ham hock hamburger, beef ribs chicken flank short loin pork chop bresaola frankfurter. Corned beef tri-tip kielbasa drumstick, ham beef flank biltong. Shank beef ribs ground round, hamburger sirloin tenderloin brisket pig chuck jowl ham ball tip drumstick turducken strip steak. Boudin t-bone meatball salami corned beef.</p>
</div>
<div class="six columns">
<ul>
<li>Capicola turkey bresaola bacon, pork loin jowl t-bone prosciutto strip steak tongue frankfurter shankle leberkase drumstick. </li>
<li>Brisket short ribs meatball, pork chop ham kielbasa shoulder salami cow sirloin frankfurter meatloaf filet mignon pig. </li>
<li>Short ribs tongue shoulder ham hock ham, prosciutto leberkase beef pork ribeye jerky tail rump boudin. Capicola pancetta pork ham.</li>
</ul>
</div>
</div>
</li>
<li><div class="title">
<div class="pinned">
<div class="twitter">
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<h2>Construction on Highway 1</h2>
</div>
</div>
<img src="photo_blog_construction" />
<h4>Details? I has them.</h4>
<div class="row">
<div class="six columns">
<p>Pork loin biltong ham hock hamburger, beef ribs chicken flank short loin pork chop bresaola frankfurter. Corned beef tri-tip kielbasa drumstick, ham beef flank biltong. Shank beef ribs ground round, hamburger sirloin tenderloin brisket pig chuck jowl ham ball tip drumstick turducken strip steak. Boudin t-bone meatball salami corned beef.</p>
</div>
<div class="six columns">
<ul>
<li>Capicola turkey bresaola bacon, pork loin jowl t-bone prosciutto strip steak tongue frankfurter shankle leberkase drumstick. </li>
<li>Brisket short ribs meatball, pork chop ham kielbasa shoulder salami cow sirloin frankfurter meatloaf filet mignon pig. </li>
<li>Short ribs tongue shoulder ham hock ham, prosciutto leberkase beef pork ribeye jerky tail rump boudin. Capicola pancetta pork ham.</li>
</ul>
</div>
</div>
</li>
<li><div class="title">
<div class="pinned">
<div class="twitter">
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<h2>Cattails by Lake Murray</h2>
</div>
</div>
<img src="photo_blog_cattails.jpg" />
<h4>Thought that was it? Nope!</h4>
<div class="row">
<div class="six columns">
<p>Pork loin biltong ham hock hamburger, beef ribs chicken flank short loin pork chop bresaola frankfurter. Corned beef tri-tip kielbasa drumstick, ham beef flank biltong. Shank beef ribs ground round, hamburger sirloin tenderloin brisket pig chuck jowl ham ball tip drumstick turducken strip steak. Boudin t-bone meatball salami corned beef.</p>
</div>
<div class="six columns">
<ul>
<li>Capicola turkey bresaola bacon, pork loin jowl t-bone prosciutto strip steak tongue frankfurter shankle leberkase drumstick. </li>
<li>Brisket short ribs meatball, pork chop ham kielbasa shoulder salami cow sirloin frankfurter meatloaf filet mignon pig. </li>
<li>Short ribs tongue shoulder ham hock ham, prosciutto leberkase beef pork ribeye jerky tail rump boudin. Capicola pancetta pork ham.</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- container -->
<!-- Included JS Files -->
<script src="javascripts/foundation.js"></script>
<script src="javascripts/app.js"></script>
</body>
</html>