forked from ljb-2000/theme
-
Notifications
You must be signed in to change notification settings - Fork 2
/
closed_navigation.html
753 lines (736 loc) · 40.1 KB
/
closed_navigation.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
749
750
751
752
753
<!DOCTYPE html>
<html>
<head>
<title>Closed 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 main-nav-closed'>
<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 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='active'>
<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=''>
<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>Closed 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'>Closed navigation</li>
</ul>
</div>
</div>
</div>
</div>
<div class='alert alert-info alert-dismissable'>
<a class='close' data-dismiss='alert' href='#'>×</a>
<strong>Hey there!</strong>
If you are using some touch device right now, you can try slide from left to right on navigation to open it. Sliding from right to left will close it.
</div>
Natus earum velit nihil sint. excepturi ut dicta harum sunt. voluptatem sunt corrupti non omnis aspernatur a exercitationem tempora qui minus consequatur
<br>
<br>
Et voluptas voluptatem ut non nihil quaerat. quia quasi id id beatae provident beatae omnis ratione rerum distinctio eius. tempora nesciunt et nihil quod dicta omnis distinctio sit. ut asperiores inventore quia occaecati consectetur quaerat iste reprehenderit. porro suscipit dolores eius cupiditate qui minima assumenda. aut dolores velit voluptas laborum ab autem dolorem perferendis fugiat accusantium facere veritatis veniam. aspernatur quia ut accusantium amet ullam quis et nostrum perspiciatis
<br>
<br>
Quia ipsa ratione dolores aut. possimus sit a officiis eius neque. est qui omnis molestiae suscipit hic enim iure. repellendus nihil nobis ut omnis sint mollitia aut voluptatem reprehenderit error recusandae
<br>
<br>
In voluptates molestiae deserunt eligendi dicta sapiente. hic corporis quae sunt rem tempore in consequatur et tempora ex aut sunt eum. odit voluptatem et labore magni ratione dignissimos minus ut minima voluptatem exercitationem explicabo. sint animi et autem eos sapiente. repellendus molestiae molestias officiis neque neque eligendi non consequatur. est ducimus eum et sed culpa et delectus ut sint et itaque nihil sit
<br>
<br>
Repellat qui et et nihil. et sapiente et pariatur qui. ex maiores voluptas aspernatur est
<br>
<br>
Expedita enim ab et porro architecto dicta. qui adipisci itaque error recusandae ipsa sed et ipsum est est est eius veritatis et. ex error dolores qui sit dignissimos. nihil excepturi ut ut et magnam vero
<br>
<br>
Fugiat aperiam eum veritatis vitae. ut corporis iusto omnis atque vel dolorem numquam reprehenderit enim. neque aut voluptatem autem voluptas excepturi accusamus et sit aperiam est
<br>
<br>
Et cumque quos quibusdam. voluptate minus a saepe qui et quis sint ipsam. quis optio debitis est quisquam exercitationem dolorum optio odio enim eveniet est cupiditate dolor
<br>
<br>
Qui vitae et sed maxime quod at cum saepe omnis. consequuntur ipsa sed qui et officia quae et molestiae quos sed. est ut illum modi dolorum ratione in rerum est doloribus fugiat eveniet velit quisquam dolorem. nihil corrupti aut dolore quisquam expedita qui sapiente earum fuga itaque quaerat. ea similique fugit aut et quia corrupti tempora atque est
<br>
<br>
Voluptatum dolor quidem expedita consequatur ullam cumque nihil commodi eveniet aliquam magnam ut non occaecati. in placeat mollitia dolorem necessitatibus libero. omnis ab aspernatur perferendis aliquam id ut enim. et ipsa minima quam est omnis dolor in. unde dicta nulla et aut sed dolor. quo sapiente dolorum natus placeat tempora ratione unde est tempora assumenda est. ratione voluptates eum quo
<br>
<br>
Velit repudiandae expedita et quaerat est facere dolorem veritatis dignissimos dolorem ea nobis at dignissimos. consectetur rerum labore qui incidunt dignissimos et qui minima non hic itaque eligendi deserunt ut. excepturi nulla corporis temporibus voluptates suscipit quia iste eos. dignissimos ea totam voluptatibus neque rerum repellendus enim vitae deleniti sed qui recusandae vel quisquam. qui recusandae molestias voluptatibus dolorem ullam officiis reiciendis culpa quia est dolorem eaque iste. quos officia et laudantium aperiam quo mollitia tenetur cupiditate recusandae a
<br>
<br>
Alias corporis ratione vero sapiente voluptate voluptate nulla veritatis iste autem quidem at. deleniti porro laudantium minus saepe tempore molestiae dolor voluptas iusto perspiciatis. qui quis officiis ea quos sed tempora. quis illo quia necessitatibus pariatur quia aut sunt sit. enim et rem autem pariatur animi dignissimos et quidem aut earum ab dignissimos et sunt. officiis perferendis commodi qui qui molestias ducimus eos voluptate sed natus iste vitae eveniet. rem ut soluta consequatur optio doloribus aspernatur omnis ut commodi iste eos iste
<br>
<br>
Soluta qui labore ea et et natus tempore inventore rem occaecati. doloremque consequatur animi vel atque ea rerum magnam deserunt veniam. itaque fugit qui eos blanditiis iure facere reprehenderit officiis consectetur quisquam. est qui tempore dolorem fuga nostrum laborum aut. eos quae magni adipisci. ea debitis nihil impedit illo dolorum accusantium error voluptate numquam ut suscipit nostrum. modi voluptas laboriosam quo ex ipsa porro et mollitia
<br>
<br>
Quibusdam qui tempora optio cupiditate tenetur deserunt necessitatibus quos mollitia perspiciatis quia molestiae. sit pariatur quas sunt et. aut quis officia sed est et ratione voluptas accusamus eos. debitis quis ut perferendis quibusdam qui sed ipsum laudantium sint vitae sit. aliquam modi sit aliquid dolores dolorem corporis est et itaque rerum
<br>
<br>
Quisquam id delectus eum rem. rerum maxime velit et minus voluptas et placeat. aut velit et hic earum cum praesentium animi quo voluptatibus nisi ipsum velit nulla corrupti. culpa aut et sunt. dolor quod consequatur eius dignissimos debitis ea ut inventore. earum eum fugiat unde fuga explicabo. beatae omnis unde quidem dolorem sed tempora cum quia
<br>
<br>
Enim in eaque et neque. voluptatum rerum repellendus voluptas vero voluptas minus sed est debitis quasi dolores. eos temporibus soluta ex rerum ipsam neque similique ex id possimus quae qui earum
<br>
<br>
Dolorem dolor adipisci suscipit modi sint autem quis. dolor tempora consequatur explicabo modi architecto dolorem reiciendis aliquid ipsam ipsum odio et. placeat corporis amet ea sed saepe consequuntur autem dolor temporibus dolore voluptatum
<br>
<br>
Nulla culpa distinctio ex libero accusantium ipsum. in non sit voluptatem facere est recusandae voluptas. qui eos sed quo nulla omnis est dignissimos iure expedita fugit
<br>
<br>
Sunt et nulla aliquid et ex harum dolorem dolores voluptatum eligendi velit praesentium cum sit. voluptatem earum consequatur laudantium sed ut consequatur. fugit autem perspiciatis illo dolore unde et omnis amet sit. fuga dolorem ex consectetur tenetur facilis exercitationem cupiditate cupiditate cupiditate odit possimus sit atque minima. sit non earum voluptas. vero incidunt at excepturi fugiat dolor dolor voluptatem id ut illo excepturi. voluptas eius occaecati molestias facilis temporibus nihil neque autem porro sint dolorum sunt
<br>
<br>
Minus explicabo qui soluta culpa id a maiores dolores laborum voluptas dolorum. laudantium quae ipsam voluptatem repellendus ut nesciunt asperiores expedita ullam. incidunt aut quas rem omnis consequatur ipsam non. consectetur facilis beatae dolores ut non fugit dolores nulla. labore repellat voluptate provident repellendus nihil minima omnis dolorem repellendus minus rem autem blanditiis nostrum. corrupti modi quas officiis mollitia quia ut architecto provident non. ut non aliquam dolores ipsa non dolor doloribus placeat nemo quaerat facilis
<br>
<br>
Ut nihil similique consequatur adipisci ad ex sit. quis ratione aut eligendi ex aspernatur ducimus consectetur saepe ad eum incidunt. quo et distinctio ullam vitae iure ex quae impedit in rerum. deserunt autem non maiores cupiditate corrupti aut aut qui ut ipsa. voluptatem totam rerum eos temporibus consequatur amet quibusdam
<br>
<br>
Sed blanditiis ut iusto nisi nobis dolore velit at deserunt provident nihil atque. modi possimus aut non consequuntur vel sit ab perspiciatis animi et. nisi laboriosam praesentium autem quasi impedit officiis porro error sapiente voluptas
<br>
<br>
Est libero doloremque enim ex non qui quidem odio eaque. ut exercitationem neque excepturi et dolor ullam ut. doloremque alias quidem quidem dolore non qui. voluptatem dicta temporibus voluptatem in qui omnis vel id repellat ratione qui iusto a. quia aperiam vitae cum omnis
<br>
<br>
Ut recusandae doloremque voluptatem in. quidem aliquid et quidem praesentium eum ratione voluptas autem dolor voluptatem. officia quia cupiditate omnis quae aperiam impedit et aut aut perferendis illum. eius inventore repellendus dignissimos ad omnis. magnam quos quia vero molestiae maxime eligendi id necessitatibus modi quidem repellat nam esse. et soluta ut tempore recusandae illo et porro ut fugit. magnam consequatur corporis exercitationem voluptatibus aut autem sunt quis
<br>
<br>
Laboriosam consequatur nostrum eos. ab ratione fugiat tempore dolores ut qui quis deserunt asperiores. qui fuga aut aperiam ea dolores maxime omnis molestiae praesentium nihil eveniet rerum mollitia
<br>
<br>
Ad incidunt magni reprehenderit veniam blanditiis distinctio. non ad quo nemo ipsam earum officia accusantium iusto ratione dolorum cupiditate aut. sit officiis commodi ut quaerat nostrum. et aut aut quia et ut qui nobis ex repellat voluptatum. est cumque id excepturi et quaerat ullam quis voluptas perferendis velit iste et. qui occaecati sed non harum minima saepe dolorem magnam repellendus molestias. exercitationem quia sit explicabo
<br>
<br>
Qui et dignissimos quidem. maiores sint atque enim saepe laborum accusamus placeat vel alias dicta quod. sed possimus doloribus eius autem eum eum perferendis qui rerum maxime voluptatem minima. culpa aut natus doloribus dignissimos reprehenderit expedita voluptatibus. quisquam quia et incidunt ut id non sed omnis et quis voluptas voluptas ab aliquam
<br>
<br>
Quidem voluptatem et quas sed similique vitae dolorem consequatur. ipsum rem sed repudiandae. neque veniam id tenetur dicta quidem assumenda architecto non nulla id dignissimos fugit dolorem non. voluptatum quae sed alias nemo dolore ut. inventore consectetur accusantium sed accusantium assumenda magni fuga minus rerum atque totam temporibus. molestiae accusamus corporis est perferendis aut nesciunt rerum quia. unde dolorem voluptas incidunt itaque ad ut expedita tempore ea fugiat
<br>
<br>
Non ratione dolorem porro voluptatem voluptates quam porro omnis sed provident voluptatem quia. ut qui dolorem ab sit omnis voluptates possimus quod dolorum est facere. odio quaerat minus qui dolor officia consequuntur est repellendus sed. est ut magni necessitatibus ut fugiat numquam corporis fuga sit quia et aliquid. eos magni reiciendis autem assumenda quia illum accusamus magni. dicta aut fugit voluptates quaerat accusamus voluptatem ipsam
<br>
<br>
Temporibus optio voluptas sint doloremque eos eum ab totam repudiandae pariatur praesentium. blanditiis sint expedita atque voluptatem. ut minima consequatur quis molestiae et corrupti repudiandae harum fugiat sit illo perferendis. iusto totam quo tempore culpa quibusdam rerum. consequatur debitis voluptatem adipisci consequatur voluptatibus
<br>
<br>
Debitis quos impedit voluptas sit a culpa aut. et illo earum dolor quibusdam fugiat provident. dicta rerum sint magni. dolor quam quod quibusdam eaque sunt aut
<br>
<br>
Voluptas eveniet occaecati odit harum odit odio. non delectus culpa rerum velit repellendus itaque aut aut. culpa quas quia repudiandae sunt soluta est alias rerum sit doloribus
<br>
<br>
Et velit qui architecto error voluptatibus reiciendis rem eos. eum voluptatem eum perspiciatis voluptates in voluptates tenetur voluptatibus repellat ratione. eaque et occaecati ut quia vel adipisci nesciunt cum quo est
<br>
<br>
Aut rerum esse magnam excepturi fugiat est rerum illum fugiat et. voluptatem dolores possimus cupiditate illo doloribus asperiores enim accusamus. aut ad reiciendis ut tenetur. consequatur officiis omnis eveniet minima consequatur aliquam excepturi omnis ex voluptas sapiente nihil est
<br>
<br>
Voluptatem nihil et omnis fugiat voluptas autem totam sed inventore nulla cupiditate libero vero aliquid. dignissimos pariatur et quia mollitia et omnis suscipit. eius dolor molestias aut qui quae aliquid nemo aut hic. voluptas id totam laborum sed et. voluptatibus impedit eos odit eveniet quibusdam at aut doloribus voluptatem ab est. neque assumenda rerum quos fuga excepturi modi
<br>
<br>
Asperiores nobis quos nihil consequatur facere dolorem cumque odio nihil eveniet tempore quis. sed eos aliquid consequuntur repellendus non molestiae nam porro consequatur et qui iste. quae voluptatem velit consequatur quidem et quidem quia aut perferendis. sunt consequatur dolore ea. ea quaerat sed ducimus eius ut rem laborum. voluptatem qui non consectetur quisquam iste eum ea ipsam deserunt unde aliquid. sit voluptates aut ut ex
<br>
<br>
Est perspiciatis et dolorum quis necessitatibus qui eum quia eum excepturi et vel nihil. ut qui reprehenderit occaecati. eum delectus reiciendis reiciendis. et sint non ex facilis rerum unde molestiae delectus eos dolor et dolor porro autem. nam consequatur culpa hic natus voluptas praesentium deleniti consectetur vitae. mollitia minus quis ea et enim. enim rem odio dolores debitis earum quas necessitatibus
<br>
<br>
Est debitis facilis commodi qui aspernatur quas et dolorem nam qui rerum ratione ut. et ullam culpa quia suscipit non occaecati sunt in nostrum et et. enim saepe et ducimus sequi qui occaecati et rem nulla qui quam. aut dolor ipsum qui dicta exercitationem. quia et explicabo suscipit perferendis aperiam maiores velit. explicabo eum modi iusto accusamus qui eaque ut ut qui debitis earum dolores quis. id expedita recusandae similique modi nemo veniam aliquid earum ut ducimus
<br>
<br>
Sed quia voluptas est dicta voluptas dolor numquam molestiae minima. dicta sit voluptatem aut eum quaerat totam. nam ipsa eaque at quod mollitia consectetur recusandae possimus dolor eum velit magnam voluptas. et omnis iusto fuga ullam quia consequatur. et velit nobis maiores aliquid quia esse. exercitationem distinctio non consequatur fuga corrupti doloribus magni praesentium repellat repellat optio nemo quo. quae debitis velit esse voluptatem explicabo dolorem sed cumque odit
<br>
<br>
Quia alias et possimus. officiis dolorum enim et harum molestias doloremque nam molestiae quidem consequatur voluptatibus quibusdam quo. molestiae explicabo quia autem perspiciatis. voluptatem exercitationem non in soluta aut laboriosam in quis ex dolorum quasi. qui fugit est non qui eius cupiditate tenetur tempore placeat consequuntur modi eum nesciunt
<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>