Cool-Shopping-Site/admin/admin/mapping.php

187 lines
30 KiB
PHP

<div class="content">
<div class="container-fluid">
<div class="row">
<div class="col-xl-4 col-lg-12">
<div class="card card-chart">
<div class="card-header card-header-success">
<div class="ct-chart" id="dailySalesChart"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-line" style="width: 100%; height: 100%;">
<g class="ct-grids">
<line x1="40" x2="40" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="134.74285888671875" x2="134.74285888671875" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="229.4857177734375" x2="229.4857177734375" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="324.22857666015625" x2="324.22857666015625" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="418.971435546875" x2="418.971435546875" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="513.7142944335938" x2="513.7142944335938" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="608.4571533203125" x2="608.4571533203125" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line y1="119.60000610351562" y2="119.60000610351562" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="95.6800048828125" y2="95.6800048828125" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="71.76000366210937" y2="71.76000366210937" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="47.840002441406256" y2="47.840002441406256" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="23.920001220703128" y2="23.920001220703128" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="0" y2="0" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
</g>
<g>
<g class="ct-series ct-series-a">
<path d="M 40 90.896 C 134.743 78.936 134.743 78.936 134.743 78.936 C 229.486 102.856 229.486 102.856 229.486 102.856 C 324.229 78.936 324.229 78.936 324.229 78.936 C 418.971 64.584 418.971 64.584 418.971 64.584 C 513.714 76.544 513.714 76.544 513.714 76.544 C 608.457 28.704 608.457 28.704 608.457 28.704" class="ct-line"></path>
<line x1="40" y1="90.89600463867188" x2="40.01" y2="90.89600463867188" class="ct-point" ct:value="12" opacity="1"></line>
<line x1="134.74285888671875" y1="78.93600402832031" x2="134.75285888671874" y2="78.93600402832031" class="ct-point" ct:value="17" opacity="1"></line>
<line x1="229.4857177734375" y1="102.85600524902344" x2="229.4957177734375" y2="102.85600524902344" class="ct-point" ct:value="7" opacity="1"></line>
<line x1="324.22857666015625" y1="78.93600402832031" x2="324.23857666015624" y2="78.93600402832031" class="ct-point" ct:value="17" opacity="1"></line>
<line x1="418.971435546875" y1="64.58400329589844" x2="418.981435546875" y2="64.58400329589844" class="ct-point" ct:value="23" opacity="1"></line>
<line x1="513.7142944335938" y1="76.54400390625" x2="513.7242944335937" y2="76.54400390625" class="ct-point" ct:value="18" opacity="1"></line>
<line x1="608.4571533203125" y1="28.704001464843756" x2="608.4671533203125" y2="28.704001464843756" class="ct-point" ct:value="38" opacity="1"></line>
</g>
</g>
<g class="ct-labels">
<foreignObject style="overflow: visible;" x="40" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">M</span></foreignObject>
<foreignObject style="overflow: visible;" x="134.74285888671875" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">T</span></foreignObject>
<foreignObject style="overflow: visible;" x="229.4857177734375" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">W</span></foreignObject>
<foreignObject style="overflow: visible;" x="324.22857666015625" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">T</span></foreignObject>
<foreignObject style="overflow: visible;" x="418.971435546875" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">F</span></foreignObject>
<foreignObject style="overflow: visible;" x="513.7142944335938" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">S</span></foreignObject>
<foreignObject style="overflow: visible;" x="608.4571533203125" y="124.60000610351562" width="94.74285888671875" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 95px; height: 20px;">S</span></foreignObject>
<foreignObject style="overflow: visible;" y="95.6800048828125" x="0" height="23.920001220703124" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">0</span></foreignObject>
<foreignObject style="overflow: visible;" y="71.76000366210937" x="0" height="23.920001220703124" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">10</span></foreignObject>
<foreignObject style="overflow: visible;" y="47.84000244140625" x="0" height="23.92000122070312" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">20</span></foreignObject>
<foreignObject style="overflow: visible;" y="23.920001220703128" x="0" height="23.920001220703128" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">30</span></foreignObject>
<foreignObject style="overflow: visible;" y="0" x="0" height="23.920001220703128" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">40</span></foreignObject>
<foreignObject style="overflow: visible;" y="-30" x="0" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">50</span></foreignObject>
</g>
</svg></div>
</div>
<div class="card-body">
<h4 class="card-title">Daily Sales</h4>
<p class="card-category">
<span class="text-success"><i class="fa fa-long-arrow-up"></i> 55% </span> increase in today sales.</p>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons">access_time</i> updated 4 minutes ago
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-12">
<div class="card card-chart">
<div class="card-header card-header-warning">
<div class="ct-chart" id="websiteViewsChart"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-bar" style="width: 100%; height: 100%;">
<g class="ct-grids">
<line y1="119.60000610351562" y2="119.60000610351562" x1="40" x2="698.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="95.6800048828125" y2="95.6800048828125" x1="40" x2="698.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="71.76000366210937" y2="71.76000366210937" x1="40" x2="698.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="47.840002441406256" y2="47.840002441406256" x1="40" x2="698.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="23.920001220703128" y2="23.920001220703128" x1="40" x2="698.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="0" y2="0" x1="40" x2="698.2000122070312" class="ct-grid ct-vertical"></line>
</g>
<g>
<g class="ct-series ct-series-a">
<line x1="67.4250005086263" x2="67.4250005086263" y1="119.60000610351562" y2="54.77680279541016" class="ct-bar" ct:value="542" opacity="1"></line>
<line x1="122.27500152587889" x2="122.27500152587889" y1="119.60000610351562" y2="66.6172033996582" class="ct-bar" ct:value="443" opacity="1"></line>
<line x1="177.1250025431315" x2="177.1250025431315" y1="119.60000610351562" y2="81.32800415039063" class="ct-bar" ct:value="320" opacity="1"></line>
<line x1="231.97500356038412" x2="231.97500356038412" y1="119.60000610351562" y2="26.312001342773442" class="ct-bar" ct:value="780" opacity="1"></line>
<line x1="286.82500457763666" x2="286.82500457763666" y1="119.60000610351562" y2="53.46120272827149" class="ct-bar" ct:value="553" opacity="1"></line>
<line x1="341.6750055948893" x2="341.6750055948893" y1="119.60000610351562" y2="65.42120333862304" class="ct-bar" ct:value="453" opacity="1"></line>
<line x1="396.5250066121419" x2="396.5250066121419" y1="119.60000610351562" y2="80.61040411376953" class="ct-bar" ct:value="326" opacity="1"></line>
<line x1="451.3750076293945" x2="451.3750076293945" y1="119.60000610351562" y2="67.69360345458983" class="ct-bar" ct:value="434" opacity="1"></line>
<line x1="506.2250086466471" x2="506.2250086466471" y1="119.60000610351562" y2="51.667202636718756" class="ct-bar" ct:value="568" opacity="1"></line>
<line x1="561.0750096638998" x2="561.0750096638998" y1="119.60000610351562" y2="46.64400238037109" class="ct-bar" ct:value="610" opacity="1"></line>
<line x1="615.9250106811523" x2="615.9250106811523" y1="119.60000610351562" y2="29.182401489257813" class="ct-bar" ct:value="756" opacity="1"></line>
<line x1="670.7750116984049" x2="670.7750116984049" y1="119.60000610351562" y2="12.558000640869139" class="ct-bar" ct:value="895" opacity="1"></line>
</g>
</g>
<g class="ct-labels">
<foreignObject style="overflow: visible;" x="40" y="124.60000610351562" width="54.8500010172526" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">J</span></foreignObject>
<foreignObject style="overflow: visible;" x="94.8500010172526" y="124.60000610351562" width="54.8500010172526" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">F</span></foreignObject>
<foreignObject style="overflow: visible;" x="149.7000020345052" y="124.60000610351562" width="54.85000101725261" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">M</span></foreignObject>
<foreignObject style="overflow: visible;" x="204.5500030517578" y="124.60000610351562" width="54.850001017252595" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">A</span></foreignObject>
<foreignObject style="overflow: visible;" x="259.4000040690104" y="124.60000610351562" width="54.850001017252595" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">M</span></foreignObject>
<foreignObject style="overflow: visible;" x="314.250005086263" y="124.60000610351562" width="54.85000101725262" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">J</span></foreignObject>
<foreignObject style="overflow: visible;" x="369.1000061035156" y="124.60000610351562" width="54.850001017252566" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">J</span></foreignObject>
<foreignObject style="overflow: visible;" x="423.9500071207682" y="124.60000610351562" width="54.85000101725262" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">A</span></foreignObject>
<foreignObject style="overflow: visible;" x="478.8000081380208" y="124.60000610351562" width="54.85000101725262" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">S</span></foreignObject>
<foreignObject style="overflow: visible;" x="533.6500091552734" y="124.60000610351562" width="54.850001017252566" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">O</span></foreignObject>
<foreignObject style="overflow: visible;" x="588.500010172526" y="124.60000610351562" width="54.850001017252566" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">N</span></foreignObject>
<foreignObject style="overflow: visible;" x="643.3500111897786" y="124.60000610351562" width="54.85000101725268" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 55px; height: 20px;">D</span></foreignObject>
<foreignObject style="overflow: visible;" y="95.6800048828125" x="0" height="23.920001220703124" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">0</span></foreignObject>
<foreignObject style="overflow: visible;" y="71.76000366210937" x="0" height="23.920001220703124" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">200</span></foreignObject>
<foreignObject style="overflow: visible;" y="47.84000244140625" x="0" height="23.92000122070312" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">400</span></foreignObject>
<foreignObject style="overflow: visible;" y="23.920001220703128" x="0" height="23.920001220703128" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">600</span></foreignObject>
<foreignObject style="overflow: visible;" y="0" x="0" height="23.920001220703128" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">800</span></foreignObject>
<foreignObject style="overflow: visible;" y="-30" x="0" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">1000</span></foreignObject>
</g>
</svg></div>
</div>
<div class="card-body">
<h4 class="card-title">Email Subscriptions</h4>
<p class="card-category">Last Campaign Performance</p>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons">access_time</i> campaign sent 2 days ago
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-12">
<div class="card card-chart">
<div class="card-header card-header-danger">
<div class="ct-chart" id="completedTasksChart"><svg xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="100%" height="100%" class="ct-chart-line" style="width: 100%; height: 100%;">
<g class="ct-grids">
<line x1="40" x2="40" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="122.9000015258789" x2="122.9000015258789" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="205.8000030517578" x2="205.8000030517578" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="288.7000045776367" x2="288.7000045776367" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="371.6000061035156" x2="371.6000061035156" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="454.50000762939453" x2="454.50000762939453" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="537.4000091552734" x2="537.4000091552734" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line x1="620.3000106811523" x2="620.3000106811523" y1="0" y2="119.60000610351562" class="ct-grid ct-horizontal"></line>
<line y1="119.60000610351562" y2="119.60000610351562" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="95.6800048828125" y2="95.6800048828125" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="71.76000366210937" y2="71.76000366210937" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="47.840002441406256" y2="47.840002441406256" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="23.920001220703128" y2="23.920001220703128" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
<line y1="0" y2="0" x1="40" x2="703.2000122070312" class="ct-grid ct-vertical"></line>
</g>
<g>
<g class="ct-series ct-series-a">
<path d="M 40 92.092 C 122.9 29.9 122.9 29.9 122.9 29.9 C 205.8 65.78 205.8 65.78 205.8 65.78 C 288.7 83.72 288.7 83.72 288.7 83.72 C 371.6 86.112 371.6 86.112 371.6 86.112 C 454.5 90.896 454.5 90.896 454.5 90.896 C 537.4 95.68 537.4 95.68 537.4 95.68 C 620.3 96.876 620.3 96.876 620.3 96.876" class="ct-line"></path>
<line x1="40" y1="92.09200469970703" x2="40.01" y2="92.09200469970703" class="ct-point" ct:value="230" opacity="1"></line>
<line x1="122.9000015258789" y1="29.900001525878906" x2="122.91000152587891" y2="29.900001525878906" class="ct-point" ct:value="750" opacity="1"></line>
<line x1="205.8000030517578" y1="65.78000335693359" x2="205.8100030517578" y2="65.78000335693359" class="ct-point" ct:value="450" opacity="1"></line>
<line x1="288.7000045776367" y1="83.72000427246094" x2="288.7100045776367" y2="83.72000427246094" class="ct-point" ct:value="300" opacity="1"></line>
<line x1="371.6000061035156" y1="86.11200439453125" x2="371.6100061035156" y2="86.11200439453125" class="ct-point" ct:value="280" opacity="1"></line>
<line x1="454.50000762939453" y1="90.89600463867188" x2="454.5100076293945" y2="90.89600463867188" class="ct-point" ct:value="240" opacity="1"></line>
<line x1="537.4000091552734" y1="95.6800048828125" x2="537.4100091552734" y2="95.6800048828125" class="ct-point" ct:value="200" opacity="1"></line>
<line x1="620.3000106811523" y1="96.87600494384766" x2="620.3100106811523" y2="96.87600494384766" class="ct-point" ct:value="190" opacity="1"></line>
</g>
</g>
<g class="ct-labels">
<foreignObject style="overflow: visible;" x="40" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">12p</span></foreignObject>
<foreignObject style="overflow: visible;" x="122.9000015258789" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">3p</span></foreignObject>
<foreignObject style="overflow: visible;" x="205.8000030517578" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">6p</span></foreignObject>
<foreignObject style="overflow: visible;" x="288.7000045776367" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">9p</span></foreignObject>
<foreignObject style="overflow: visible;" x="371.6000061035156" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">12p</span></foreignObject>
<foreignObject style="overflow: visible;" x="454.50000762939453" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">3a</span></foreignObject>
<foreignObject style="overflow: visible;" x="537.4000091552734" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">6a</span></foreignObject>
<foreignObject style="overflow: visible;" x="620.3000106811523" y="124.60000610351562" width="82.9000015258789" height="20"><span class="ct-label ct-horizontal ct-end" xmlns="http://www.w3.org/2000/xmlns/" style="width: 83px; height: 20px;">9a</span></foreignObject>
<foreignObject style="overflow: visible;" y="95.6800048828125" x="0" height="23.920001220703124" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">0</span></foreignObject>
<foreignObject style="overflow: visible;" y="71.76000366210937" x="0" height="23.920001220703124" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">200</span></foreignObject>
<foreignObject style="overflow: visible;" y="47.84000244140625" x="0" height="23.92000122070312" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">400</span></foreignObject>
<foreignObject style="overflow: visible;" y="23.920001220703128" x="0" height="23.920001220703128" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">600</span></foreignObject>
<foreignObject style="overflow: visible;" y="0" x="0" height="23.920001220703128" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 24px; width: 30px;">800</span></foreignObject>
<foreignObject style="overflow: visible;" y="-30" x="0" height="30" width="30"><span class="ct-label ct-vertical ct-start" xmlns="http://www.w3.org/2000/xmlns/" style="height: 30px; width: 30px;">1000</span></foreignObject>
</g>
</svg></div>
</div>
<div class="card-body">
<h4 class="card-title">Completed Tasks</h4>
<p class="card-category">Last Campaign Performance</p>
</div>
<div class="card-footer">
<div class="stats">
<i class="material-icons">access_time</i> campaign sent 2 days ago
</div>
</div>
</div>
</div>
</div>