|
74 | 74 | <tabset> |
75 | 75 | <tab> |
76 | 76 | <ng-template tabHeading><i class="icon-list"></i></ng-template> |
77 | | - <div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase"> |
78 | | - <small><b>Today</b></small> |
79 | | - </div> |
80 | | - <hr class="transparent mx-3 my-0"> |
81 | | - <div class="callout callout-warning m-0 py-3"> |
82 | | - <div class="avatar float-right"> |
83 | | - <img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
84 | | - </div> |
85 | | - <div>Meeting with <strong>Lucas</strong></div> |
86 | | - <small class="text-muted mr-3"><i class="icon-calendar"></i> 1 - 3pm</small> |
87 | | - <small class="text-muted"><i class="icon-location-pin"></i> Palo Alto, CA </small> |
88 | | - </div> |
89 | | - <hr class="mx-3 my-0"> |
90 | | - <div class="callout callout-info m-0 py-3"> |
91 | | - <div class="avatar float-right"> |
92 | | - <img src="assets/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
93 | | - </div> |
94 | | - <div>Skype with <strong>Megan</strong></div> |
95 | | - <small class="text-muted mr-3"><i class="icon-calendar"></i> 4 - 5pm</small> |
96 | | - <small class="text-muted"><i class="icon-social-skype"></i> On-line </small> |
97 | | - </div> |
98 | | - <hr class="transparent mx-3 my-0"> |
99 | | - <div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase"> |
100 | | - <small><b>Tomorrow</b></small> |
101 | | - </div> |
102 | | - <hr class="transparent mx-3 my-0"> |
103 | | - <div class="callout callout-danger m-0 py-3"> |
104 | | - <div>New UI Project - <strong>deadline</strong></div> |
105 | | - <small class="text-muted mr-3"><i class="icon-calendar"></i> 10 - 11pm</small> |
106 | | - <small class="text-muted"><i class="icon-home"></i> creativeLabs HQ </small> |
107 | | - <div class="avatars-stack mt-2"> |
108 | | - <div class="avatar avatar-xs"> |
109 | | - <img src="assets/img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
110 | | - </div> |
111 | | - <div class="avatar avatar-xs"> |
112 | | - <img src="assets/img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
113 | | - </div> |
114 | | - <div class="avatar avatar-xs"> |
115 | | - <img src="assets/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 77 | + <div class="list-group list-group-accent"> |
| 78 | + <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Today</div> |
| 79 | + <div class="list-group-item list-group-item-accent-warning list-group-item-divider"> |
| 80 | + <div class="avatar float-right"> |
| 81 | + <img class="img-avatar" src="assets/img/avatars/7.jpg" alt="admin@bootstrapmaster.com"> |
116 | 82 | </div> |
117 | | - <div class="avatar avatar-xs"> |
118 | | - <img src="assets/img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
119 | | - </div> |
120 | | - <div class="avatar avatar-xs"> |
121 | | - <img src="assets/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 83 | + <div>Meeting with |
| 84 | + <strong>Lucas</strong> |
122 | 85 | </div> |
| 86 | + <small class="text-muted mr-3"> |
| 87 | + <i class="icon-calendar"></i> 1 - 3pm</small> |
| 88 | + <small class="text-muted"> |
| 89 | + <i class="icon-location-pin"></i> Palo Alto, CA</small> |
123 | 90 | </div> |
124 | | - </div> |
125 | | - <hr class="mx-3 my-0"> |
126 | | - <div class="callout callout-success m-0 py-3"> |
127 | | - <div><strong>#10 Startups.Garden</strong> Meetup</div> |
128 | | - <small class="text-muted mr-3"><i class="icon-calendar"></i> 1 - 3pm</small> |
129 | | - <small class="text-muted"><i class="icon-location-pin"></i> Palo Alto, CA </small> |
130 | | - </div> |
131 | | - <hr class="mx-3 my-0"> |
132 | | - <div class="callout callout-primary m-0 py-3"> |
133 | | - <div><strong>Team meeting</strong></div> |
134 | | - <small class="text-muted mr-3"><i class="icon-calendar"></i> 4 - 6pm</small> |
135 | | - <small class="text-muted"><i class="icon-home"></i> creativeLabs HQ </small> |
136 | | - <div class="avatars-stack mt-2"> |
137 | | - <div class="avatar avatar-xs"> |
138 | | - <img src="assets/img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
139 | | - </div> |
140 | | - <div class="avatar avatar-xs"> |
141 | | - <img src="assets/img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 91 | + <div class="list-group-item list-group-item-accent-info"> |
| 92 | + <div class="avatar float-right"> |
| 93 | + <img class="img-avatar" src="assets/img/avatars/4.jpg" alt="admin@bootstrapmaster.com"> |
142 | 94 | </div> |
143 | | - <div class="avatar avatar-xs"> |
144 | | - <img src="assets/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 95 | + <div>Skype with |
| 96 | + <strong>Megan</strong> |
145 | 97 | </div> |
146 | | - <div class="avatar avatar-xs"> |
147 | | - <img src="assets/img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 98 | + <small class="text-muted mr-3"> |
| 99 | + <i class="icon-calendar"></i> 4 - 5pm</small> |
| 100 | + <small class="text-muted"> |
| 101 | + <i class="icon-social-skype"></i> On-line</small> |
| 102 | + </div> |
| 103 | + <div class="list-group-item list-group-item-accent-secondary bg-light text-center font-weight-bold text-muted text-uppercase small">Tomorrow</div> |
| 104 | + <div class="list-group-item list-group-item-accent-danger list-group-item-divider"> |
| 105 | + <div>New UI Project - |
| 106 | + <strong>deadline</strong> |
148 | 107 | </div> |
149 | | - <div class="avatar avatar-xs"> |
150 | | - <img src="assets/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 108 | + <small class="text-muted mr-3"> |
| 109 | + <i class="icon-calendar"></i> 10 - 11pm</small> |
| 110 | + <small class="text-muted"> |
| 111 | + <i class="icon-home"></i> creativeLabs HQ</small> |
| 112 | + <div class="avatars-stack mt-2"> |
| 113 | + <div class="avatar avatar-xs"> |
| 114 | + <img class="img-avatar" src="assets/img/avatars/2.jpg" alt="admin@bootstrapmaster.com"> |
| 115 | + </div> |
| 116 | + <div class="avatar avatar-xs"> |
| 117 | + <img class="img-avatar" src="assets/img/avatars/3.jpg" alt="admin@bootstrapmaster.com"> |
| 118 | + </div> |
| 119 | + <div class="avatar avatar-xs"> |
| 120 | + <img class="img-avatar" src="assets/img/avatars/4.jpg" alt="admin@bootstrapmaster.com"> |
| 121 | + </div> |
| 122 | + <div class="avatar avatar-xs"> |
| 123 | + <img class="img-avatar" src="assets/img/avatars/5.jpg" alt="admin@bootstrapmaster.com"> |
| 124 | + </div> |
| 125 | + <div class="avatar avatar-xs"> |
| 126 | + <img class="img-avatar" src="assets/img/avatars/6.jpg" alt="admin@bootstrapmaster.com"> |
| 127 | + </div> |
151 | 128 | </div> |
152 | | - <div class="avatar avatar-xs"> |
153 | | - <img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 129 | + </div> |
| 130 | + <div class="list-group-item list-group-item-accent-success list-group-item-divider"> |
| 131 | + <div> |
| 132 | + <strong>#10 Startups.Garden</strong> Meetup</div> |
| 133 | + <small class="text-muted mr-3"> |
| 134 | + <i class="icon-calendar"></i> 1 - 3pm</small> |
| 135 | + <small class="text-muted"> |
| 136 | + <i class="icon-location-pin"></i> Palo Alto, CA</small> |
| 137 | + </div> |
| 138 | + <div class="list-group-item list-group-item-accent-primary list-group-item-divider"> |
| 139 | + <div> |
| 140 | + <strong>Team meeting</strong> |
154 | 141 | </div> |
155 | | - <div class="avatar avatar-xs"> |
156 | | - <img src="assets/img/avatars/8.jpg" class="img-avatar" alt="admin@bootstrapmaster.com"> |
| 142 | + <small class="text-muted mr-3"> |
| 143 | + <i class="icon-calendar"></i> 4 - 6pm</small> |
| 144 | + <small class="text-muted"> |
| 145 | + <i class="icon-home"></i> creativeLabs HQ</small> |
| 146 | + <div class="avatars-stack mt-2"> |
| 147 | + <div class="avatar avatar-xs"> |
| 148 | + <img class="img-avatar" src="assets/img/avatars/2.jpg" alt="admin@bootstrapmaster.com"> |
| 149 | + </div> |
| 150 | + <div class="avatar avatar-xs"> |
| 151 | + <img class="img-avatar" src="assets/img/avatars/3.jpg" alt="admin@bootstrapmaster.com"> |
| 152 | + </div> |
| 153 | + <div class="avatar avatar-xs"> |
| 154 | + <img class="img-avatar" src="assets/img/avatars/4.jpg" alt="admin@bootstrapmaster.com"> |
| 155 | + </div> |
| 156 | + <div class="avatar avatar-xs"> |
| 157 | + <img class="img-avatar" src="assets/img/avatars/5.jpg" alt="admin@bootstrapmaster.com"> |
| 158 | + </div> |
| 159 | + <div class="avatar avatar-xs"> |
| 160 | + <img class="img-avatar" src="assets/img/avatars/6.jpg" alt="admin@bootstrapmaster.com"> |
| 161 | + </div> |
| 162 | + <div class="avatar avatar-xs"> |
| 163 | + <img class="img-avatar" src="assets/img/avatars/7.jpg" alt="admin@bootstrapmaster.com"> |
| 164 | + </div> |
| 165 | + <div class="avatar avatar-xs"> |
| 166 | + <img class="img-avatar" src="assets/img/avatars/8.jpg" alt="admin@bootstrapmaster.com"> |
| 167 | + </div> |
157 | 168 | </div> |
158 | 169 | </div> |
159 | 170 | </div> |
160 | | - <hr class="mx-3 my-0"> |
161 | 171 | </tab> |
162 | 172 | <tab> |
163 | 173 | <ng-template tabHeading><i class="icon-speech"></i></ng-template> |
|
0 commit comments