forked from zurb/foundation-layouts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
three_column_big_footer.html
140 lines (117 loc) · 6.7 KB
/
three_column_big_footer.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
<!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="three_column_big_footer.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>
<div class="row">
<div class="two columns">
<h3>Foundation</h3>
</div>
<div class="four columns offset-by-six">
<form id="searchform" method="post" action="?">
<input type="search" placeholder="Search..." name="s" >
<input type="submit" value="Go" />
</form>
</div>
</header>
<div class="main-content">
<div class="row">
<article class="four columns">
<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 class="four columns">
<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.
</p>
</article>
<article class="four columns">
<h3>Article 3</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>
</div>
</div>
<footer>
<div class="row">
<section class="four 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>
<h6><strong>Using Foundation?</strong></h6>
<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>
<h6><strong>Need some help?</strong></h6>
<p>For quick answers or help <a href="mailto:[email protected]">email us →</a></p>
</section>
<section class="three columns">
<h6><strong>Testimonial</strong></h6>
<blockquote cite="http://sourceofquote.com">
<p>
This is a pretty big footer, but I have seen plenty bigger.
Honestly, this whole big footer thing is getting a bit ridiculous.
</p>
</blockquote>
</section>
<section class="five columns">
<h6><strong>From the Archives</strong></h6>
<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.
</p>
<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.
</p>
</section>
</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>