UNPKG

3.94 kBHTMLView Raw
1<!DOCTYPE html>
2<html>
3 <head>
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"/>
6 <title>Documentation - Materialize</title>
7 <!-- CSS -->
8 <link href="bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
9 </head>
10 <body>
11 <style type="text/css">
12 </style>
13
14
15 <!-- Nested Accordion -->
16 <ul class="collapsible" data-collapsible="accordion">
17 <li>
18 <div class="collapsible-header"><i class="mdi-image-filter-drama"></i>First</div>
19 <div class="collapsible-body">
20 <ul class="collapsible" data-collapsible="accordion">
21 <li>
22 <div class="collapsible-header"><i class="mdi-image-filter-drama"></i>First</div>
23 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
24 </li>
25 <li>
26 <div class="collapsible-header"><i class="mdi-maps-place"></i>Second</div>
27 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
28 </li>
29 <li>
30 <div class="collapsible-header"><i class="mdi-social-whatshot"></i>Third</div>
31 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
32 </li>
33 </ul>
34 </div>
35 </li>
36 <li>
37 <div class="collapsible-header"><i class="mdi-maps-place"></i>Second</div>
38 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
39 </li>
40 <li>
41 <div class="collapsible-header"><i class="mdi-social-whatshot"></i>Third</div>
42 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
43 </li>
44 </ul>
45
46
47 <!-- Nested Expandable -->
48 <ul class="collapsible" data-collapsible="expandable">
49 <li>
50 <div class="collapsible-header"><i class="mdi-image-filter-drama"></i>First</div>
51 <div class="collapsible-body">
52 <ul class="collapsible" data-collapsible="expandable">
53 <li>
54 <div class="collapsible-header"><i class="mdi-image-filter-drama"></i>First</div>
55 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
56 </li>
57 <li>
58 <div class="collapsible-header"><i class="mdi-maps-place"></i>Second</div>
59 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
60 </li>
61 <li>
62 <div class="collapsible-header"><i class="mdi-social-whatshot"></i>Third</div>
63 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
64 </li>
65 </ul>
66 </div>
67 </li>
68 <li>
69 <div class="collapsible-header"><i class="mdi-maps-place"></i>Second</div>
70 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
71 </li>
72 <li>
73 <div class="collapsible-header"><i class="mdi-social-whatshot"></i>Third</div>
74 <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
75 </li>
76 </ul>
77
78
79
80 <script src="bin/jquery-2.1.1.min.js"></script>
81 <!-- <script src="js/jquery.timeago.js"></script> -->
82 <!-- <script src="js/jquery.easing.1.3.js"></script>
83 <script src="js/tooltip.js"></script>
84 <script src="js/velocity.min.js"></script>
85 <script src="js/materialbox.js"></script>
86 <script src="js/forms.js"></script>
87 <script src="js/tabs.js"></script>
88 <script src="js/dropdown.js"></script> -->
89 <script src="bin/materialize.js"></script>
90 <!-- <script src="js/init.js"></script> -->
91
92 <script type="text/javascript">
93 $( document ).ready(function() {
94 $(".button-collapse").sideNav({
95 edge: 'right', menuWidth: '90%'
96 });
97
98 $('select').material_select();
99
100
101
102 });
103
104
105
106 </script>
107 </body>
108</html>
\No newline at end of file