xxxxxxxxxx1
<section class="intro">2
<div class="bg-image h-100" style="background-image: url('https://mdbootstrap.com/img/Photos/new-templates/tables/img4.jpg');">3
<div class="mask d-flex align-items-center h-100" style="background-color: rgba(25, 185, 234,.25);">4
<div class="container">5
<div class="row justify-content-center">6
<div class="col-12">7
<div class="card">8
<div class="card-body">9
<div class="table-responsive">10
<table class="table table-hover mb-0">11
<thead>12
<tr>13
<th scope="col"></th>14
<th scope="col">Product Detail Views</th>15
<th scope="col">Unique Purchases</th>16
<th scope="col">Quantity</th>17
<th scope="col">Product Revenue</th>18
<th scope="col">Avg. Price</th>19
</tr>20
</thead>21
<tbody>22
<tr>23
<th scope="row">Value</th>24
<td>18,492</td>25
<td>228</td>26
<td>350</td>27
<td>$4,787.64</td>28
<td>$13.68</td>29
</tr>30
<tr>31
<th scope="row">Percentage change</th>32
<td>33
<span class="text-danger">34
<i class="fas fa-caret-down me-1"></i><span>-48.8%%</span>35
</span>36
</td>37
<td>38
<span class="text-success">39
<i class="fas fa-caret-up me-1"></i><span>14.0%</span>40
</span>41
</td>42
<td>43
<span class="text-success">44
<i class="fas fa-caret-up me-1"></i><span>46.4%</span>45
</span>46
</td>47
<td>48
<span class="text-success">49
<i class="fas fa-caret-up me-1"></i><span>29.6%</span>50
</span>51
</td>52
<td>53
<span class="text-danger">54
<i class="fas fa-caret-down me-1"></i><span>-11.5%</span>55
</span>56
</td>57
</tr>58
<tr>59
<th scope="row">Average</th>60
<td>61
<span class="text-danger">62
<i class="fas fa-caret-down me-1"></i><span>-17,654</span>63
</span>64
</td>65
<td>66
<span class="text-success">67
<i class="fas fa-caret-up me-1"></i><span>28</span>68
</span>69
</td>70
<td>71
<span class="text-success">72
<i class="fas fa-caret-up me-1"></i><span>111</span>73
</span>74
</td>75
<td>76
<span class="text-success">77
<i class="fas fa-caret-up me-1"></i><span>$1,092.72</span>78
</span>79
</td>80
<td>81
<span class="text-danger">82
<i class="fas fa-caret-down me-1"></i><span>$-1.78</span>83
</span>84
</td>85
</tr>86
<tr>87
<th scope="row">Buy-to-details</th>88
<td>89
<span class="text-danger">90
<i class="fas fa-caret-down me-1"></i><span>-48.8%%</span>91
</span>92
</td>93
<td>94
<span class="text-success">95
<i class="fas fa-caret-up me-1"></i><span>14.0%</span>96
</span>97
</td>98
<td>99
<span class="text-success">100
<i class="fas fa-caret-up me-1"></i><span>46.4%</span>101
</span>102
</td>103
<td>104
<span class="text-success">105
<i class="fas fa-caret-up me-1"></i><span>29.6%</span>106
</span>107
</td>108
<td>109
<span class="text-danger">110
<i class="fas fa-caret-down me-1"></i><span>-11.5%</span>111
</span>112
</td>113
</tr>114
<tr>115
<th scope="row">Sales</th>116
<td>117
<span class="text-danger">118
<i class="fas fa-caret-down me-1"></i><span>-17,654</span>119
</span>120
</td>121
<td>122
<span class="text-success">123
<i class="fas fa-caret-up me-1"></i><span>28</span>124
</span>125
</td>126
<td>127
<span class="text-success">128
<i class="fas fa-caret-up me-1"></i><span>111</span>129
</span>130
</td>131
<td>132
<span class="text-success">133
<i class="fas fa-caret-up me-1"></i><span>$1,092.72</span>134
</span>135
</td>136
<td>137
<span class="text-danger">138
<i class="fas fa-caret-down me-1"></i><span>$-1.78</span>139
</span>140
</td>141
</tr>142
<tr>143
<th scope="row">Website traffic</th>144
<td>145
<span class="text-danger">146
<i class="fas fa-caret-down me-1"></i><span>-48.8%%</span>147
</span>148
</td>149
<td>150
<span class="text-success">151
<i class="fas fa-caret-up me-1"></i><span>14.0%</span>152
</span>153
</td>154
<td>155
<span class="text-success">156
<i class="fas fa-caret-up me-1"></i><span>46.4%</span>157
</span>158
</td>159
<td>160
<span class="text-success">161
<i class="fas fa-caret-up me-1"></i><span>29.6%</span>162
</span>163
</td>164
<td>165
<span class="text-danger">166
<i class="fas fa-caret-down me-1"></i><span>-11.5%</span>167
</span>168
</td>169
</tr>170
<tr>171
<th scope="row">Clickthrough</th>172
<td>173
<span class="text-danger">174
<i class="fas fa-caret-down me-1"></i><span>-17,654</span>175
</span>176
</td>177
<td>178
<span class="text-success">179
<i class="fas fa-caret-up me-1"></i><span>28</span>180
</span>181
</td>182
<td>183
<span class="text-success">184
<i class="fas fa-caret-up me-1"></i><span>111</span>185
</span>186
</td>187
<td>188
<span class="text-success">189
<i class="fas fa-caret-up me-1"></i><span>$1,092.72</span>190
</span>191
</td>192
<td>193
<span class="text-danger">194
<i class="fas fa-caret-down me-1"></i><span>$-1.78</span>195
</span>196
</td>197
</tr>198
</tbody>199
</table>200
</div>201
</div>202
</div>203
</div>204
</div>205
</div>206
</div>207
</div>208
</section>xxxxxxxxxx1
html,2
body,3
.intro {4
height: 100%;5
}6
7
table td,8
table th {9
text-overflow: ellipsis;10
white-space: nowrap;11
overflow: hidden;12
}13
14
.card {15
border-radius: .5rem;16
}1
1
Console errors: 0