forked from ljb-2000/theme
-
Notifications
You must be signed in to change notification settings - Fork 2
/
fixed_navigation_and_header.html
748 lines (731 loc) · 39.1 KB
/
fixed_navigation_and_header.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
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 & header | 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-header fixed-navigation'>
<header>
<nav class='navbar navbar-default navbar-fixed-top'>
<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=''>
<a href='fixed_navigation.html'>
<i class='icon-caret-right'></i>
<span>Fixed navigation</span>
</a>
</li>
<li class='active'>
<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 & header</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 & header</li>
</ul>
</div>
</div>
</div>
</div>
Similique ea quia reprehenderit veniam reiciendis inventore non consequatur consequatur. tempora ipsa dolores molestias qui ipsa minima sint aperiam dicta ab expedita aperiam repellendus. nihil sed dolorem corporis illum dicta deserunt et qui non consequatur sed dolor omnis
<br>
<br>
Placeat quia possimus repudiandae corporis animi neque ipsum magni recusandae iusto consequatur dolorum asperiores. dolore amet ea quos quia. sed quidem error et quibusdam nobis ratione qui nulla cupiditate quas tempora. et ut id et facilis dolor ut voluptate cum
<br>
<br>
Dolorem vel nemo libero non ullam est eum animi culpa voluptatem ipsa velit aut sit. ipsa deleniti atque saepe ut voluptate sed consequatur quas totam temporibus id. omnis maiores asperiores recusandae sit
<br>
<br>
Quo facilis et ipsa molestias atque aut autem. illum delectus libero libero. quaerat quia praesentium quidem aut adipisci est reprehenderit doloribus dolor velit repudiandae incidunt sit. est omnis repudiandae reiciendis voluptas in explicabo aperiam ut. nesciunt itaque nihil aut porro amet consectetur. sapiente recusandae est incidunt velit at et aut quia aut. reprehenderit eius deserunt aliquam facere doloribus
<br>
<br>
Qui ducimus nulla eos provident cumque sed deserunt. laborum dolores et deleniti expedita atque. ducimus autem enim consectetur incidunt natus nisi. nisi qui qui quia quia quis
<br>
<br>
Illo molestiae expedita quaerat et. sit molestias aut incidunt at nesciunt consequatur officiis qui aspernatur laborum sed omnis ut. aut error maxime libero voluptate assumenda laborum adipisci et expedita. sunt cumque eos aliquam soluta rerum est omnis. quisquam ea reprehenderit amet animi maxime molestias
<br>
<br>
Porro eligendi voluptas omnis praesentium ut dignissimos sint inventore sed possimus voluptas voluptas. corporis eum blanditiis labore unde omnis qui. voluptas aut autem quos
<br>
<br>
Dolore ea voluptatum quisquam ducimus nisi. nihil perspiciatis voluptatem suscipit atque dicta accusamus praesentium pariatur molestiae hic illo dolorem consequatur. quia sit non voluptatem enim. corporis dolorem dolor illo repudiandae quis a culpa omnis inventore voluptatem nobis modi deserunt. repudiandae autem dolore tenetur doloribus magni minima dolor est maxime illum consequatur. consequatur hic iste nam maiores praesentium
<br>
<br>
Voluptates omnis aliquam asperiores dolor quos laborum ullam velit ab iste aliquam hic nemo iusto. id voluptatibus ex explicabo ullam voluptatem in exercitationem. voluptatibus voluptates et impedit repudiandae nam maxime laudantium. molestiae minus porro tempora. eum amet ea voluptas tenetur et ad placeat velit a architecto nobis aliquid non quos
<br>
<br>
Dolor qui velit pariatur delectus debitis ullam sed dolores quo qui aperiam enim harum. laboriosam nostrum et omnis distinctio cum quod dolorum. tempore enim qui quibusdam qui. illo aut perspiciatis exercitationem quia. commodi deserunt rerum culpa quod voluptas aut perferendis provident. dolores molestiae tempore quod. consequatur in ea id
<br>
<br>
Dolorum sint accusantium excepturi autem. recusandae quidem quidem fuga consequatur aut. est officiis fugiat voluptatibus cum vitae qui ut dolores ad aut. error est magni eligendi necessitatibus nobis placeat magni dignissimos
<br>
<br>
In totam aperiam et vel harum et sit esse qui autem rem necessitatibus natus. velit culpa delectus qui vel illo aut sunt necessitatibus culpa. iusto natus dolores mollitia enim
<br>
<br>
Aspernatur in id perspiciatis aut doloremque voluptas accusamus. pariatur nihil rerum et molestias debitis molestiae repudiandae vero sint laudantium natus mollitia. quia aspernatur repudiandae quasi atque quo. quod dolorum optio doloribus. velit esse qui vero natus aut ipsam praesentium reprehenderit. sapiente soluta quia commodi est quo
<br>
<br>
Sequi voluptatem suscipit harum voluptatem et corrupti quas quia adipisci consequatur corporis dolor commodi. neque eius veritatis maiores officiis quia vel. ipsa officia adipisci et eligendi rerum fuga officiis ut cumque. cumque et distinctio est fugit voluptatem quo ut sed vel quos est recusandae consectetur ut. blanditiis unde quis quia explicabo nisi vitae iure sunt optio tenetur quisquam modi
<br>
<br>
Molestias non cum facere amet fugit voluptatum veritatis quae. vel quod illum illum officia et voluptatem deleniti qui rerum dolore. aperiam cumque at eum voluptate. qui dolorem reiciendis sunt impedit quis
<br>
<br>
Consequatur quibusdam quisquam consequuntur. officiis repellat eius accusantium aperiam excepturi nisi exercitationem non dolor. velit illum aspernatur labore dolor. maiores quas qui recusandae sed alias rerum aut in dolorum ea omnis
<br>
<br>
Est dolores dolores blanditiis omnis quidem rerum repellat in sed fugiat dolores voluptatem ex rerum. aspernatur illum nostrum facilis est. ut corrupti eius dolorem dolor veniam. veniam est architecto beatae ea totam eius nihil ipsa et iusto qui reiciendis neque repellat. tenetur quae aut facere eius esse quasi. sint quia quo provident et. perferendis consequatur aperiam non et laudantium exercitationem aperiam
<br>
<br>
Voluptatem distinctio sit doloribus vitae. cupiditate molestias nemo enim quas. qui ea id nam vel ut dolor hic
<br>
<br>
Qui eveniet velit ut ipsam id quae. eligendi veritatis veritatis temporibus. voluptates quia ipsa vitae esse commodi officia. optio quae vel officiis quaerat magnam similique aliquam praesentium sint commodi incidunt omnis. suscipit est sit omnis atque id repudiandae reprehenderit inventore atque
<br>
<br>
Aut asperiores exercitationem numquam consequatur quam mollitia rerum at ut. beatae molestiae eveniet reiciendis velit neque sint ea dolorem minus non quia eaque alias iusto. iusto quis numquam veritatis. consequatur aut dignissimos ab voluptatem voluptatum
<br>
<br>
Veniam ab et enim sequi debitis quia molestiae. et consequatur fuga voluptate. et distinctio assumenda aliquam dolores vel enim aut rerum dignissimos voluptatem fuga pariatur odio
<br>
<br>
Et deleniti voluptatem et iure voluptas quisquam est aut porro sunt esse maxime inventore. alias vel quisquam non ducimus et non aut impedit voluptas dolorem. quia ducimus nisi ut facere quia non dolores eos ea eum unde id tempora. fugiat quis dolorem iure. et explicabo sit deserunt enim velit consequatur expedita atque maxime dolor iste nulla provident. et ducimus est magni sint ab ea
<br>
<br>
Perspiciatis quo et voluptates et deserunt. voluptate voluptatibus quis aut et sunt et perferendis. magnam enim a molestiae sed voluptas quas est aliquam omnis cumque et vero sequi. fuga necessitatibus provident cupiditate. non et optio et
<br>
<br>
Pariatur rerum aliquam modi sed asperiores est. porro fugit voluptates sunt. libero voluptatibus quod temporibus vel praesentium assumenda eum ipsa rerum. animi aut ut debitis omnis voluptatum placeat harum perferendis possimus inventore sapiente eos. voluptas nesciunt sed fugiat ut quia sequi consequuntur ratione dolore facilis
<br>
<br>
Iure vel et voluptates nobis autem ea quis ut eos. ea reiciendis magnam sed culpa assumenda qui minus in beatae. dolorum ex amet voluptatum non voluptas. et nam dolorum eaque dolorem et temporibus voluptatem dolorem eos rem tempora
<br>
<br>
Culpa rerum vel sequi rerum ipsum. ad in et exercitationem et. ipsam velit reprehenderit adipisci. quas eos voluptatem quaerat perspiciatis tempore provident fugiat amet vel molestiae. omnis dolores quis quas voluptas saepe doloremque tempora occaecati eligendi exercitationem quia commodi et omnis. officia odit nobis ea omnis earum nemo incidunt. ut aut accusamus illum
<br>
<br>
Itaque quia voluptas occaecati voluptatem voluptatem porro et porro ex. tempore voluptatem cum asperiores quo excepturi placeat dolorem qui error est qui corporis mollitia vel. debitis quas illo adipisci ad dolore itaque. maiores nobis eaque quos nam rerum quia non ullam asperiores qui debitis asperiores. maiores deserunt molestias pariatur suscipit vel architecto nostrum exercitationem hic ab expedita et. provident in enim iste ad ex quidem eos recusandae autem cupiditate alias. omnis maiores ut inventore officiis ducimus voluptatem dolorum
<br>
<br>
Voluptatem facere laudantium nobis. inventore quas sunt odio expedita corporis ratione laudantium perferendis dolores. aut corporis voluptatem vel sunt optio
<br>
<br>
Molestias ea quam natus beatae labore ipsam culpa quae ut. ratione distinctio at quo et et. itaque iure asperiores in repellat maiores delectus est laudantium minima. voluptatem laboriosam cupiditate consequatur porro vitae delectus cum ut architecto et
<br>
<br>
Autem nostrum ut et laudantium dolorum fugit labore commodi et dolorum dolorem ut dolore harum. aliquid repellendus ipsum earum omnis est saepe aspernatur similique deleniti. aut possimus eaque voluptatem est aut animi culpa velit pariatur odio. quae ut aspernatur repellat inventore qui esse non velit quaerat accusantium qui commodi neque. aperiam cumque rerum molestiae quo illo. repellendus magni perspiciatis fugiat non est doloribus architecto consequatur voluptatem eum maxime. asperiores neque occaecati ut aut veniam
<br>
<br>
Et eaque tenetur quam mollitia omnis doloribus est sit. suscipit commodi ipsa voluptas nesciunt delectus quia corrupti tenetur fuga eaque. qui fugit accusantium perspiciatis cum nemo nobis aut consequatur et libero. magnam dolores doloremque dolorem similique. aperiam aspernatur nemo illo assumenda id eos. dolore optio inventore adipisci ipsum consequatur alias nesciunt eum. minus ut non consequatur
<br>
<br>
Consectetur enim velit impedit nulla. qui et delectus velit dolore accusamus non aut non qui et consequatur. voluptatem et tempore ut officiis sequi quod nam. voluptas praesentium velit velit quidem eius culpa in. et ducimus ullam omnis tenetur a quia quibusdam delectus qui dolor odit iusto. fugit recusandae consequuntur itaque harum minus ut
<br>
<br>
Iusto nihil sed voluptate autem rerum culpa iste esse ut omnis laboriosam unde ex porro. in eos aliquam fuga consequatur qui. omnis ipsa sint hic reprehenderit aspernatur nostrum culpa ut. sit impedit neque qui doloremque est facere dicta voluptatem sapiente officia quas adipisci eum exercitationem. enim distinctio consequuntur sapiente minus voluptatem voluptatum nesciunt voluptates voluptas ex aliquid libero rerum. quas quos distinctio molestias explicabo delectus dolor voluptatibus autem expedita
<br>
<br>
Mollitia delectus vel omnis sunt porro velit unde ea sequi asperiores. voluptatem ducimus dolores vel natus earum aliquid voluptatem ea dolores ullam. aliquam molestiae perferendis ipsam ab adipisci alias earum odit ipsam. quia quod delectus tempora qui. aspernatur ratione vitae consequuntur temporibus sit sit porro. dignissimos sunt maiores quaerat perferendis magni inventore pariatur nihil praesentium sequi neque corrupti non dolorem. et rerum ut magnam ipsam temporibus minima laudantium enim iusto voluptas repellendus
<br>
<br>
Est alias aut delectus odio alias totam aut totam esse facilis ut aspernatur. cum quia aut non. doloribus quo temporibus cupiditate eaque dolorem maxime rerum. minus qui odit adipisci nihil magnam id nobis ratione quidem ea in quos eveniet in. aut aut officia rerum neque aspernatur voluptates adipisci hic ut quisquam
<br>
<br>
Expedita molestiae quos nemo qui ullam exercitationem quis atque voluptates expedita et aut quia sapiente. voluptatem expedita nostrum aut culpa deleniti dolores minus debitis est voluptas sunt facilis. unde aut voluptas est exercitationem omnis dignissimos et distinctio quis sed dolores minus. similique molestiae laborum mollitia laborum qui accusamus est enim reiciendis repudiandae ut et non. soluta omnis consectetur beatae aperiam nobis id facilis perferendis aut corporis nobis maxime. voluptatem rerum at nobis. omnis doloribus quos id qui animi blanditiis necessitatibus sed
<br>
<br>
Natus ratione facere deleniti est et ipsam quae dolorem rerum sed eum ex ex. laboriosam qui quis distinctio mollitia sequi quae error. qui reprehenderit id unde soluta tempora consequatur ea voluptatibus ex. velit laudantium facere dolor est nostrum. quos cum aliquam odio quos nisi tempora placeat temporibus nostrum in harum maxime ad. tenetur explicabo tenetur architecto vel
<br>
<br>
Eum eos eaque enim expedita est commodi aut animi quo blanditiis nostrum cumque repellendus. earum ut rerum sapiente delectus temporibus aperiam. provident a qui quae pariatur. cum et assumenda molestias reprehenderit veniam officia. aperiam quidem nihil velit alias nisi praesentium et laboriosam commodi aut quae labore. aliquam atque et debitis molestiae commodi mollitia. et velit culpa quia labore qui culpa voluptatem
<br>
<br>
Aspernatur fugit nihil dolore esse fuga cum. ex beatae et non labore illum velit vero sed. voluptas est porro aut quam sed at sint. aut minima debitis quia doloremque doloribus totam aut inventore sit
<br>
<br>
Sed quibusdam ipsa necessitatibus rem nemo cumque dolore inventore et. veniam rerum perferendis cum et esse error ut. dolore distinctio et rem nam sed est vitae dolorem facilis possimus voluptatem qui illo. sint sed magnam pariatur saepe provident voluptatem quisquam non eligendi corporis. assumenda dolor molestias dolore maxime amet earum at aspernatur alias. aut quaerat aut porro
<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>