1
- < html >
1
+ <!doctype html>
2
+ < html lang ="en ">
2
3
< head >
3
- < meta http-equiv ="Content-Type " content ="text/html; charset=UTF-8 " / >
4
- < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no ">
4
+ < meta http-equiv ="Content-Type " content ="text/html; charset=UTF-8 ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no ">
5
6
6
- < title > Materialize - Documentation</ title >
7
+ < title > Materialize - Documentation</ title >
7
8
8
- <!-- Favicons -->
9
- < link rel ="apple-touch-icon-precomposed " href ="images/favicon/apple-touch-icon-152x152.png ">
10
- < meta name ="msapplication-TileColor " content ="#FFFFFF ">
11
- < meta name ="msapplication-TileImage " content ="images/favicon/mstile-144x144.png ">
12
- < link rel ="icon " href ="images/favicon/favicon-32x32.png " sizes ="32x32 ">
9
+ <!-- Favicons -->
10
+ < link rel ="apple-touch-icon-precomposed " href ="../../docs/ images/favicon/apple-touch-icon-152x152.png ">
11
+ < meta name ="msapplication-TileColor " content ="#FFFFFF ">
12
+ < meta name ="msapplication-TileImage " content ="images/favicon/mstile-144x144.png ">
13
+ < link rel ="icon " href ="../../docs/ images/favicon/favicon-32x32.png " sizes ="32x32 ">
13
14
14
- <!-- Android 5 Chrome Color -->
15
- < meta name ="theme-color " content ="#EE6E73 ">
15
+ <!-- Android 5 Chrome Color -->
16
+ < meta name ="theme-color " content ="#EE6E73 ">
16
17
17
- < link href ="../../../bin /materialize.css " type ="text/css " rel ="stylesheet " media ="screen,projection " / >
18
- <!-- <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection" /> -->
19
- <!-- <link href='http: //fonts.googleapis.com/css?family=Inconsolata' rel=' stylesheet' type=' text/css'> -->
20
- < link href ="../../.. /css/prism.css " rel ="stylesheet " / >
21
- < link href ="//fonts.googleapis.com/icon?family=Material+Icons " rel ="stylesheet ">
18
+ < link href ="../../dist/css /materialize.css " type ="text/css " rel ="stylesheet " media ="screen,projection ">
19
+ <!-- <link href="../../docs/ css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection"> -->
20
+ <!-- <link href=" //fonts.googleapis.com/css?family=Inconsolata" rel=" stylesheet" type=" text/css"> -->
21
+ < link href ="../../docs /css/prism.css " rel ="stylesheet ">
22
+ < link href ="//fonts.googleapis.com/icon?family=Material+Icons " rel ="stylesheet ">
22
23
</ head >
23
-
24
24
< body >
25
25
26
26
< div style ="padding-right: 300px; ">
27
- < h3 > Badges</ h3 >
28
-
29
- < h4 > Collection</ h4 >
30
- < div class ="row ">
31
- < div class ="col s4 ">
32
- < div class ="collection ">
33
- < a href ="#! " class ="collection-item "> < span class ="badge "> 1</ span > Alan</ a >
34
- < a href ="#! " class ="collection-item "> < span class ="new badge "> 4</ span > Alan</ a >
35
- < a href ="#! " class ="collection-item "> < span class ="new badge blue "> 4</ span > Alan</ a >
36
- < a href ="#! " class ="collection-item "> < span class ="new badge black-text "> 4</ span > Alan</ a >
37
- < a href ="#! " class ="collection-item "> Alan</ a >
38
- < a href ="#! " class ="collection-item "> < span class ="badge "> 14</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a >
39
- < a href ="#! " class ="collection-item "> < span class ="new badge "> 4</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a >
40
-
27
+ < h3 > Badges</ h3 >
28
+
29
+ < h4 > Collection</ h4 >
30
+ < div class ="row ">
31
+ < div class ="col s4 ">
32
+ < div class ="collection ">
33
+ < a href ="#! " class ="collection-item "> < span class ="badge "> 1</ span > Alan</ a >
34
+ < a href ="#! " class ="collection-item "> < span class ="new badge "> 4</ span > Alan</ a >
35
+ < a href ="#! " class ="collection-item "> < span class ="new badge blue "> 4</ span > Alan</ a >
36
+ < a href ="#! " class ="collection-item "> < span class ="new badge black-text "> 4</ span > Alan</ a >
37
+ < a href ="#! " class ="collection-item "> Alan</ a >
38
+ < a href ="#! " class ="collection-item "> < span class ="badge "> 14</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a >
39
+ < a href ="#! " class ="collection-item "> < span class ="new badge "> 4</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a >
40
+ </ div >
41
41
</ div >
42
42
</ div >
43
- </ div >
44
-
45
- < h4 > Dropdown</ h4 >
46
- < div class ="row ">
47
- < div class ="col s4 ">
48
- < ul id ="dropdown2 " class ="dropdown-content ">
49
- < li > < a href ="#! "> one< span class ="badge "> 1</ span > </ a > </ li >
50
- < li > < a href ="#! "> two< span class ="new badge "> 1</ span > </ a > </ li >
51
- < li > < a href ="#! "> two< span class ="new badge blue "> 1</ span > </ a > </ li >
52
- < li > < a href ="#! "> two< span class ="new badge black-text "> 1</ span > </ a > </ li >
53
- < li > < a href ="#! "> three</ a > </ li >
54
- < li > < a href ="#! "> < span class ="badge "> 1</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a > </ li >
55
- < li > < a href ="#! "> < span class ="new badge "> 1</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a > </ li >
56
- </ ul >
57
- < a class ="btn dropdown-trigger " href ="#! " data-target ="dropdown2 "> Dropdown< i class ="mdi-navigation-arrow-drop-down right "> </ i > </ a >
58
- </ div >
59
- < div class ="col s4 ">
60
- < ul id ="dropdown3 " class ="dropdown-content ">
61
- < li > < a href ="#! "> one< span class ="badge "> 1</ span > </ a > </ li >
62
- < li > < a href ="#! "> two< span class ="new badge "> 1</ span > </ a > </ li >
63
- < li > < a href ="#! "> two< span class ="new badge blue "> 1</ span > </ a > </ li >
64
- < li > < a href ="#! "> two< span class ="new badge black-text "> 1</ span > </ a > </ li >
65
- < li > < a href ="#! "> three</ a > </ li >
66
- < li > < a href ="#! "> Really long text Really long text Really long text Really long text Really long text< span class ="badge "> 1</ span > </ a > </ li >
67
- < li > < a href ="#! "> Really long text Really long text Really long text Really long text Really long text< span class ="new badge "> 1</ span > </ a > </ li >
68
-
69
43
70
- </ ul >
71
- < a class ="btn dropdown-trigger " href ="#! " data-constrainwidth ="false " data-target ="dropdown3 "> Dropdown< i class ="mdi-navigation-arrow-drop-down right "> </ i > </ a >
44
+ < h4 > Dropdown</ h4 >
45
+ < div class ="row ">
46
+ < div class ="col s4 ">
47
+ < ul id ="dropdown2 " class ="dropdown-content ">
48
+ < li > < a href ="#! "> one< span class ="badge "> 1</ span > </ a > </ li >
49
+ < li > < a href ="#! "> two< span class ="new badge "> 1</ span > </ a > </ li >
50
+ < li > < a href ="#! "> two< span class ="new badge blue "> 1</ span > </ a > </ li >
51
+ < li > < a href ="#! "> two< span class ="new badge black-text "> 1</ span > </ a > </ li >
52
+ < li > < a href ="#! "> three</ a > </ li >
53
+ < li > < a href ="#! "> < span class ="badge "> 1</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a > </ li >
54
+ < li > < a href ="#! "> < span class ="new badge "> 1</ span > Really long text Really long text Really long text Really long text Really long text Really long text</ a > </ li >
55
+ </ ul >
56
+ < a class ="btn dropdown-trigger " href ="#! " data-target ="dropdown2 "> Dropdown< i class ="mdi-navigation-arrow-drop-down right "> </ i > </ a >
57
+ </ div >
58
+ < div class ="col s4 ">
59
+ < ul id ="dropdown3 " class ="dropdown-content ">
60
+ < li > < a href ="#! "> one< span class ="badge "> 1</ span > </ a > </ li >
61
+ < li > < a href ="#! "> two< span class ="new badge "> 1</ span > </ a > </ li >
62
+ < li > < a href ="#! "> two< span class ="new badge blue "> 1</ span > </ a > </ li >
63
+ < li > < a href ="#! "> two< span class ="new badge black-text "> 1</ span > </ a > </ li >
64
+ < li > < a href ="#! "> three</ a > </ li >
65
+ < li > < a href ="#! "> Really long text Really long text Really long text Really long text Really long text< span class ="badge "> 1</ span > </ a > </ li >
66
+ < li > < a href ="#! "> Really long text Really long text Really long text Really long text Really long text< span class ="new badge "> 1</ span > </ a > </ li >
67
+ </ ul >
68
+ < a class ="btn dropdown-trigger " href ="#! " data-constrainwidth ="false " data-target ="dropdown3 "> Dropdown< i class ="mdi-navigation-arrow-drop-down right "> </ i > </ a >
69
+ </ div >
72
70
</ div >
73
- </ div >
74
71
75
- < h4 > Nav</ h4 >
76
- < nav >
77
- < div class ="nav-wrapper ">
78
- < a href ="" class ="brand-logo "> Logo</ a >
79
- < ul id ="nav-mobile " class ="right hide-on-med-and-down ">
80
- < li > < a href =""> sass</ a > </ li >
81
- < li > < a href =""> sass < span class ="new badge "> 4</ span > </ a > </ li >
82
- < li > < a href =""> sass < span class ="new badge blue "> 4</ span > </ a > </ li >
83
- < li > < a href =""> sass < span class ="new badge black-text "> 4</ span > </ a > </ li >
84
- < li > < a href =""> sass < span class ="badge "> 4</ span > </ a > </ li >
85
- </ ul >
86
- </ div >
87
- </ nav >
72
+ < h4 > Nav</ h4 >
73
+ < nav >
74
+ < div class ="nav-wrapper ">
75
+ < a href ="" class ="brand-logo "> Logo</ a >
76
+ < ul id ="nav-mobile " class ="right hide-on-med-and-down ">
77
+ < li > < a href =""> sass</ a > </ li >
78
+ < li > < a href =""> sass < span class ="new badge "> 4</ span > </ a > </ li >
79
+ < li > < a href =""> sass < span class ="new badge blue "> 4</ span > </ a > </ li >
80
+ < li > < a href =""> sass < span class ="new badge black-text "> 4</ span > </ a > </ li >
81
+ < li > < a href =""> sass < span class ="badge "> 4</ span > </ a > </ li >
82
+ </ ul >
83
+ </ div >
84
+ </ nav >
88
85
</ div >
89
86
90
87
< ul id ="slide-out " class ="sidenav fixed " style ="right: 0; left: auto; ">
91
- < li >
92
- < a href ="#! "> Orders < span class ="new badge "> 4</ span > </ a >
93
- </ li >
94
- < li >
95
- < a href ="#! "> Second Sidebar Link < span class ="badge "> 4</ span > </ a >
96
- </ li >
88
+ < li > < a href ="#! "> Orders < span class ="new badge "> 4</ span > </ a > </ li >
89
+ < li > < a href ="#! "> Second Sidebar Link < span class ="badge "> 4</ span > </ a > </ li >
97
90
</ ul >
98
91
99
92
< h4 > Collapsible</ h4 >
@@ -124,19 +117,15 @@ <h4>Collapsible</h4>
124
117
</ div >
125
118
</ div >
126
119
127
-
128
-
129
- <!-- Scripts-->
120
+ <!-- Scripts -->
130
121
< script src ="https://code.jquery.com/jquery-2.1.1.min.js "> </ script >
131
- < script src ="../../../bin/materialize.js "> </ script >
132
- <!-- <script src="js/velocity.min.js"></script>-->
133
- <!-- <script src="js/leanModal.js"></script>-->
122
+ < script src ="../../dist/css/materialize.js "> </ script >
134
123
135
124
< script >
136
- $ ( document ) . ready ( function ( ) {
125
+ $ ( document ) . ready ( function ( ) {
137
126
$ ( 'select' ) . select ( ) ;
138
127
} ) ;
139
128
</ script >
140
129
141
130
</ body >
142
- </ html >
131
+ </ html >
0 commit comments