-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-7.html
148 lines (120 loc) · 6 KB
/
index-7.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>RWD Workshop | Index 7</title>
<meta name="description" content="We're making responsive interwebs!" />
<meta name="author" content="Philly Tech Week" />
<!-- force IE to latest rendering engine for each version; chrome frame reference -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- mobile settings -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/styles-7.css" />
<!-- build custom modernizr library for feature detection -->
<script type="text/javascript" src="js/modernizr-2.7.1.min.js"></script>
<!-- google universal analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', 'DOMAIN.com');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- site container -->
<div id="top" class="container-site">
<!-- header region -->
<header id="header">
<!-- site logo -->
<img src="images/logo-bacon.png" class="logo" alt="Site Logo" />
</header>
<!-- primary navigation -->
<div class="container-nav cf">
<nav role="navigation">
<ul class="list-nav">
<li class="odd"><a href="#link" title="Learn About Us">About Bacon</a></li>
<li class="even"><a href="#link" title="See Our Service">Bacon Services</a></li>
<li class="odd"><a href="#link" title="Check Out Our Work">Working For Bacon</a></li>
<li class="even"><a href="#link" title="Get the Noms">Get Some Noms</a></li>
<li class="odd"><a href="#link" title="Contact Us">Contact Us About Bacon</a></li>
</ul>
</nav>
</div>
<!-- hero banner -->
<div class="banner cf" role="banner">
<div class="hero-desc">
<h1>Bacon Welcomes You!</h1>
<p>Hardtack ciabatta baguette, naan olive wholegrain bun. Matzo cracker soda biscuit pita hardtack. Matzo hardtack panettone, white wholegrain wheat muffin baguette potato roll.</p>
<a href="#link" class="btn" title="Bacon Me Now!">Bacon Me!</a>
</div>
<div class="hero-img">
<img src="images/banner.png" alt="Push Button... Receive Bacon" />
</div>
</div>
<!-- cotnent region -->
<div class="container-content cf">
<!-- main content -->
<main id="main" role="main">
<h2>A Written History of Bacon</h2>
<img src="images/placebacon.png" alt="Bacon Pic" />
<p>Bacon ipsum dolor sit amet croissant multigrain wheat scone muffin pita, focaccia banana white naan marble corn roll wholegrain. Toast wholegrain bun roll ciabatta corn biscuit banana wheat brioche rye. Bagel matzo scone multigrain olive soda roll hardtack quick garlic. Soda toast olive baguette potato.</p>
<p>Mauris suscipit eleifend nulla, ac porttitor augue viverra eget. Etiam porta auctor consequat. Duis vel neque sodales, adipiscing arcu in, tincidunt ante. Duis tempus ipsum nec nibh eleifend, vel dignissim augue viverra.</p>
<h3>Rich, Delicious History</h3>
<p>Focaccia pumpernickel cracker, roll brioche scone croissant bagel bun olive naan hardtack tortilla. Crumpet croissant ciabatta matzo sourdough multigrain muffin wheat. Corn cracker roll bagel wholegrain matzo.</p>
<h4>Roll That Beautiful Bacon Footage</h4>
<p>Sourdough potato crumpet rye garlic pita olive bun wholegrain bagel lavash corn. Crumpet roll biscuit bagel marble matzo. </p>
<!-- video embed -->
<div class="embed-container">
<iframe src="http://www.youtube.com/embed/CaK9bjLy3v4" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</main>
<!-- supporting content -->
<aside id="aside" class="cf" role="complementary">
<div class="callout">
<h5>Bacon Credits</h5>
<p>Tortilla matzo muffin panettone pita potato toast soda biscuit wholegrain scone croissant rye garlic pita olive bun.</p>
</div>
<div class="callout">
<h5>Bacon Blog</h5>
<ul class="list-links">
<li><a href="#link" title="Link">Why We Love It</a></li>
<li><a href="#link" title="Link">Why You Should Love It</a></li>
<li><a href="#link" title="Link">Bacon For Profit</a></li>
<li><a href="#link" title="Link">Do You Love It Yet?</a></li>
</ul>
</div>
<div class="callout">
<h5>Supporters of Bacon</h5>
<ul class="list-links">
<li><a href="#link" title="Link">Burgers</a></li>
<li><a href="#link" title="Link">Mac and Cheese</a></li>
<li><a href="#link" title="Link">Breakfasts</a></li>
<li><a href="#link" title="Link">Ice Cream?</a></li>
</ul>
</div>
</aside>
</div>
<!-- footer -->
<footer id="footer" class="cf">
<div class="span6col container-social">
<!-- social nav -->
<ul class="list-inline list-social">
<li><a href="http://twitter.com/PhillyTechWeek" class="social-twitter" title="Follow @PhillyTechWeek on Twitter">Twitter</a></li>
<li><a href="http://www.facebook.com/phillytechweek" class="social-facebook" title="Like Philly Tech Week on Facebook">Facebook</a></li>
<li><a href="mailto:info@baconbrands.com" class="social-email" title="Email Philly Tech Week">Email</a></li>
</ul>
</div>
<div class="span6col container-legal">
<!-- legal -->
<small role="contentinfo">Copyright Notice Goes Here © 2014</small>
</div>
</footer>
</div>
<!-- check for latest jQuery CDN library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write( '<script src="js/jquery-1.11.0.min.js"><\/script>' )</script>
<script type="text/javascript" src="js/funcs.js"></script>
</body>
</html>