forked from ljb-2000/theme
-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathfixed_navigation.html
More file actions
748 lines (731 loc) · 39.8 KB
/
fixed_navigation.html
File metadata and controls
748 lines (731 loc) · 39.8 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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
<!DOCTYPE html>
<html>
<head>
<title>Fixed navigation | Flatty - Flat Administration Template</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<meta content='text/html;charset=utf-8' http-equiv='content-type'>
<meta content='Flat administration template for Twitter Bootstrap. Twitter Bootstrap 3 template with Ruby on Rails support.' name='description'>
<link href='assets/images/meta_icons/favicon.ico' rel='shortcut icon' type='image/x-icon'>
<link href='assets/images/meta_icons/apple-touch-icon.png' rel='apple-touch-icon-precomposed'>
<link href='assets/images/meta_icons/apple-touch-icon-57x57.png' rel='apple-touch-icon-precomposed' sizes='57x57'>
<link href='assets/images/meta_icons/apple-touch-icon-72x72.png' rel='apple-touch-icon-precomposed' sizes='72x72'>
<link href='assets/images/meta_icons/apple-touch-icon-114x114.png' rel='apple-touch-icon-precomposed' sizes='114x114'>
<link href='assets/images/meta_icons/apple-touch-icon-144x144.png' rel='apple-touch-icon-precomposed' sizes='144x144'>
<!-- / START - page related stylesheets [optional] -->
<!-- / END - page related stylesheets [optional] -->
<!-- / bootstrap [required] -->
<link href="assets/stylesheets/bootstrap/bootstrap.css" media="all" rel="stylesheet" type="text/css" />
<!-- / theme file [required] -->
<link href="assets/stylesheets/light-theme.css" media="all" id="color-settings-body-color" rel="stylesheet" type="text/css" />
<!-- / coloring file [optional] (if you are going to use custom contrast color) -->
<link href="assets/stylesheets/theme-colors.css" media="all" rel="stylesheet" type="text/css" />
<!-- / demo file [not required!] -->
<link href="assets/stylesheets/demo.css" media="all" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<script src="assets/javascripts/ie/html5shiv.js" type="text/javascript"></script>
<script src="assets/javascripts/ie/respond.min.js" type="text/javascript"></script>
<![endif]-->
</head>
<body class='contrast-red fixed-navigation'>
<header>
<nav class='navbar navbar-default'>
<a class='navbar-brand' href='index.html'>
<img width="81" height="21" class="logo" alt="Flatty" src="assets/images/logo.svg" />
<img width="21" height="21" class="logo-xs" alt="Flatty" src="assets/images/logo_xs.svg" />
</a>
<a class='toggle-nav btn pull-left' href='#'>
<i class='icon-reorder'></i>
</a>
<ul class='nav'>
<li class='dropdown light only-icon'>
<a class='dropdown-toggle' data-toggle='dropdown' href='#'>
<i class='icon-cog'></i>
</a>
<ul class='dropdown-menu color-settings'>
<li class='color-settings-body-color'>
<div class='color-title'>Change body color</div>
<a data-change-to='assets/stylesheets/light-theme.css' href='#'>
Light
<small>(default)</small>
</a>
<a data-change-to='assets/stylesheets/dark-theme.css' href='#'>
Dark
</a>
<a data-change-to='assets/stylesheets/dark-blue-theme.css' href='#'>
Dark blue
</a>
</li>
<li class='divider'></li>
<li class='color-settings-contrast-color'>
<div class='color-title'>Change contrast color</div>
<a data-change-to="contrast-red" href="#"><i class='icon-cog text-red'></i>
Red
<small>(default)</small>
</a>
<a data-change-to="contrast-blue" href="#"><i class='icon-cog text-blue'></i>
Blue
</a>
<a data-change-to="contrast-orange" href="#"><i class='icon-cog text-orange'></i>
Orange
</a>
<a data-change-to="contrast-purple" href="#"><i class='icon-cog text-purple'></i>
Purple
</a>
<a data-change-to="contrast-green" href="#"><i class='icon-cog text-green'></i>
Green
</a>
<a data-change-to="contrast-muted" href="#"><i class='icon-cog text-muted'></i>
Muted
</a>
<a data-change-to="contrast-fb" href="#"><i class='icon-cog text-fb'></i>
Facebook
</a>
<a data-change-to="contrast-dark" href="#"><i class='icon-cog text-dark'></i>
Dark
</a>
<a data-change-to="contrast-pink" href="#"><i class='icon-cog text-pink'></i>
Pink
</a>
<a data-change-to="contrast-grass-green" href="#"><i class='icon-cog text-grass-green'></i>
Grass green
</a>
<a data-change-to="contrast-sea-blue" href="#"><i class='icon-cog text-sea-blue'></i>
Sea blue
</a>
<a data-change-to="contrast-banana" href="#"><i class='icon-cog text-banana'></i>
Banana
</a>
<a data-change-to="contrast-dark-orange" href="#"><i class='icon-cog text-dark-orange'></i>
Dark orange
</a>
<a data-change-to="contrast-brown" href="#"><i class='icon-cog text-brown'></i>
Brown
</a>
</li>
</ul>
</li>
<li class='dropdown medium only-icon widget'>
<a class='dropdown-toggle' data-toggle='dropdown' href='#'>
<i class='icon-rss'></i>
<div class='label'>5</div>
</a>
<ul class='dropdown-menu'>
<li>
<a href='#'>
<div class='widget-body'>
<div class='pull-left icon'>
<i class='icon-user text-success'></i>
</div>
<div class='pull-left text'>
John Doe signed up
<small class='text-muted'>just now</small>
</div>
</div>
</a>
</li>
<li class='divider'></li>
<li>
<a href='#'>
<div class='widget-body'>
<div class='pull-left icon'>
<i class='icon-inbox text-error'></i>
</div>
<div class='pull-left text'>
New Order #002
<small class='text-muted'>3 minutes ago</small>
</div>
</div>
</a>
</li>
<li class='divider'></li>
<li>
<a href='#'>
<div class='widget-body'>
<div class='pull-left icon'>
<i class='icon-comment text-warning'></i>
</div>
<div class='pull-left text'>
America Leannon commented Flatty with veeery long text.
<small class='text-muted'>1 hour ago</small>
</div>
</div>
</a>
</li>
<li class='divider'></li>
<li>
<a href='#'>
<div class='widget-body'>
<div class='pull-left icon'>
<i class='icon-user text-success'></i>
</div>
<div class='pull-left text'>
Jane Doe signed up
<small class='text-muted'>last week</small>
</div>
</div>
</a>
</li>
<li class='divider'></li>
<li>
<a href='#'>
<div class='widget-body'>
<div class='pull-left icon'>
<i class='icon-inbox text-error'></i>
</div>
<div class='pull-left text'>
New Order #001
<small class='text-muted'>1 year ago</small>
</div>
</div>
</a>
</li>
<li class='widget-footer'>
<a href='#'>All notifications</a>
</li>
</ul>
</li>
<li class='dropdown dark user-menu'>
<a class='dropdown-toggle' data-toggle='dropdown' href='#'>
<img width="23" height="23" alt="Mila Kunis" src="assets/images/avatar.jpg" />
<span class='user-name'>Mila Kunis</span>
<b class='caret'></b>
</a>
<ul class='dropdown-menu'>
<li>
<a href='user_profile.html'>
<i class='icon-user'></i>
Profile
</a>
</li>
<li>
<a href='user_profile.html'>
<i class='icon-cog'></i>
Settings
</a>
</li>
<li class='divider'></li>
<li>
<a href='sign_in.html'>
<i class='icon-signout'></i>
Sign out
</a>
</li>
</ul>
</li>
</ul>
<form action='search_results.html' class='navbar-form navbar-right hidden-xs' method='get'>
<button class='btn btn-link icon-search' name='button' type='submit'></button>
<div class='form-group'>
<input value="" class="form-control" placeholder="Search..." autocomplete="off" id="q_header" name="q" type="text" />
</div>
</form>
</nav>
</header>
<div id='wrapper'>
<div id='main-nav-bg'></div>
<nav class='main-nav-fixed' id='main-nav'>
<div class='navigation'>
<div class='search'>
<form action='search_results.html' method='get'>
<div class='search-wrapper'>
<input value="" class="search-query form-control" placeholder="Search..." autocomplete="off" name="q" type="text" />
<button class='btn btn-link icon-search' name='button' type='submit'></button>
</div>
</form>
</div>
<ul class='nav nav-stacked'>
<li class=''>
<a href='index.html'>
<i class='icon-dashboard'></i>
<span>Dashboard</span>
</a>
</li>
<li class=''>
<a class="dropdown-collapse" href="#"><i class='icon-edit'></i>
<span>Forms</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li class=''>
<a href='form_styles.html'>
<i class='icon-caret-right'></i>
<span>Form styles and features</span>
</a>
</li>
<li class=''>
<a href='form_components.html'>
<i class='icon-caret-right'></i>
<span>Form components</span>
</a>
</li>
<li class=''>
<a href='validations.html'>
<i class='icon-caret-right'></i>
<span>Validations</span>
</a>
</li>
<li class=''>
<a href='wizard.html'>
<i class='icon-caret-right'></i>
<span>Wizard</span>
</a>
</li>
</ul>
</li>
<li>
<a class='dropdown-collapse ' href='#'>
<i class='icon-tint'></i>
<span>UI Elements & Widgets</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li class=''>
<a href='ui_elements.html'>
<i class='icon-caret-right'></i>
<span>UI Elements</span>
</a>
</li>
<li class=''>
<a href='widgets.html'>
<i class='icon-caret-right'></i>
<span>Widgets</span>
</a>
</li>
</ul>
</li>
<li class=''>
<a href='buttons_and_icons.html'>
<i class='icon-star'></i>
<span>Buttons & Icons</span>
</a>
</li>
<li>
<a class='dropdown-collapse ' href='#'>
<i class='icon-cogs'></i>
<span>Components</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li class=''>
<a href='charts.html'>
<i class='icon-bar-chart'></i>
<span>Charts</span>
</a>
</li>
<li class=''>
<a href='address_book.html'>
<i class='icon-envelope'></i>
<span>Address book</span>
</a>
</li>
<li class=''>
<a href='chats.html'>
<i class='icon-comments'></i>
<span>Chats</span>
</a>
</li>
<li class=''>
<a href='filetrees.html'>
<i class='icon-list-ul'></i>
<span>File trees</span>
</a>
</li>
<li class=''>
<a href='fileupload.html'>
<i class='icon-file'></i>
<span>Fileupload</span>
</a>
</li>
<li class=''>
<a href='todo.html'>
<i class='icon-list-alt'></i>
<span>Todo list</span>
</a>
</li>
<li class=''>
<a href='wysiwyg.html'>
<i class='icon-paste'></i>
<span>WYSIWYG</span>
</a>
</li>
</ul>
</li>
<li class=''>
<a href='tables.html'>
<i class='icon-table'></i>
<span>Tables</span>
</a>
</li>
<li class=''>
<a href='grid.html'>
<i class='icon-th'></i>
<span>Grid</span>
</a>
</li>
<li class=''>
<a href='type.html'>
<i class='icon-font'></i>
<span>Typography</span>
</a>
</li>
<li class=''>
<a href='calendar.html'>
<i class='icon-calendar'></i>
<span>Calendar</span>
</a>
</li>
<li>
<a class='dropdown-collapse ' href='#'>
<i class='icon-book'></i>
<span>Example pages</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li class=''>
<a href='invoice.html'>
<i class='icon-money'></i>
<span>Invoice</span>
</a>
</li>
<li class=''>
<a href='gallery.html'>
<i class='icon-picture'></i>
<span>Gallery</span>
</a>
</li>
<li class=''>
<a href='timeline.html'>
<i class='icon-time'></i>
<span>Timeline</span>
</a>
</li>
<li class=''>
<a href='pricing_tables.html'>
<i class='icon-table'></i>
<span>Pricing tables</span>
</a>
</li>
<li class=''>
<a href='user_profile.html'>
<i class='icon-user'></i>
<span>User profile</span>
</a>
</li>
<li class=''>
<a href='err404.html' target='_blank'>
<i class='icon-question-sign'></i>
<span>404 Error</span>
</a>
</li>
<li class=''>
<a href='err500.html' target='_blank'>
<i class='icon-cogs'></i>
<span>500 Error</span>
</a>
</li>
<li class=''>
<a href='sign_in.html' target='_blank'>
<i class='icon-signin'></i>
<span>Sign in</span>
</a>
</li>
<li class=''>
<a href='faq.html'>
<i class='icon-bullhorn'></i>
<span>FAQ</span>
</a>
</li>
<li class=''>
<a href='orders.html'>
<i class='icon-inbox'></i>
<span>Orders</span>
</a>
</li>
<li class=''>
<a href='search_results.html'>
<i class='icon-search'></i>
<span>Search results</span>
</a>
</li>
<li class=''>
<a href='blank.html'>
<i class='icon-circle-blank'></i>
<span>Blank page</span>
</a>
</li>
</ul>
</li>
<li>
<a class='dropdown-collapse in' href='#'>
<i class='icon-cog'></i>
<span>Layouts</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='in nav nav-stacked'>
<li class=''>
<a href='closed_navigation.html'>
<i class='icon-caret-right'></i>
<span>Closed navigation</span>
</a>
</li>
<li class=''>
<a href='fixed_header.html'>
<i class='icon-caret-right'></i>
<span>Fixed header</span>
</a>
</li>
<li class='active'>
<a href='fixed_navigation.html'>
<i class='icon-caret-right'></i>
<span>Fixed navigation</span>
</a>
</li>
<li class=''>
<a href='fixed_navigation_and_header.html'>
<i class='icon-caret-right'></i>
<span>Fixed navigation & header</span>
</a>
</li>
</ul>
</li>
<li class=''>
<a href='email_templates.html'>
<i class='icon-mail-reply'></i>
<span>Email templates</span>
</a>
</li>
<li>
<a class='dropdown-collapse' href='#'>
<i class='icon-folder-open-alt'></i>
<span>Four level dropdown</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li>
<a class='dropdown-collapse' href='#'>
<i class='icon-caret-right'></i>
<span>Second level</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li>
<a class='dropdown-collapse' href='#'>
<i class='icon-caret-right'></i>
<span>Third level</span>
<i class='icon-angle-down angle-down'></i>
</a>
<ul class='nav nav-stacked'>
<li>
<a href='#'>
<i class='icon-caret-right'></i>
<span>Fourth level</span>
</a>
</li>
<li>
<a href='#'>
<i class='icon-caret-right'></i>
<span>Another fourth level</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<section id='content'>
<div class='container'>
<div class='row' id='content-wrapper'>
<div class='col-xs-12'>
<div class='row'>
<div class='col-sm-12'>
<div class='page-header'>
<h1 class='pull-left'>
<i class='icon-cog'></i>
<span>Fixed navigation</span>
</h1>
<div class='pull-right'>
<ul class='breadcrumb'>
<li>
<a href='index.html'>
<i class='icon-bar-chart'></i>
</a>
</li>
<li class='separator'>
<i class='icon-angle-right'></i>
</li>
<li>Layouts</li>
<li class='separator'>
<i class='icon-angle-right'></i>
</li>
<li class='active'>Fixed navigation</li>
</ul>
</div>
</div>
</div>
</div>
Itaque aut fugit nisi expedita accusamus et dicta ea dolore corporis suscipit. blanditiis facilis vitae minima officia debitis tempora expedita vel quas veniam quam qui et. soluta voluptatem in molestiae consequatur maiores voluptas reiciendis. facere dolorem voluptate et sequi doloremque dolorem quasi corrupti ad distinctio magnam est totam
<br>
<br>
Sunt beatae quis deserunt. a cumque sit provident eaque dolorem et velit odio ullam. modi dolorem dicta autem accusantium voluptates temporibus saepe
<br>
<br>
Molestias fuga est et. voluptate aut esse ipsum velit exercitationem nostrum non. hic eum magni quas aliquam quis impedit consequuntur dignissimos earum. aut officiis eligendi modi error nulla voluptatem consequatur ducimus
<br>
<br>
Impedit perferendis enim suscipit. possimus perferendis distinctio et magnam adipisci dolores reiciendis officia sed deleniti odit. placeat est eius harum ipsum est id qui quis hic eos ea. alias voluptatibus laborum iusto omnis nihil. nisi soluta ab quia et voluptatem provident magnam. nostrum rerum asperiores eius omnis reprehenderit corrupti. ut ipsa qui atque reiciendis ut
<br>
<br>
Cum molestias non a voluptates sequi ut asperiores saepe. tempora qui sit saepe eaque autem eum quia distinctio incidunt itaque dignissimos sed sit. cumque est labore accusamus. quia dignissimos illo et magni omnis. qui officia ea velit accusantium totam rerum voluptatum velit at et ipsum perspiciatis excepturi esse. iure quo laudantium est tempora nulla explicabo ut id voluptas. eveniet odit saepe sunt qui ducimus voluptatum repellendus omnis occaecati et ducimus ipsum et
<br>
<br>
Explicabo totam eum et esse aspernatur sequi quas pariatur. tempore ut ut quibusdam dolores provident eos necessitatibus aut dolorem id. autem qui sit aut atque a dolor consequatur alias natus facere qui. omnis est quia facere ut doloremque possimus facere itaque amet et exercitationem tempore tenetur repellendus. architecto dolores ipsum rerum sed unde ratione illum iusto. sunt quae reprehenderit laboriosam aperiam culpa. voluptatem repudiandae id voluptatem
<br>
<br>
Iusto non omnis odit ut voluptatem et consequatur nesciunt quis. commodi aliquam et praesentium temporibus vel aperiam est eligendi mollitia. dolor deleniti quae aliquam. et rerum ullam dolor architecto quis minima illo odit est dolores officia nihil. libero velit ducimus sint quas quaerat. voluptatum non animi rerum similique quia minus sed voluptatem qui amet rerum quos unde vitae. ut quod nemo corporis distinctio nobis rem maxime mollitia numquam
<br>
<br>
Necessitatibus qui quam delectus eligendi ipsum autem eos sit consequatur voluptas. facilis inventore commodi tempora officia repellat eos. quod placeat consectetur accusantium commodi repellendus sint consequuntur
<br>
<br>
Eos laborum eos est error porro ipsum veritatis repellendus sunt inventore quibusdam. recusandae excepturi iusto deleniti error aspernatur reiciendis pariatur molestiae nesciunt. architecto rem omnis quisquam quis maxime sit voluptatibus qui ipsa. sint quia culpa facilis temporibus in est amet et qui porro. et veniam fuga a quidem ut exercitationem repellendus aperiam animi excepturi. incidunt error enim dolores aut cumque asperiores dolore qui labore sit
<br>
<br>
Maxime recusandae laudantium quasi culpa ducimus ut officia. distinctio delectus dolorem in consequatur repudiandae accusantium pariatur in ab qui vel adipisci id accusamus. perferendis aut alias ad repudiandae consequatur explicabo exercitationem quos culpa quas perferendis unde nisi corporis. officiis assumenda nisi quis ut quia accusantium doloribus velit nulla. culpa vitae atque mollitia odio dolores velit illo incidunt qui ipsa nostrum animi. maiores aperiam repellat et perspiciatis
<br>
<br>
Quia qui eveniet consectetur consequatur tenetur qui dignissimos non facere quaerat. consequatur corporis nihil autem sint officia earum qui et aliquam. et ratione eius omnis quia aut. omnis deserunt cumque non unde quia et temporibus dolor. voluptatum placeat sapiente cum velit porro
<br>
<br>
Corrupti quibusdam distinctio laudantium culpa sit similique quis at voluptatem vel minus amet fuga. voluptatem deserunt sunt quia delectus rerum dolores vel est fugiat. et qui quia eveniet molestiae consequatur perspiciatis quo dolor culpa quasi non vitae velit expedita. porro ad in consequuntur eius et sit itaque numquam expedita quaerat dolor modi aut. ut iste sunt minima. vero iste quod est officiis pariatur doloremque ut aut praesentium inventore incidunt est quia eos. quae et veritatis deleniti reiciendis sed error veritatis molestias molestiae
<br>
<br>
Vitae est sit animi ducimus omnis et consequuntur. eos voluptate repellat enim libero sit ipsum est ut et sunt voluptas fugit quas. vitae blanditiis sint aut voluptas ipsum magnam recusandae numquam. ullam qui est aperiam id aut laborum voluptates id tenetur neque error ut aut rerum. sed dolor nobis soluta amet. et quaerat ipsam est quod nulla ea et cum dolorem
<br>
<br>
Tenetur repudiandae possimus et consequatur eum autem. tempora omnis beatae magnam odio error corrupti ut natus ut enim cumque tempora itaque aperiam. dolor et quia aliquid. et officia aut qui laudantium ut odio inventore. et autem distinctio nulla harum voluptatibus laborum
<br>
<br>
Consequatur molestias harum quo itaque dolor. quo sequi quaerat vitae ipsum laudantium dolore et perferendis est illo. suscipit minima officiis distinctio nesciunt. consequuntur possimus cum mollitia rerum velit nisi dolores unde consequatur ad dignissimos. ut dolore qui vitae accusamus. numquam odio nihil excepturi nihil iure sed vel. quo dolore qui sequi quis voluptatibus et eos est adipisci
<br>
<br>
Sed vel repudiandae qui rerum praesentium tenetur sapiente error est totam dolor consequatur. in omnis et aut aliquid vel ipsum accusamus autem. asperiores qui beatae fuga in impedit unde ex. non laudantium id eum iure est non sit magni ipsum possimus ea quo doloremque ad. asperiores fugit eius unde est quam sunt autem in. quis minima sapiente asperiores aliquam sapiente velit enim. sed quisquam id dicta in quos ut quidem quae culpa
<br>
<br>
Accusantium dicta vitae et quia assumenda aspernatur aut omnis corporis est ut. quia expedita nisi laborum minus aut laboriosam doloremque possimus laborum quia sunt voluptas. totam aut atque totam nihil eligendi amet omnis qui
<br>
<br>
Beatae et rerum aspernatur aut suscipit aut hic nihil ut voluptatum voluptates ea reiciendis. quibusdam nihil minus quaerat rerum ipsam quo voluptatibus cum consequuntur minus cupiditate suscipit. hic ab cum explicabo cumque modi
<br>
<br>
Minima provident assumenda beatae ea rerum nemo eaque nulla maiores a aut sit eos. ea quam ad in sed quia cupiditate rem ratione praesentium molestias harum sed. assumenda id molestias numquam delectus eveniet labore saepe aut nisi voluptas neque vel repellendus et. iusto aut quo omnis temporibus porro exercitationem ea atque. consequuntur ratione recusandae sunt tempore non aliquam rerum aut et dolores aut voluptas officiis. aut debitis qui quia minima eveniet sint est aut ducimus et quam rerum. perspiciatis nam fugit voluptatem est est
<br>
<br>
Ducimus id magnam libero eveniet quia enim neque eligendi quod sint harum saepe sint sunt. assumenda ut quos eos reprehenderit eius asperiores necessitatibus et aut sit illum. eos aperiam qui quia dolorum labore rem qui est sapiente quis laboriosam perferendis harum. itaque officia perspiciatis quia qui voluptates est aliquam porro unde fuga vero ipsam omnis tempore. voluptatum illum culpa laborum asperiores eos fuga qui quibusdam quis mollitia ut itaque deserunt. eaque qui autem nam quam modi consequatur molestiae. commodi illo sint magni sed in soluta nihil qui quod eos autem dicta quo
<br>
<br>
Vel aut quam repudiandae quibusdam sint suscipit totam suscipit sunt consectetur culpa voluptatem nesciunt aut. ex dignissimos fugiat quibusdam et est voluptas numquam quo. perferendis eius vel nihil qui earum rerum
<br>
<br>
Quia tenetur ad optio nihil laboriosam qui totam facere dolore modi. a minus exercitationem ratione architecto deleniti ut et eveniet natus consequatur qui incidunt quae. doloribus aspernatur ex soluta odio qui facere. odit praesentium commodi architecto optio hic. ipsum voluptatem maxime aut ut vel natus. sunt praesentium voluptatibus expedita
<br>
<br>
Maxime labore distinctio amet quidem maxime incidunt aut itaque voluptatum hic illum vel beatae sit. quam officiis cupiditate voluptas aliquid voluptatem. enim quidem molestiae voluptatem dolor et sint voluptatibus tempore repellendus eveniet et quod consequuntur. autem nemo aut asperiores non voluptatem commodi reprehenderit debitis itaque exercitationem blanditiis alias vel. culpa cupiditate omnis rerum excepturi est. quis odit qui tempore non ut ex qui eum vel velit totam mollitia
<br>
<br>
Iure ullam iste qui quam ducimus inventore cumque aspernatur eligendi nostrum impedit harum ullam iure. numquam nihil tempora atque et est eos pariatur. occaecati similique et et dolore aperiam sit illo qui voluptatem
<br>
<br>
Commodi aut odit odio. dolore atque enim et voluptas corrupti aspernatur. repellendus explicabo corporis et excepturi doloribus sed soluta earum vel nobis aut voluptas. pariatur ut neque libero omnis ipsum adipisci quia sunt fuga maxime qui mollitia qui rerum. voluptate mollitia dolor et repellendus qui officiis similique provident vero qui quia quisquam. et cum ut voluptatem eaque totam et mollitia. laboriosam at et repellendus
<br>
<br>
Tempore voluptatem id quod. sed quae unde suscipit optio aut quia deleniti. sit sapiente magni cupiditate eveniet blanditiis ea. quae nihil voluptas autem molestias saepe ipsam debitis
<br>
<br>
Dolores quisquam non quis fugit totam ut officia qui omnis. est ipsum doloremque architecto quam quas nulla et. occaecati laudantium autem quia
<br>
<br>
Iste unde soluta consequatur iusto. autem quia ipsa et. voluptas eum voluptatem accusantium suscipit sunt ut explicabo earum
<br>
<br>
Veniam sit blanditiis hic. debitis sed in quos. omnis minima quos quidem quidem exercitationem eos dolorem eveniet nesciunt
<br>
<br>
Accusantium illo laboriosam sapiente non. et error deleniti recusandae laboriosam sapiente qui id ut nulla qui natus. ea fugit eos pariatur dolor voluptas voluptatem autem possimus eos aut voluptas. rerum ducimus autem non rem modi repudiandae non reprehenderit recusandae illum unde facilis. quia quisquam excepturi voluptatum ad ea ipsa laborum. aut est non facere tempora rerum quis accusantium est error nam
<br>
<br>
Quas est ut voluptatibus dolores aperiam ipsam vel qui non et cumque consectetur. ullam voluptatem dolore delectus dolorem itaque non in suscipit. nam perspiciatis sunt consequatur delectus eaque explicabo quia qui quod debitis autem non a. facilis optio fugit autem eos praesentium ipsum aliquam et in. doloribus magni rerum unde ut qui dignissimos et. facilis dolor nobis repudiandae rerum harum eveniet qui qui dolorem nobis sunt reiciendis qui
<br>
<br>
Modi earum aut esse deleniti quidem est facere magni sit sed adipisci omnis. aliquid in rerum sint soluta minus nam eum aut esse ullam corporis aut sit magnam. temporibus minima est optio sed omnis delectus inventore. alias et neque asperiores id nulla in velit enim aliquid non soluta quia in
<br>
<br>
Maiores optio aut nulla at at. accusantium reiciendis quis odio aut amet nostrum voluptas vel sint ducimus corrupti perspiciatis. iste tenetur rerum ullam ea et
<br>
<br>
Ut velit commodi sed est nisi reprehenderit quia minus. nulla voluptas nam ratione ut quae error et placeat nostrum voluptates exercitationem nesciunt. eos sunt voluptatum quod consequuntur. illum deserunt et aut cum sit maiores neque hic. voluptatem facere in doloribus aut molestiae temporibus et culpa sint in rerum blanditiis est
<br>
<br>
Amet et eveniet qui est quod voluptatem inventore consequatur autem cum qui distinctio nesciunt. assumenda odio at debitis nostrum est error repudiandae voluptate dolor minus quidem quo fugiat est. nihil rerum eveniet qui aut voluptas eaque provident sed doloremque dolores culpa nihil. totam ducimus illo enim distinctio impedit eum dolorum est officia animi. nemo culpa sit neque est facere incidunt. quia perspiciatis consequatur quasi ut
<br>
<br>
Aut iure dolorem saepe itaque quia autem sed nobis nihil. commodi officia aut et eos explicabo. ea officia rem ex beatae temporibus facilis iusto autem aliquam. officia fugiat facere similique consectetur ratione quasi voluptatum porro dolor. omnis est est nostrum molestiae et quae nobis. eius nostrum consequuntur dolorum omnis nobis. possimus ipsam aliquam rerum nesciunt praesentium et ea cupiditate
<br>
<br>
Nihil praesentium aut quod excepturi ab consequatur reiciendis aliquid enim nihil alias repudiandae velit sunt. voluptatem consectetur id eius adipisci facere sit iste maiores molestiae deserunt alias esse. ea libero odio tempora veritatis ipsa est. laudantium unde quia odit qui. assumenda ipsa quis officiis omnis aut est voluptatem est sit aspernatur officia velit. alias eaque consequatur nihil maxime rerum qui in aut autem alias modi accusantium
<br>
<br>
Quibusdam quia nulla neque vero dolorem nobis sed iste. odio sint impedit dicta officia voluptatibus consectetur et deserunt reprehenderit consequuntur. dignissimos in quasi maiores rerum alias ab in aut explicabo sed vel qui. qui dolores perferendis corrupti ut mollitia velit. consectetur totam repellendus quo tempore id et tempore quasi totam aspernatur nobis ut vel vitae. quia blanditiis quaerat aut ipsum quia suscipit alias blanditiis eius est veritatis. amet voluptates sed voluptatem neque et doloribus quia veniam
<br>
<br>
Ut ad iure vel possimus harum quis asperiores. totam sit aut ut et atque ab qui ducimus. qui amet nemo et ratione omnis consequuntur numquam eos nam vel quas quasi iste
<br>
<br>
Dolore sit illo soluta maxime. eos quidem rerum deleniti inventore et asperiores molestias minus. molestias aut laudantium fugiat aut explicabo quod. rerum reiciendis et et
<br>
<br>
</div>
</div>
<footer id='footer'>
<div class='footer-wrapper'>
<div class='row'>
<div class='col-sm-6 text'>
Copyright © 2013 Your Project Name
</div>
<div class='col-sm-6 buttons'>
<a class="btn btn-link" href="http://www.bublinastudio.com/flatty">Preview</a>
<a class="btn btn-link" href="https://wrapbootstrap.com/theme/flatty-flat-administration-template-WB0P6NR1N">Purchase</a>
</div>
</div>
</div>
</footer>
</div>
</section>
</div>
<!-- / jquery [required] -->
<script src="assets/javascripts/jquery/jquery.min.js" type="text/javascript"></script>
<!-- / jquery mobile (for touch events) -->
<script src="assets/javascripts/jquery/jquery.mobile.custom.min.js" type="text/javascript"></script>
<!-- / jquery migrate (for compatibility with new jquery) [required] -->
<script src="assets/javascripts/jquery/jquery-migrate.min.js" type="text/javascript"></script>
<!-- / jquery ui -->
<script src="assets/javascripts/jquery/jquery-ui.min.js" type="text/javascript"></script>
<!-- / jQuery UI Touch Punch -->
<script src="assets/javascripts/plugins/jquery_ui_touch_punch/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
<!-- / bootstrap [required] -->
<script src="assets/javascripts/bootstrap/bootstrap.js" type="text/javascript"></script>
<!-- / modernizr -->
<script src="assets/javascripts/plugins/modernizr/modernizr.min.js" type="text/javascript"></script>
<!-- / retina -->
<script src="assets/javascripts/plugins/retina/retina.js" type="text/javascript"></script>
<!-- / theme file [required] -->
<script src="assets/javascripts/theme.js" type="text/javascript"></script>
<!-- / demo file [not required!] -->
<script src="assets/javascripts/demo.js" type="text/javascript"></script>
<!-- / START - page related files and scripts [optional] -->
<!-- / END - page related files and scripts [optional] -->
</body>
</html>