-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
229 lines (171 loc) · 19.4 KB
/
index.html
File metadata and controls
229 lines (171 loc) · 19.4 KB
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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!doctype html>
<!--[if lte IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 no-mediaqueries"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9 no-mediaqueries"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10"> <![endif]-->
<!--[if gte IE 9]> <html class="no-js"> <![endif]-->
<!--[if !IE]> --> <html class="no-js"><!-- <![endif]-->
<head>
<meta charset="utf-8">
<title>Siegmeyer II</title>
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="HandheldFriendly" content="true">
<meta name="mobile-web-app-capable" content="yes">
<link rel="shortcut icon" href="images/favicons/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicons/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="images/favicons/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="images/favicons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/gif" href="images/favicons/favicon-32x32.gif" sizes="32x32">
<link rel="icon" type="image/gif" href="images/favicons/favicon-16x16.gif" sizes="16x16">
<meta name="msapplication-config" content="ieconfig.xml">
<style type="text/css">
.clear:after,.container{clear:both}a,body,div,h1,html,p{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}a,p{-webkit-font-smoothing:antialiased}*,.container{box-sizing:border-box}.container{padding-left:2rem;padding-right:2rem;max-width:36em;margin-left:auto;margin-right:auto;background-image:-webkit-linear-gradient(left,rgba(255,99,71,.4),rgba(255,164,147,.4));background-image:linear-gradient(to right,rgba(255,99,71,.4),rgba(255,164,147,.4));background-size:16.6667%;background-origin:content-box;background-clip:content-box;background-position:left top;position:relative}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:81.25%}body{line-height:26px;line-height:2rem;font-family:Helvetica,sans-serif;font-style:normal;font-weight:400}.container:after{clear:both;content:"";display:block;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;background:-webkit-linear-gradient(top,rgba(50,50,50,.2) 0,rgba(50,50,50,.2) 1px,rgba(255,255,255,.3) 1px,rgba(255,255,255,0) 2px,rgba(50,50,50,0) 1rem,rgba(50,50,50,.1) 1rem,rgba(50,50,50,.1) 1.05rem,rgba(255,255,255,.1) 1.05rem,rgba(255,255,255,0) 1.125rem) 0 0/100% 2rem;background:linear-gradient(to bottom,rgba(50,50,50,.2) 0,rgba(50,50,50,.2) 1px,rgba(255,255,255,.3) 1px,rgba(255,255,255,0) 2px,rgba(50,50,50,0) 1rem,rgba(50,50,50,.1) 1rem,rgba(50,50,50,.1) 1.05rem,rgba(255,255,255,.1) 1.05rem,rgba(255,255,255,0) 1.125rem) 0 0/100% 2rem;z-index:1000}p{margin-bottom:0;border-top:0 none;position:relative;z-index:0}a{font-family:Helvetica,sans-serif;background-image:-webkit-linear-gradient(top,transparent 50%,rgba(58,92,164,.6) 50%);background-image:linear-gradient(to bottom,transparent 50%,rgba(58,92,164,.6) 50%);background-repeat:repeat-x;background-size:2px .065em;background-position:0 98%;transition:color .1s ease,background .5s ease,outline .25s ease;-webkit-transition:color .1s ease,background .5s ease,outline .25s ease;color:#3a5ca4}p{-webkit-font-feature-settings:'kern' 1,'onum' 1,'liga' 1;font-feature-settings:'kern' 1,'onum' 1,'liga' 1;font-family:Helvetica,sans-serif;text-align:left;color:#4b4c57;line-height:2rem;font-size:1.2308rem;padding-top:.6rem;padding-bottom:.4rem;border-bottom:13px solid transparent;border-bottom:1rem solid transparent;margin-top:-1rem}h1{-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;color:#4b4c57;-webkit-font-smoothing:antialiased;font-family:Helvetica,sans-serif;font-weight:700;line-height:39px;line-height:3rem;font-size:32px;font-size:2.4615rem;padding-top:.6508rem;padding-bottom:.3492rem;border-top:0 none;border-bottom:39px solid transparent;border-bottom:3rem solid transparent;margin-bottom:0;margin-top:-1rem;position:relative;z-index:0}.caption{color:#4b4c57;font-family:Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;letter-spacing:-.035em}::placeholder,:focus::placeholder{color:#267f67}body:before{background-color:tomato;color:#fff}body,html{height:100%;margin:0;background-color:#fff}body:after,body:before{display:block;position:fixed;box-sizing:border-box;bottom:0;height:26px;height:2rem;line-height:26px;line-height:2rem}body:before{text-align:center;background-color:rgba(255,99,71,.85);font-size:11px;font-size:.875rem;z-index:10000;padding:0 2rem;border:1px solid #ff8e7a;text-shadow:0 -1px 0 #c61e00;width:100%;animation:breakpoint-info-in 1s ease-out}body:after{content:".";color:transparent;z-index:10001;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:.25rem 0 0;animation:breakpoint-marker-in 1s ease-out}::-webkit-input-placeholder{color:#267f67;-webkit-transition:color .25s ease;transition:color .25s ease}::-moz-placeholder{color:#267f67;transition:color .25s ease}:-ms-input-placeholder{color:#267f67;transition:color .25s ease}::placeholder{-webkit-transition:color .25s ease;transition:color .25s ease}:hover::-webkit-input-placeholder{color:#32a687}:hover::-moz-placeholder{color:#32a687}:hover:-ms-input-placeholder{color:#32a687}:hover::placeholder{color:#32a687}:focus::-webkit-input-placeholder{color:#267f67}:focus::-moz-placeholder{color:#267f67}:focus:-ms-input-placeholder{color:#267f67}.clear:after,.clear:before{display:table;content:""}@media screen and (min-width:0){body:before{content:"break-0 ---- cols: 6 ---- start: 0px ---- max-width: 468px"}body:after{width:0}}@media screen and (min-width:31.9231em){html{font-size:calc(13px + 2 * (100vw - 415px)/ 415)}}@media screen and (min-width:51.875em){.container{max-width:54em;margin-left:auto;margin-right:auto;background-image:-webkit-linear-gradient(left,rgba(255,99,71,.4),rgba(255,164,147,.4));background-image:linear-gradient(to right,rgba(255,99,71,.4),rgba(255,164,147,.4));background-size:11.1111%;background-origin:content-box;background-clip:content-box;background-position:left top}.container:after{content:" ";display:block;clear:both}body:before{content:"break-1 ---- cols: 9 ---- start: 830px ---- max-width: 810px"}body:after{border-left:1px dotted #ffa493;border-right:1px dotted #ffa493;width:830px}}@media screen and (min-width:63.8462em){html{font-size:93.75%;font-size:calc(15px + 2 * (100vw - 830px)/ 414)}}@media screen and (min-width:77.75em){.container{max-width:72em;margin-left:auto;margin-right:auto;background-image:-webkit-linear-gradient(left,rgba(255,99,71,.4),rgba(255,164,147,.4));background-image:linear-gradient(to right,rgba(255,99,71,.4),rgba(255,164,147,.4));background-size:8.3333%;background-origin:content-box;background-clip:content-box;background-position:left top}.container:after{content:" ";display:block;clear:both}p{max-width:46em}h1{max-width:20em;line-height:68px;line-height:4rem;font-size:48px;font-size:2.8235rem;padding-top:1.0259rem;padding-bottom:.9741rem;border-top:0 none;border-bottom:0 none;margin-bottom:0;margin-top:-1rem;position:relative;z-index:0}body:before{content:"break-2 ---- cols: 12 ---- start: 1244px ---- max-width: 1224px"}body:after{width:1244px}}@media screen and (min-width:95.6923em){html{font-size:106.25%;font-size:calc(17px + 2 * (100vw - 1244px)/ 414)}}.span-xs-full{float:left;box-sizing:border-box;padding-left:1rem;padding-right:1rem}
</style>
<noscript>
<link rel="stylesheet" href="styles/screen.css">
<link rel="stylesheet" href="styles/layout.css">
</noscript>
<script src="scripts/vendor/modernizr.js"></script>
</head>
<body>
<!--[if lt IE 9]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. We recommend <a href="http://browsehappy.com/">upgrading your browser</a> to improve your experience.</p>
<![endif]-->
<div class="page">
<div class="main-content container">
<div class="span-xs-full">
<h1>Welcome to Siegmeyer!</h1>
<p class="caption">A SMACSS Boilerplate. Includes responsive grids & typographic rhythm. </p>
<p>Don't forget to adjust your cap heights on a per-font basis!</p>
<p>Consectetur adipisicing elit, alias at autem magna aliquid <a href="#top">quam proident</a> quis aliquam. temporibus minus eius veniam cupidatat ex, voluptas fuga, quos, mollitia incidunt do officia facilis. molestiae consequat excepturi laborum perferendis tempor minim eiusmod minim minus quia sint.</p>
<p>Quos atque officia quod. <i>Suscipit delectus</i> cupidatat, quia nulla numquam aute cillum proident. Maiores iusto culpa molestias quam id tenetur saepe impedit reiciendis itaque ducimus itaque nostrud. Tempor aliquip, culpa earum itaque sed consequatur minus aliquip reprehenderit nihil veniam tempora do maxime omnis reiciendis elit tempora.</p>
<ol>
<li>Perferendis tempor</li>
<li>Minim eiusmod </li>
<li>Tempor</li>
<li>Minus quia sint</li>
</ol>
<div class="sidebar">
<h3>Sidebar</h3>
<p>Showing more than one column of content Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptatum nemo nisi animi fugit.</p>
<p>Iste placeat sequi laudantium maiores, optio ipsum minus eius autem maxime quam. Quos deserunt, et.</p>
</div>
<h2>Voluptates mollitia quod tempore laboris commodi</h2>
<p>Proident dolores corrupti consequatur voluptatibus labore commodi quos. <b>Incidunt mollitia</b> tempora assumenda laborum voluptate accusamus dolore optio incididunt. Maiores at duis consequatur corrupti consectetur, aliquam optio commodo accusamus distinctio, necessitatibus nostrum.</p>
<p>Optio, nesciunt, quo, fugiat, blanditiis at quas excepturi quae maiores vel corrupti voluptate cupiditate nemo! In, eius quidem harum quibusdam ratione non. Iste, deleniti, fugit, voluptas aperiam qui adipisci provident ab accusantium possimus eveniet voluptate consectetur!</p>
<h2>Repellat optio</h2>
<h3>Ad perferendis omnis</h3>
<p>Pariatur animi quis. Dolorem cupiditate <a href="#top">praesentium duis</a> iusto corrupti nobis nostrud, exercitation consequatur. Nulla minim dignissimos reprehenderit voluptatem. Recusandae delectus iure vel asperiores saepe dolorum omnis eu aliquam similique.</p>
<blockquote><p>Fuga rerum laboris officia cupidatat, excepteur aliquid ut quis facere, cumque harum optio dignissimos. Duis repellat tempore dolor blanditiis alias impedit officiis ut consectetur.</p></blockquote>
<pre><code>body {
color: blue;
}</code></pre>
<h4>Quibusdam illum quo</h4>
<p>Quos laboris eos, laborum animi. Ea blanditiis ducimus fugiat officia nostrud consectetur recusandae excepteur. Quis qui maiores distinctio facilis saepe eos.</p>
<h5>Consectetur nobis consequat voluptates eiusmod</h5>
<p>Iure vel nostrud repellendus. <b>Nostrud</b> autem consequatur, provident officiis qui, mollit exercitation. Veniam minus cillum suscipit aliqua, tenetur. Anim mollitia necessitatibus ad quos consectetur voluptatem do <a href="#top">corporis</a>.</p>
<ul>
<li>Perferendis tempor</li>
<li>Minim eiusmod </li>
<li>Tempor</li>
<li>Minus quia sint</li>
</ul>
<p>Corporis eligendi minim, enim proident reprehenderit iusto. <i>Reprehenderit</i> commodo commodi, repudiandae voluptas saepe sint libero. Praesentium eius distinctio ullamco vero iusto praesentium eligendi animi. Consectetur dolore vero similique dolore, ut labore omnis.</p>
<h6>Maxime alias anim similique</h6>
<p>Omnis corporis assumenda nisi ullam dolores culpa repellat. Molestias praesentium necessitatibus minus, reiciendis officiis commodo incidunt. Consectetur nostrud odio numquam tenetur.</p>
<hr>
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>
<p>Paragraph with <b>bold</b>, <i>italic</i>, <a href="#top">link</a> and <code>code</code> styles.</p>
<blockquote><p>Blockquote</p></blockquote>
<p class="caption">Caption text</p>
<ol>
<li>Ordered list element one</li>
<li>Ordered list element two</li>
<li>Ordered list element three</li>
</ol>
<ul>
<li>Unordered list element one</li>
<li>Unordered list element two</li>
<li>Unordered list element three</li>
</ul>
</div>
<div class="clear">
<div class="span-md-3 lock-md-right">
<h4>Span 3, lock right (medium)</h4>
<p>Officia consequatur quaerat atque alias optio <a href="#">quae illum</a></p>
</div>
<aside class="span-md-3">
<h4>Span 3 (medium)</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, repellendus unde labore rerum, vitae sequi nemo necessitatibus tempora magni eligendi officia quae illum voluptatum dolorem quidem nam ducimus magnam a!</p>
</aside>
<div class="span-md-6">
<h2>Span 6 (medium)</h2>
<p>Officia consequatur quaerat atque alias optio amet earum, tempore modi!</p>
<h4>Heading 4</h4>
<p>Lorem ipsum dolor sit amet. Illum voluptates, porro cupiditate accusantium.</p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, repellendus unde labore rerum, vitae sequi nemo necessitatibus tempora magni eligendi officia quae illum voluptatum dolorem quidem nam ducimus magnam a!</p>
</div>
<div class="span-md-6 push-md-3">
<h4>Span 6, push 3 (medium)</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis nisi voluptatem vel dolorum facilis, assumenda, quaerat repellendus ratione explicabo nemo dignissimos saepe temporibus natus, autem laudantium perferendis illum, omnis qui.</p>
</div>
<div class="span-xs-full nest-md-6 push-md-3 stack-xs-on stack-md-off">
<div class="span-md-6">
<h2>Span 6, nested (medium)</h2>
<h3>Heading 3</h3>
<ul>
<li>Officia error quo et illum!</li>
<li>Ipsum saepe pariatur atque vel quasi. Nesciunt saepe, a nihil earum vel.</li>
<li>Totam expedita, eius, deleniti repudiandae qui beatae dicta veritatis nobis animi asperiores voluptatum!</li>
</ul>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus neque, quam, eos omnis aliquam libero. Alias laborum dolore vitae sunt ipsam aliquam, saepe quam suscipit id, beatae dolorum deserunt necessitatibus.</p>
</div>
<div class="pull-md-3 span-md-3 stack-xs-start">
<h4>Span 3, pull 3, nested (medium)</h4>
<p>Fuga libero voluptatum, ex soluta. Quo harum, magni eaque rerum labore incidunt.</p>
<p>Dicta tempora, quod sapiente saepe reprehenderit repellat.</p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
HODOR
</div>
</footer>
</div>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<!-- <script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script> -->
<script src="scripts/vendor.js"></script>
<!--[if lt IE 9]>
<script src="scripts/legacy.js"></script>
<![endif]-->
<script src="scripts/app.js"></script>
<script>
(function(d,u){for (var i in u) {var l=d.createElement('link');var r=d.getElementsByTagName('script')[0];l.type='text/css';l.rel='stylesheet';l.media='only x';l.href=u[i];r.parentNode.insertBefore(l,r);(function(l){setTimeout( function(){l.media='all';});})(l)}}(document,['styles/screen.css','styles/layout.css']));
</script>
</body>
</html>