|
9 | 9 | <Title><CardTitle>Title</CardTitle></Title> |
10 | 10 | <Body>Contents</Body> |
11 | 11 | </Card> |
12 | | - |
13 | | - <Row> |
14 | | - <Column Classes="col.md._12"> |
15 | | - <Card> |
16 | | - <Header><CardTitle> |
17 | | - <i class="ion ion-clipboard mr-1"></i> |
18 | | - To Do List |
19 | | - </CardTitle></Header> |
20 | | - <Body> |
21 | | - <ul class="todo-list ui-sortable" data-widget="todo-list"> |
22 | | - <li> |
23 | | - <!-- drag handle --> |
24 | | - <span class="handle ui-sortable-handle"> |
25 | | - <i class="fas fa-ellipsis-v"></i> |
26 | | - <i class="fas fa-ellipsis-v"></i> |
27 | | - </span> |
28 | | - <!-- checkbox --> |
29 | | - <div class="icheck-primary d-inline ml-2"> |
30 | | - <input type="checkbox" value="" name="todo1" id="todoCheck1"> |
31 | | - <label for="todoCheck1"></label> |
32 | | - </div> |
33 | | - <!-- todo text --> |
34 | | - <span class="text">Design a nice theme</span> |
35 | | - <!-- Emphasis label --> |
36 | | - <small class="badge badge-danger"><i class="far fa-clock"></i> 2 mins</small> |
37 | | - <!-- General tools such as edit or delete--> |
38 | | - <div class="tools"> |
39 | | - <i class="fas fa-edit"></i> |
40 | | - <i class="fas fa-trash-o"></i> |
41 | | - </div> |
42 | | - </li> |
43 | | - <li class="done"> |
44 | | - <span class="handle ui-sortable-handle"> |
45 | | - <i class="fas fa-ellipsis-v"></i> |
46 | | - <i class="fas fa-ellipsis-v"></i> |
47 | | - </span> |
48 | | - <div class="icheck-primary d-inline ml-2"> |
49 | | - <input type="checkbox" value="" name="todo2" id="todoCheck2" checked=""> |
50 | | - <label for="todoCheck2"></label> |
51 | | - </div> |
52 | | - <span class="text">Make the theme responsive</span> |
53 | | - <small class="badge badge-info"><i class="far fa-clock"></i> 4 hours</small> |
54 | | - <div class="tools"> |
55 | | - <i class="fas fa-edit"></i> |
56 | | - <i class="fas fa-trash-o"></i> |
57 | | - </div> |
58 | | - </li> |
59 | | - <li> |
60 | | - <span class="handle ui-sortable-handle"> |
61 | | - <i class="fas fa-ellipsis-v"></i> |
62 | | - <i class="fas fa-ellipsis-v"></i> |
63 | | - </span> |
64 | | - <div class="icheck-primary d-inline ml-2"> |
65 | | - <input type="checkbox" value="" name="todo3" id="todoCheck3"> |
66 | | - <label for="todoCheck3"></label> |
67 | | - </div> |
68 | | - <span class="text">Let theme shine like a star</span> |
69 | | - <small class="badge badge-warning"><i class="far fa-clock"></i> 1 day</small> |
70 | | - <div class="tools"> |
71 | | - <i class="fas fa-edit"></i> |
72 | | - <i class="fas fa-trash-o"></i> |
73 | | - </div> |
74 | | - </li> |
75 | | - <li> |
76 | | - <span class="handle ui-sortable-handle"> |
77 | | - <i class="fas fa-ellipsis-v"></i> |
78 | | - <i class="fas fa-ellipsis-v"></i> |
79 | | - </span> |
80 | | - <div class="icheck-primary d-inline ml-2"> |
81 | | - <input type="checkbox" value="" name="todo4" id="todoCheck4"> |
82 | | - <label for="todoCheck4"></label> |
83 | | - </div> |
84 | | - <span class="text">Let theme shine like a star</span> |
85 | | - <small class="badge badge-success"><i class="far fa-clock"></i> 3 days</small> |
86 | | - <div class="tools"> |
87 | | - <i class="fas fa-edit"></i> |
88 | | - <i class="fas fa-trash-o"></i> |
89 | | - </div> |
90 | | - </li> |
91 | | - <li> |
92 | | - <span class="handle ui-sortable-handle"> |
93 | | - <i class="fas fa-ellipsis-v"></i> |
94 | | - <i class="fas fa-ellipsis-v"></i> |
95 | | - </span> |
96 | | - <div class="icheck-primary d-inline ml-2"> |
97 | | - <input type="checkbox" value="" name="todo5" id="todoCheck5"> |
98 | | - <label for="todoCheck5"></label> |
99 | | - </div> |
100 | | - <span class="text">Check your messages and notifications</span> |
101 | | - <small class="badge badge-primary"><i class="far fa-clock"></i> 1 week</small> |
102 | | - <div class="tools"> |
103 | | - <i class="fas fa-edit"></i> |
104 | | - <i class="fas fa-trash-o"></i> |
105 | | - </div> |
106 | | - </li> |
107 | | - <li> |
108 | | - <span class="handle ui-sortable-handle"> |
109 | | - <i class="fas fa-ellipsis-v"></i> |
110 | | - <i class="fas fa-ellipsis-v"></i> |
111 | | - </span> |
112 | | - <div class="icheck-primary d-inline ml-2"> |
113 | | - <input type="checkbox" value="" name="todo6" id="todoCheck6"> |
114 | | - <label for="todoCheck6"></label> |
115 | | - </div> |
116 | | - <span class="text">Let theme shine like a star</span> |
117 | | - <small class="badge badge-secondary"><i class="far fa-clock"></i> 1 month</small> |
118 | | - <div class="tools"> |
119 | | - <i class="fas fa-edit"></i> |
120 | | - <i class="fas fa-trash-o"></i> |
121 | | - </div> |
122 | | - </li> |
123 | | - </ul> |
124 | | - </Body> |
125 | | - <Footer> |
126 | | - <button type="button" class="btn btn-info float-right"><i class="fas fa-plus"></i> Add item</button> |
127 | | - </Footer> |
128 | | - </Card> |
129 | | - </Column> |
130 | | - </Row> |
131 | 12 | </ContentMain> |
0 commit comments