forked from ljb-2000/theme
-
Notifications
You must be signed in to change notification settings - Fork 2
/
fixed_header.html
748 lines (731 loc) · 38.5 KB
/
fixed_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 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'>
<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 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='active'>
<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=''>
<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 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 header</li>
</ul>
</div>
</div>
</div>
</div>
Maxime aspernatur omnis vel animi. animi ut distinctio sunt quam adipisci. ut quia explicabo iste sit dolorem. adipisci error et reiciendis quis eligendi corrupti aliquid. consectetur et perferendis facilis
<br>
<br>
Porro et molestiae voluptas tempora eligendi et sed temporibus inventore voluptatem. veniam velit id alias at repellendus qui et totam tempore omnis in aliquid sit nihil. aut esse magni ut autem ex voluptatem doloribus dolorem dolor beatae aut ut
<br>
<br>
Nam id eum sunt adipisci eaque nisi odit quam ullam beatae ut. non et sint nisi quis molestias cum vitae et adipisci quis placeat aliquid. et consectetur illo vitae reiciendis rerum. ea aliquam omnis commodi rerum maxime tenetur numquam. fugit ut aperiam sunt reiciendis in et nostrum neque. doloribus non aliquid eligendi veniam ipsa aliquam voluptatem nemo
<br>
<br>
Repellendus eum labore iusto corrupti voluptatem quas ut labore voluptatem inventore. atque quia est a et et in dicta laborum. corrupti numquam est occaecati non eius deleniti et ipsum in omnis eligendi inventore culpa
<br>
<br>
Suscipit temporibus laborum hic ea odio rerum occaecati eos. vel nihil et quia vitae minima non et. fugiat velit pariatur cupiditate sapiente enim maxime id sit et tempora ab voluptas. qui distinctio aliquid dolore itaque aut quae et sed ex eum ut maxime eos. provident tempore vitae id distinctio. distinctio et quas qui delectus ut nihil omnis delectus. et maiores ipsa magnam voluptas placeat
<br>
<br>
Consequuntur quo similique nemo vitae et nihil quia dignissimos modi et iusto velit ex libero. incidunt et modi deleniti unde maxime tempora dolores. iste sapiente excepturi id quos consequatur consequatur dolorum eveniet veniam doloribus enim possimus. omnis dolorum et veritatis aut aut itaque laboriosam dolor aut alias nihil suscipit. porro voluptatem eveniet voluptate in quidem itaque aut omnis dolores est eaque. eum quam quia neque. ea ea ea ut modi aliquid
<br>
<br>
Et sapiente in non dolorum nemo quo repellat est facilis nihil voluptates. error sunt dolor dolor qui unde sit ipsam tempore incidunt. nesciunt libero molestiae et ut qui dolor id. incidunt esse a mollitia officiis aut quia a assumenda non et provident. sit aut voluptas ut consequuntur placeat incidunt tenetur sint eum commodi similique et quod similique
<br>
<br>
Non sint mollitia rerum iusto exercitationem iste. reiciendis voluptas nesciunt aut dolor voluptates aut quisquam non iste quaerat soluta omnis adipisci. dolorem sed ea iusto et velit omnis sit in quam accusamus id ut autem dolor
<br>
<br>
Dolorum ab illum nam veniam eligendi quo quo ex et voluptas voluptas id. odio officiis maxime quidem. aperiam odio adipisci recusandae eum sed. fuga distinctio et earum cum quia ullam ab vel dolorem voluptatibus veniam a. nihil doloribus rem asperiores accusamus odio id dolore rerum facilis rerum consequuntur corporis iure
<br>
<br>
Dicta dicta ut illum voluptatum et est dolores tempora enim odit ipsa dicta numquam. minima nihil ex doloremque quidem sapiente ut nesciunt enim accusamus magni sint. voluptas qui aut velit voluptatibus dolores voluptates magni. sunt ut ullam quos consequatur ducimus accusamus omnis quia nam illum omnis
<br>
<br>
Fugit repudiandae voluptatem at magnam incidunt nihil sit ipsum eos. qui quibusdam optio vero eos. dolores sit deserunt fuga vero consequuntur et soluta aliquid ipsam. ut voluptatem ea impedit eum alias et eum. molestiae asperiores molestiae necessitatibus a ullam
<br>
<br>
Doloribus ad sapiente quis explicabo at vitae sed aut temporibus accusamus. reprehenderit voluptatem non sit quaerat magni voluptatum porro hic facilis. natus quis illum nisi incidunt sed voluptas quo nulla modi unde sequi
<br>
<br>
Aut exercitationem voluptatem omnis dicta ipsum doloremque enim rerum et excepturi itaque et ratione labore. iure libero harum consequuntur. labore sequi omnis quod reprehenderit at quia officiis ea. suscipit ut voluptatem sit sit exercitationem fugiat. et officiis et placeat laboriosam neque
<br>
<br>
Nisi laboriosam distinctio maiores omnis repudiandae error animi consectetur non fugit ullam ut atque placeat. animi in et voluptas consectetur. tempore reprehenderit facilis asperiores ex. dolores iste qui sunt
<br>
<br>
Et quaerat consequatur ipsum pariatur autem dolorem velit voluptas porro consequatur. eius fugit numquam provident et laboriosam voluptas ex et magnam. molestiae cupiditate alias itaque quia et ea aspernatur qui nobis. maxime totam est quas consequatur. porro deserunt velit possimus hic fugiat. ea corporis ad rerum dignissimos ut minima enim
<br>
<br>
Consequatur id est et quo dolor voluptatem voluptatem. sed sint incidunt consequatur veritatis ad ut aliquam ut cum. voluptas sit perspiciatis aliquid distinctio quia nam ipsam consequatur. maiores quae libero sapiente aut quos quis qui itaque placeat eum quibusdam aliquam et molestiae. totam perferendis nobis consequatur quia alias aut alias quia et tenetur deserunt quia suscipit eaque. architecto laboriosam illo facere vitae omnis neque iusto quas at nam qui rerum a
<br>
<br>
Sit ea et ab. aut consequatur non hic. dicta recusandae sed dignissimos temporibus dolorum qui enim. voluptas necessitatibus rerum hic possimus vero quae maiores vero eum error
<br>
<br>
Sunt sed minus expedita et. eligendi labore facere rem et autem enim nemo quaerat unde est aut aut. recusandae in asperiores nobis
<br>
<br>
Consequatur in assumenda fugiat rerum sed ut facilis qui quae a quia non impedit ut. magni quia aut quia quos ullam aut rem. dolor vero asperiores nostrum autem similique voluptatum voluptas ea dolore temporibus. illum omnis nemo aut magni facere cum et nihil laboriosam quibusdam et ad nisi saepe. et qui maxime iure velit voluptas nihil quos enim in non odit. porro optio dolores ut ipsa non non nostrum earum eum. mollitia deserunt rerum dolores perferendis reprehenderit sunt iure magni id eveniet laboriosam fugit
<br>
<br>
Qui quia sunt et occaecati praesentium quo et enim. iure ullam quod dolores sapiente illo quis. vero consequatur tempore eaque et et qui voluptatem magni ullam amet
<br>
<br>
Distinctio numquam culpa quia ipsam ratione qui inventore consequatur ut veritatis consectetur aut. sit sed praesentium placeat ut dolor autem consectetur ut quis. atque consequatur aut eos at eius voluptatem fugit aut consequatur et enim occaecati autem
<br>
<br>
Minima in odit enim expedita et est numquam ex iste. numquam qui ut quo nam inventore neque incidunt. quod sunt est porro autem dolor voluptas saepe non facilis aut
<br>
<br>
Sed quia qui optio quas illo corporis quia. nesciunt eos iusto omnis. libero perferendis harum fugit consequatur consequatur laborum corrupti provident accusamus a temporibus doloremque. aut doloremque in perferendis beatae est atque hic molestiae et ut culpa omnis repellendus
<br>
<br>
Corrupti optio itaque dolores occaecati aliquid adipisci maxime. consequatur sint earum et consequatur commodi ratione non tempore itaque nemo quod odit quae quidem. distinctio voluptatem eius beatae libero autem excepturi magni cumque consectetur
<br>
<br>
Qui expedita soluta rerum id sed dolorem exercitationem cupiditate illum dicta cupiditate quia fugit deleniti. tenetur aut perferendis debitis autem aliquid quis dolores quae tempore. in distinctio occaecati tenetur aperiam aperiam consequuntur qui. fugit nobis vero consequuntur. in inventore quam excepturi non maiores rerum hic. aut rerum et magnam sed. corrupti sed nesciunt velit qui velit voluptatem doloremque nihil id
<br>
<br>
Laudantium provident non repudiandae quia sed vero commodi veritatis velit sunt. natus labore ducimus odit nihil consectetur velit et eum nam consequatur itaque. distinctio quas non dolores et perspiciatis voluptatem eligendi aut nulla nulla. est architecto quis ut corrupti. rerum vel quisquam aliquid dolorum sit eos id. veritatis aspernatur voluptas voluptas excepturi vero odio cumque autem perferendis explicabo ducimus ullam minima. vel sed dolor commodi deleniti dolore iste est enim et
<br>
<br>
Nisi similique sint hic voluptates corrupti eaque. suscipit commodi accusantium temporibus harum possimus natus optio aspernatur libero sed at a et eos. a qui cumque consectetur. aut quis ut maiores cupiditate. ut quia soluta nihil ut consequatur enim ad ut molestiae atque voluptas
<br>
<br>
Ut omnis rerum sit nihil sit nihil officia ut. in ut illo rem sit et sed suscipit libero fuga soluta quis. est nostrum omnis qui quidem laborum excepturi earum. vitae ipsa quidem sint ipsum pariatur cum molestias. ex alias necessitatibus ratione accusamus enim totam beatae ea quia
<br>
<br>
Molestiae necessitatibus esse quia veniam. neque delectus eos reiciendis sit. ut exercitationem omnis sed dicta est et repellendus dolorem maxime consequuntur
<br>
<br>
Voluptatem laboriosam aut quod quae exercitationem qui asperiores illo est. nesciunt dolorum voluptatem sit illo illum rerum ad corporis molestiae. explicabo officia ipsam non amet possimus impedit eum sit blanditiis nesciunt. nesciunt voluptatibus ullam animi quibusdam commodi sint eaque nihil quidem illum molestiae. repudiandae voluptatem non excepturi saepe voluptatem et. laboriosam quaerat eveniet id qui. et sunt commodi et
<br>
<br>
Alias provident non aspernatur dolores ea non. consequatur suscipit tenetur quis nisi ea consequuntur soluta voluptas. aut sunt quis sunt sit dolores a deleniti. quibusdam ut inventore illo omnis repellat eveniet inventore expedita consequuntur illum et officiis. voluptas reiciendis nesciunt animi ut nulla ut minima laboriosam natus maxime eum
<br>
<br>
Hic non mollitia repudiandae deleniti eaque consequatur qui laudantium suscipit minus aliquam ipsam. saepe nemo ad sit consequuntur alias eum dolores non qui saepe dolor illo animi ad. incidunt id accusamus voluptatem qui non dicta et quisquam aut minima beatae magni dolor. placeat architecto rerum qui voluptatem libero vel voluptas quia et ipsam sunt id
<br>
<br>
Sed ut blanditiis facere ullam neque est. vero voluptatem aliquam aut veritatis sit earum facilis eum qui fugiat et magni expedita. blanditiis in nesciunt harum omnis qui voluptatem et enim unde labore. quisquam repellendus vel vero ut quibusdam architecto
<br>
<br>
Nihil ipsa assumenda et. ipsum laborum magnam a nulla nostrum sit ipsam eius unde eveniet eos vitae est. inventore eos est ipsum ducimus totam quis animi ducimus eum error. at ad autem minima nemo ratione et quod deleniti praesentium error. modi dignissimos adipisci fugit quo sequi neque dignissimos illo pariatur. facere unde culpa voluptates qui quia ducimus nam inventore quos natus non nam odio. corrupti libero recusandae qui ab ullam
<br>
<br>
Non eligendi dolores sed nihil quam est rerum consequatur vel similique. unde nobis ipsum qui ea ipsum ipsam. fugiat est ut deleniti rerum repellendus dolore debitis nam maiores ex doloribus aut veniam. iusto voluptatibus id nulla magni
<br>
<br>
Veritatis rerum neque ab eaque voluptatem repellat quod. voluptatem inventore hic quam saepe saepe quas harum vel nisi dolor. quo doloribus accusantium asperiores deserunt eaque ipsum voluptate debitis et aut eligendi omnis. quia omnis odit delectus tempora consequatur totam eveniet. sit saepe culpa commodi consequatur sed praesentium qui pariatur iusto veritatis et quia. repudiandae dolorem dolorem vitae atque nesciunt quod
<br>
<br>
Vel voluptate placeat aut at recusandae optio porro ut ducimus commodi provident. et voluptates quos sunt praesentium at excepturi iste. quia tenetur nulla ducimus dicta sed dolor beatae sequi. repudiandae corrupti ut quam natus ut consectetur et incidunt suscipit veritatis minus id
<br>
<br>
Qui inventore delectus at voluptas rerum ex. sit molestiae omnis ad sint quis incidunt placeat quo cupiditate voluptatibus maxime praesentium. numquam adipisci tempora possimus ea sunt non nesciunt quaerat deserunt sint dolores. ipsam inventore nulla autem dolores voluptatem
<br>
<br>
Ut alias impedit eos maiores doloremque quasi quibusdam recusandae id. ut consequuntur quo veniam est quasi magnam distinctio non sit harum maxime laboriosam voluptates omnis. doloribus occaecati dolores recusandae hic autem labore nostrum rerum omnis quibusdam. repudiandae eligendi est fugit voluptatem rerum ullam repellendus consectetur odit illo sit et repellendus. nobis adipisci qui nihil eos et fuga eligendi quaerat nostrum itaque voluptatem incidunt
<br>
<br>
Nisi temporibus maiores expedita. delectus eveniet esse adipisci ullam neque sit odit cum labore laboriosam ipsum. alias ut magnam accusantium quos quasi sint illo et quibusdam debitis. repellat hic reprehenderit corporis aliquid possimus recusandae et rerum ut voluptatem. quisquam provident non voluptatibus voluptate quasi sit dicta aut velit 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>