11
11
< div class ="row ">
12
12
< div class ="col-sm-12 ">
13
13
< div class ="home-tab ">
14
- < div class ="d-sm-flex align-items-center justify-content-between border-bottom ">
15
- < ul class ="nav nav-tabs " role ="tablist ">
16
- < li class ="nav-item ">
17
- < a class ="nav-link active ps-0 " id ="home-tab " data-bs-toggle ="tab " href ="#overview " role ="tab " aria-controls ="overview " aria-selected ="true "> Overview</ a >
18
- </ li >
19
- < li class ="nav-item ">
20
- < a class ="nav-link " id ="profile-tab " data-bs-toggle ="tab " href ="#audiences " role ="tab " aria-selected ="false "> Audiences</ a >
21
- </ li >
22
- < li class ="nav-item ">
23
- < a class ="nav-link " id ="contact-tab " data-bs-toggle ="tab " href ="#demographics " role ="tab " aria-selected ="false "> Demographics</ a >
24
- </ li >
25
- < li class ="nav-item ">
26
- < a class ="nav-link border-0 " id ="more-tab " data-bs-toggle ="tab " href ="#more " role ="tab " aria-selected ="false "> More</ a >
27
- </ li >
28
- </ ul >
29
- < div >
30
- < div class ="btn-wrapper ">
31
- < a href ="# " class ="btn btn-otline-dark align-items-center "> < i class ="icon-share "> </ i > Share</ a >
32
- < a href ="# " class ="btn btn-otline-dark "> < i class ="icon-printer "> </ i > Print</ a >
33
- < a href ="# " class ="btn btn-primary text-white me-0 "> < i class ="icon-download "> </ i > Export</ a >
34
- </ div >
35
- </ div >
36
- </ div >
14
+
37
15
< div class ="tab-content tab-content-basic ">
38
16
< div class ="tab-pane fade show active " id ="overview " role ="tabpanel " aria-labelledby ="overview ">
39
- < div class ="row ">
40
- < div class ="col-sm-12 ">
41
- < div class ="statistics-details d-flex align-items-center justify-content-between ">
42
- < div >
43
- < p class ="statistics-title "> Bounce Rate</ p >
44
- < h3 class ="rate-percentage "> 32.53%</ h3 >
45
- < p class ="text-danger d-flex "> < i class ="mdi mdi-menu-down "> </ i > < span > -0.5%</ span > </ p >
46
- </ div >
47
- < div >
48
- < p class ="statistics-title "> Page Views</ p >
49
- < h3 class ="rate-percentage "> 7,682</ h3 >
50
- < p class ="text-success d-flex "> < i class ="mdi mdi-menu-up "> </ i > < span > +0.1%</ span > </ p >
51
- </ div >
52
- < div >
53
- < p class ="statistics-title "> New Sessions</ p >
54
- < h3 class ="rate-percentage "> 68.8</ h3 >
55
- < p class ="text-danger d-flex "> < i class ="mdi mdi-menu-down "> </ i > < span > 68.8</ span > </ p >
56
- </ div >
57
- < div class ="d-none d-md-block ">
58
- < p class ="statistics-title "> Avg. Time on Site</ p >
59
- < h3 class ="rate-percentage "> 2m:35s</ h3 >
60
- < p class ="text-success d-flex "> < i class ="mdi mdi-menu-down "> </ i > < span > +0.8%</ span > </ p >
61
- </ div >
62
- < div class ="d-none d-md-block ">
63
- < p class ="statistics-title "> New Sessions</ p >
64
- < h3 class ="rate-percentage "> 68.8</ h3 >
65
- < p class ="text-danger d-flex "> < i class ="mdi mdi-menu-down "> </ i > < span > 68.8</ span > </ p >
66
- </ div >
67
- < div class ="d-none d-md-block ">
68
- < p class ="statistics-title "> Avg. Time on Site</ p >
69
- < h3 class ="rate-percentage "> 2m:35s</ h3 >
70
- < p class ="text-success d-flex "> < i class ="mdi mdi-menu-down "> </ i > < span > +0.8%</ span > </ p >
71
- </ div >
72
- </ div >
73
- </ div >
74
- </ div >
75
- < div class ="row ">
76
- < div class ="col-lg-8 d-flex flex-column ">
77
17
78
- < div class ="row flex-grow ">
79
- < div class ="col-12 grid-margin stretch-card ">
80
- < div class ="card card-rounded ">
81
- < div class ="card-body ">
82
- < div class ="d-sm-flex justify-content-between align-items-start ">
83
- < div >
84
- < h4 class ="card-title card-title-dash "> Update Post / Blogs</ h4 >
85
- < p class ="card-subtitle card-subtitle-dash "> Update Blogs content</ p >
86
- </ div >
87
-
88
- </ div >
18
+
89
19
< div class ="table-responsive mt-1 ">
90
20
< table class ="table select-table ">
91
21
< tbody >
@@ -110,85 +40,7 @@ <h1>you are not log in (--_--)!</h1>
110
40
</ tbody >
111
41
</ table >
112
42
</ div >
113
- </ div >
114
- </ div >
115
- </ div >
116
- </ div >
117
- </ div >
118
- < div class ="col-lg-4 d-flex flex-column ">
119
- < div class ="row flex-grow ">
120
- < div class ="col-12 grid-margin stretch-card ">
121
- < div class ="card card-rounded ">
122
- < div class ="card-body ">
123
- < div class ="row ">
124
- < div class ="col-lg-12 ">
125
- < div class ="d-flex justify-content-between align-items-center ">
126
- < h4 class ="card-title card-title-dash "> Todo list</ h4 >
127
- < div class ="add-items d-flex mb-0 ">
128
- <!-- <input type="text" class="form-control todo-list-input" placeholder="What do you need to do today?"> -->
129
- < button class ="add btn btn-icons btn-rounded btn-primary todo-list-add-btn text-white me-0 pl-12p "> < i class ="mdi mdi-plus "> </ i > </ button >
130
- </ div >
131
- </ div >
132
- < div class ="list-wrapper ">
133
- < ul class ="todo-list todo-list-rounded ">
134
- < li class ="d-block ">
135
- < div class ="form-check w-100 ">
136
- < label class ="form-check-label ">
137
- < input class ="checkbox " type ="checkbox "> Lorem Ipsum is simply dummy text of the printing < i class ="input-helper rounded "> </ i >
138
- </ label >
139
- < div class ="d-flex mt-2 ">
140
- < div class ="ps-4 text-small me-3 "> 24 June 2020</ div >
141
- < div class ="badge badge-opacity-warning me-3 "> Due tomorrow</ div >
142
- < i class ="mdi mdi-flag ms-2 flag-color "> </ i >
143
- </ div >
144
- </ div >
145
- </ li >
146
- < li class ="d-block ">
147
- < div class ="form-check w-100 ">
148
- < label class ="form-check-label ">
149
- < input class ="checkbox " type ="checkbox "> Lorem Ipsum is simply dummy text of the printing < i class ="input-helper rounded "> </ i >
150
- </ label >
151
- < div class ="d-flex mt-2 ">
152
- < div class ="ps-4 text-small me-3 "> 23 June 2020</ div >
153
- < div class ="badge badge-opacity-success me-3 "> Done</ div >
154
- </ div >
155
- </ div >
156
- </ li >
157
- < li >
158
- < div class ="form-check w-100 ">
159
- < label class ="form-check-label ">
160
- < input class ="checkbox " type ="checkbox "> Lorem Ipsum is simply dummy text of the printing < i class ="input-helper rounded "> </ i >
161
- </ label >
162
- < div class ="d-flex mt-2 ">
163
- < div class ="ps-4 text-small me-3 "> 24 June 2020</ div >
164
- < div class ="badge badge-opacity-success me-3 "> Done</ div >
165
- </ div >
166
- </ div >
167
- </ li >
168
- < li class ="border-bottom-0 ">
169
- < div class ="form-check w-100 ">
170
- < label class ="form-check-label ">
171
- < input class ="checkbox " type ="checkbox "> Lorem Ipsum is simply dummy text of the printing < i class ="input-helper rounded "> </ i >
172
- </ label >
173
- < div class ="d-flex mt-2 ">
174
- < div class ="ps-4 text-small me-3 "> 24 June 2020</ div >
175
- < div class ="badge badge-opacity-danger me-3 "> Expired</ div >
176
- </ div >
177
- </ div >
178
- </ li >
179
- </ ul >
180
- </ div >
181
- </ div >
182
- </ div >
183
- </ div >
184
- </ div >
185
- </ div >
186
- </ div >
187
-
188
-
189
-
190
- </ div >
191
- </ div >
43
+
192
44
</ div >
193
45
</ div >
194
46
</ div >
0 commit comments