Metro-UI-CSS/docs/header.html at master · fujscss/Metro-UI-CSS · GitHub

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
<header class="app-bar fixed-top" data-role="appbar">
    <div class="container">
        <a href="/" class="app-bar-element branding"><img src="images/wn8.png" style="height: 28px; display: inline-block; margin-right: 10px;"> Metro UI CSS</a>

        <ul class="app-bar-menu">
            <li>
                <a href="#" class="dropdown-toggle">Base CSS</a>
                <ul class="d-menu" data-role="dropdown" data-no-close="true">
                    <li class="disabled"><a href="overview.html">Overview</a></li>
                    <li class="divider"></li>
                    <li><a href="grid.html">Grid system</a></li>
                    <li><a href="typography.html">Typography</a></li>
                    <li><a href="tables.html">Tables</a></li>
                    <li><a href="inputs.html">Forms &amp; Inputs</a></li>
                    <li><a href="buttons.html">Buttons</a></li>
                    <li><a href="images.html">Images</a></li>
                    <li><a href="font.html">Metro Icon Font</a></li>
                    <li class="divider"></li>
                    <li><a href="colors.html">Colors</a></li>
                    <li><a href="helpers.html">Helpers classes</a></li>
                    <li class="divider"></li>
                    <li class="disabled"><a href="responsive.html">Responsive</a></li>
                </ul>
            </li>
            <li>
                <a href="#" class="dropdown-toggle">Widgets</a>
                <ul class="d-menu" data-role="dropdown" data-no-close="true">
                    <li class="disabled"><a href="#">Overview</a></li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="dropdown-toggle">Utils</a>
                        <ul class="d-menu" data-role="dropdown">
                            <li><a href="validator.html">Form Validator</a></li>
                            <li class="divider"></li>
                            <li><a href="easing.html">Easing functions</a></li>
                            <li class="disabled"><a href="precode.html">PreCode</a></li>
                        </ul>
                    </li>
                    <li class="divider"></li>
                    <li><a href="tiles.html">Tiles</a></li>
                    <li>
                        <a href="#" class="dropdown-toggle">Controls</a>
                        <ul class="d-menu" data-role="dropdown" data-no-close="true">
                            <li><a href="accordion.html">Accordion</a></li>
                            <li><a href="appbar.html">Application bar</a></li>
                            <li><a href="button-groups.html">Button groups</a></li>
                            <li><a href="keypad.html">Keypad</a></li>
                            <li><a href="menu.html">Menus</a></li>
                            <li><a href="sidebar.html">Sidebar</a></li>
                            <li><a href="tabcontrol.html">Tab Control</a></li>
                            <li><a href="treeview.html">TreeView</a></li>
                            <li><a href="listview.html">ListView</a></li>
                            <li><a href="sliders.html">Slider</a></li>
                            <li><a href="stepper.html">Stepper</a></li>
                            <li><a href="wizard.html">Wizard</a></li>
                            <li><a href="wizard2.html">Wizard2</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="dropdown-toggle">Visualization</a>
                        <ul class="d-menu" data-role="dropdown" data-no-close="true">
                            <li><a href="carousel.html">Carousel</a></li>
                            <li class="no-display"><a href="windows.html">Windows</a></li>
                            <li><a href="popovers.html">Popovers</a></li>
                            <li><a href="progressbar.html">Progress Bar</a></li>
                            <li><a href="panels.html">Panels</a></li>
                            <li><a href="rating.html">Rating</a></li>
                            <li><a href="preloaders.html">Preloaders</a></li>
                            <li><a href="hints.html">Hints</a></li>
                            <li><a href="streamer.html">Streamer</a></li>
                            <li><a href="presenter.html">Presenter</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="dropdown-toggle">Information</a>
                        <ul class="d-menu" data-role="dropdown" data-no-close="true">
                            <li><a href="notify.html">Notify system</a></li>
                            <li><a href="dialog.html">Dialogs</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="dropdown-toggle">Date &amp; Time</a>
                        <ul class="d-menu" data-role="dropdown" data-no-close="true">
                            <li><a href="calendar.html">Calendar</a></li>
                            <li><a href="datepicker.html">Datepicker</a></li>
                            <li><a href="countdown.html">Countdown</a></li>
                        </ul>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="dropdown-toggle">Third-party</a>
                        <ul class="d-menu" data-role="dropdown" data-no-close="true">
                            <li><a href="select2.html">Select2</a></li>
                            <li><a href="datatables.html">DataTables</a></li>
                        </ul>
                    </li>
                </ul>
            </li>

            <li>
                <a href="#" class="dropdown-toggle">Templates</a>
                <ul class="d-menu" data-role="dropdown" data-no-close="true">
                    <li><a href="templates/start-screen.html">Start screen</a></li>
                    <li><a href="templates/news-portal.html">News Portal</a></li>
                    <li><a href="templates/login.html">Login form</a></li>
                </ul>
            </li>

            <li>
                <a href="#" class="dropdown-toggle">Community</a>
                <ul class="d-menu" data-role="dropdown" data-no-close="true">
                    <li><a href="http://forum.metroui.org.ua">Forum</a></li>
                    <li><a href="https://github.com/olton/Metro-UI-CSS">Github</a></li>
                    <li class="divider"></li>
                    <li><a href="license.html">License</a></li>
                </ul>
            </li>
        </ul>

        <span class="app-bar-pull"></span>

    </div>
</header>