44
44
< body >
45
45
< header >
46
46
< div class ="search-results card "> </ div >
47
+
47
48
< div class ="navbar-fixed ">
48
49
< nav class ="primary ">
49
- < div class ="nav-wrapper "> < a class ="sidenav-trigger " href ="# " data-target ="nav-mobile "> < i class ="material-icons "> menu</ i > </ a >
50
+ < div class ="nav-wrapper ">
51
+ < a class ="sidenav-trigger " href ="# " data-target ="nav-mobile "
52
+ > < i class ="material-icons "> menu</ i > </ a
53
+ >
50
54
< ul class ="left hide-on-small-only ">
51
55
< li >
52
- < div class ="searchbar has-sidebar "> < span class ="prefix "> < i class ="material-icons "> search</ i > </ span >
53
- < input class ="search-docs " id ="searchbar " type ="search " required autofocus placeholder ="Search... " autocomplete ="off ">
56
+ < div class ="searchbar has-sidebar ">
57
+ < span class ="prefix "> < i class ="material-icons "> search</ i > </ span >
58
+ < input
59
+ class ="search-docs "
60
+ id ="searchbar "
61
+ type ="search "
62
+ required
63
+ autofocus
64
+ placeholder ="Search... "
65
+ autocomplete ="off "
66
+ />
54
67
</ div >
55
68
</ li >
56
69
</ ul >
57
70
< ul class ="right ">
58
- < li > < a id ="theme-switch " href ="# "> < i class ="material-icons "> dark_mode</ i > </ a > </ li >
59
- < li > < a class ="ext-link " href ="https://github.com/materializecss/materialize " target ="_blank " title ="Check out our GitHub "> < img src ="images/github.svg " style ="transform: scale(0.8); "> </ a > </ li >
60
- < li > < a class ="ext-link " href ="https://opencollective.com/materialize " target ="_blank " title ="Support us via OpenCollective "> < img src ="images/opencollective.svg "> </ a > </ li >
71
+ < li >
72
+ < a id ="theme-switch " href ="# "
73
+ > < i class ="material-icons "> dark_mode</ i > </ a
74
+ >
75
+ </ li >
76
+ < li >
77
+ < a
78
+ class ="ext-link "
79
+ href ="https://github.com/materializecss/materialize "
80
+ target ="_blank "
81
+ title ="Check out our GitHub "
82
+ > < img src ="images/github.svg " style ="transform: scale(0.8); "
83
+ /> </ a >
84
+ </ li >
85
+ < li >
86
+ < a
87
+ class ="ext-link "
88
+ href ="https://opencollective.com/materialize "
89
+ target ="_blank "
90
+ title ="Support us via OpenCollective "
91
+ > < img src ="images/opencollective.svg "
92
+ /> </ a >
93
+ </ li >
61
94
</ ul >
62
95
</ div >
63
96
</ nav >
64
97
</ div >
98
+
99
+ <!--
65
100
<nav class="top-nav">
66
101
<div class="container">
67
102
<div class="nav-wrapper">
@@ -73,19 +108,50 @@ <h1 class="header">Cards</h1>
73
108
</div>
74
109
</div>
75
110
</nav>
111
+ -->
112
+
76
113
< ul class ="sidenav sidenav-fixed " id ="nav-mobile ">
77
- < li class ="logo "> < a class ="brand-logo " id ="logo-container " href ="/ ">
78
- < object id ="front-page-logo " type ="image/svg+xml " data ="images/materialize.svg "> Your browser does not support SVG</ object > Materialize</ a > </ li >
114
+ < li class ="logo ">
115
+ < a class ="brand-logo " id ="logo-container " href ="/ ">
116
+ < object
117
+ id ="front-page-logo "
118
+ type ="image/svg+xml "
119
+ data ="images/materialize.svg "
120
+ > Your browser does not support SVG</ object
121
+ > Materialize</ a
122
+ >
123
+ </ li >
124
+
79
125
< li class ="search hide-on-med-and-up ">
80
126
< div class ="search-wrapper ">
81
- < input class ="search-docs " id ="search " type ="search " placeholder ="Search " autocomplete ="off "> < i class ="material-icons "> search</ i >
127
+ < input
128
+ class ="search-docs "
129
+ id ="search "
130
+ type ="search "
131
+ placeholder ="Search "
132
+ autocomplete ="off "
133
+ /> < i class ="material-icons "> search</ i >
82
134
</ div >
83
135
</ li >
84
- < li > < a class ="waves-effect " href ="about.html "> < span class ="material-icons "> info</ span > About</ a > </ li >
85
- < li > < a class ="waves-effect " href ="getting-started.html "> < span class ="material-icons "> apps</ span > Getting Started</ a > </ li >
136
+
137
+ < li >
138
+ < a class ="waves-effect " href ="about.html "
139
+ > < span class ="material-icons "> info</ span > About</ a
140
+ >
141
+ </ li >
142
+
143
+ < li >
144
+ < a class ="waves-effect " href ="getting-started.html "
145
+ > < span class ="material-icons "> apps</ span > Getting Started</ a
146
+ >
147
+ </ li >
148
+
86
149
< li >
87
150
< ul class ="collapsible collapsible-accordion ">
88
- < li > < a class ="collapsible-header waves-effect "> < span class ="material-icons "> palette</ span > Styles</ a >
151
+ < li >
152
+ < a class ="collapsible-header waves-effect "
153
+ > < span class ="material-icons "> palette</ span > Styles</ a
154
+ >
89
155
< div class ="collapsible-body ">
90
156
< ul >
91
157
< li > < a href ="color.html "> Color</ a > </ li >
@@ -105,17 +171,23 @@ <h1 class="header">Cards</h1>
105
171
</ li >
106
172
</ ul >
107
173
</ li >
174
+
108
175
< li >
109
176
< ul class ="collapsible collapsible-accordion ">
110
- < li class ="active "> < a class ="collapsible-header waves-effect "> < span class ="material-icons "> add_circle</ span > Components</ a >
177
+ < li class ="active ">
178
+ < a class ="collapsible-header waves-effect "
179
+ > < span class ="material-icons "> add_circle</ span > Components</ a
180
+ >
111
181
< div class ="collapsible-body ">
112
182
< ul >
113
183
< li > < a href ="badges.html "> Badges</ a > </ li >
114
184
< li > < a href ="buttons.html "> Buttons</ a > </ li >
115
185
< li > < a href ="breadcrumbs.html "> Breadcrumbs</ a > </ li >
116
186
< li class ="active "> < a href ="cards.html "> Cards</ a > </ li >
117
187
< li > < a href ="collections.html "> Collections</ a > </ li >
118
- < li > < a href ="floating-action-button.html "> Floating Action Button</ a > </ li >
188
+ < li >
189
+ < a href ="floating-action-button.html "> Floating Action Button</ a >
190
+ </ li >
119
191
< li > < a href ="footer.html "> Footer</ a > </ li >
120
192
< li > < a href ="icons.html "> Icons</ a > </ li >
121
193
< li > < a href ="navbar.html "> Navbar</ a > </ li >
@@ -140,9 +212,13 @@ <h1 class="header">Cards</h1>
140
212
</ li >
141
213
</ ul >
142
214
</ li >
215
+
143
216
< li >
144
217
< ul class ="collapsible collapsible-accordion ">
145
- < li > < a class ="collapsible-header waves-effect "> < span class ="material-icons "> text_fields</ span > Forms</ a >
218
+ < li >
219
+ < a class ="collapsible-header waves-effect "
220
+ > < span class ="material-icons "> text_fields</ span > Forms</ a
221
+ >
146
222
< div class ="collapsible-body ">
147
223
< ul >
148
224
< li > < a href ="autocomplete.html "> Autocomplete</ a > </ li >
@@ -159,16 +235,40 @@ <h1 class="header">Cards</h1>
159
235
</ li >
160
236
</ ul >
161
237
</ li >
162
- < li > < a class ="waves-effect " href ="mobile.html "> < span class ="material-icons "> mobile_friendly</ span > Mobile</ a > </ li >
163
- < li class ="version "> < a class ="dropdown-trigger " href ="# " data-target ="version-dropdown ">
164
- 2.0.3-alpha< svg class ="caret " height ="24 " viewBox ="0 0 24 24 " width ="24 " xmlns ="http://www.w3.org/2000/svg "> < path d ="M7 10l5 5 5-5z "> </ path > < path d ="M0 0h24v24H0z " fill ="none "> </ path > </ svg > </ a >
238
+
239
+ < li >
240
+ < a class ="waves-effect " href ="mobile.html "
241
+ > < span class ="material-icons "> mobile_friendly</ span > Mobile</ a
242
+ >
243
+ </ li >
244
+
245
+ < li class ="version ">
246
+ < a class ="dropdown-trigger " href ="# " data-target ="version-dropdown ">
247
+ 2.0.3-alpha< svg
248
+ class ="caret "
249
+ height ="24 "
250
+ viewBox ="0 0 24 24 "
251
+ width ="24 "
252
+ xmlns ="http://www.w3.org/2000/svg "
253
+ >
254
+ < path d ="M7 10l5 5 5-5z "> </ path >
255
+ < path d ="M0 0h24v24H0z " fill ="none "> </ path > </ svg
256
+ > </ a >
165
257
< ul class ="dropdown-content " id ="version-dropdown ">
166
258
< li > < a > 2.0.3-alpha</ a > </ li >
167
- < li > < a href ="https://materializecss.com/ " target ="_blank " rel ="noopener noreferrer "> 1.0.0 (not maintained)</ a > </ li >
259
+ < li >
260
+ < a
261
+ href ="https://materializecss.com/ "
262
+ target ="_blank "
263
+ rel ="noopener noreferrer "
264
+ > 1.0.0 (not maintained)</ a
265
+ >
266
+ </ li >
168
267
</ ul >
169
268
</ li >
170
269
</ ul >
171
- </ header > < main >
270
+ </ header >
271
+ < main >
172
272
< div class ="section " id ="index-banner ">
173
273
< div class ="container ">
174
274
< div class ="row ">
0 commit comments