<!-- UI # --> <div class="ui-302"> <div class="container-fluid"> <h4>Status One</h4> <hr /> <!-- Status One Starts --> <div class="status-one"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item br-red"> <!-- Animated Value --> <h4><span class="lblue">$</span>100</h4> <!-- Small Value --> <h5>$23,234</h5> <!-- Icon --> <i class="fa fa-angle-double-up bg-green"></i> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item br-green"> <!-- Animated Value --> <h4><span class="lblue">$</span>200</h4> <!-- Small Value --> <h5>$44,545</h5> <!-- Icon --> <i class="fa fa-angle-double-down bg-red"></i> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item br-lblue"> <!-- Animated Value --> <h4><span class="lblue">$</span>500</h4> <!-- Small Value --> <h5>$78,768</h5> <!-- Icon --> <i class="fa fa-angle-double-up bg-green"></i> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item br-orange"> <!-- Animated Value --> <h4><span class="lblue">$</span>300</h4> <!-- Small Value --> <h5>$98,978</h5> <!-- Icon --> <i class="fa fa-angle-double-down bg-red"></i> </div> <!-- Item Ends --> </div> </div> </div> <!-- Status One Ends --> <br /> <!-- Heading --> <h4>Status Two </h4> <hr /> <!-- Status Two Starts --> <div class="status-two"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item"> <!-- Heading --> <h4>Visitors</h4> <!-- Big Number --> <h5 class="red">675</h5> <!-- Sub-Title --> <span>Letraset <i class="fa fa-angle-double-down red"></i> <b class="red">67%</b></span> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item"> <!-- Heading --> <h4>Earnings</h4> <!-- Big Number --> <h5 class="green">567</h5> <!-- Sub-Title --> <span>PageMaker <i class="fa fa-angle-double-up green"></i> <b class="green">87%</b></span> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item"> <!-- Heading --> <h4>Member</h4> <!-- Big Number --> <h5 class="lblue">756</h5> <!-- Sub-Title --> <span>Consectetur <i class="fa fa-angle-double-down red"></i> <b class="red">89%</b></span> </div> <!-- Item Ends --> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Starts --> <div class="item"> <!-- Heading --> <h4>Order</h4> <!-- Big Number --> <h5 class="yellow">656</h5> <!-- Sub-Title --> <span>Bonorum <i class="fa fa-angle-double-up green"></i> <b class="green">56%</b></span> </div> <!-- Item Ends --> </div> </div> </div> <!-- Status Two Ends --> <br /> <!-- Heading --> <h4>Status Three</h4> <hr /> <!-- Status Three Starts --> <div class="status-three"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-red"> <!-- Big Heading --> <h4>897</h4> <!-- Text --> <span>Remaining</span> </div> <!-- Icon --> <div class="icon"> <!-- Angle Up Icon --> <i class="fa fa-angle-double-up red"></i> <span>40%</span> <!-- Angle Down Icon --> <i class="fa fa-angle-double-down green"></i> <span>60%</span> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-lblue"> <!-- Big Heading --> <h4>898</h4> <!-- Text --> <span>Essentially</span> </div> <!-- Icon --> <div class="icon"> <!-- Angle Up Icon --> <i class="fa fa-angle-double-up red"></i> <span>10%</span> <!-- Angle Down Icon --> <i class="fa fa-angle-double-down green"></i> <span>30%</span> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-green"> <!-- Big Heading --> <h4>859</h4>' <!-- Text --> <span>UnChanged</span> </div> <!-- Icon --> <div class="icon"> <!-- Angle Up Icon --> <i class="fa fa-angle-double-up red"></i> <span>30%</span> <!-- Angle Down Icon --> <i class="fa fa-angle-double-down green"></i> <span>50%</span> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-lblue"> <!-- Big Heading --> <h4>489</h4> <!-- Text --> <span>Letraset</span> </div> <!-- Icon --> <div class="icon"> <!-- Angle Up Icon --> <i class="fa fa-angle-double-up red"></i> <span>20%</span> <!-- Angle Down Icon --> <i class="fa fa-angle-double-down green"></i> <span>40%</span> </div> </div> </div> </div> <!-- Status Three Ends --> <br /> <!-- Heading --> <h4>Status Four</h4> <hr /> <!-- Status Four Starts --> <div class="status-four"> <div class="container-fluid"> <div class="row"> <div class="col-md-2 col-sm-4 col-xs-6 col-bor"> <!-- Item --> <div class="item"> <!-- Bar Chart --> <span class="four-bar-one">13,28,35,16,12,53,18,55,36,22</span> <!-- Big Number --> <h4>489</h4> <!-- Text And Icon --> <span>Undoubtable</span> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 col-bor"> <!-- Item --> <div class="item"> <!-- Bar Chart --> <span class="four-bar-two">10,14,8,16,38,56,66,77</span> <!-- Big Number --> <h4>567</h4> <!-- Text And Icon --> <span>Reproduced</span> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 col-bor"> <!-- Item --> <div class="item"> <!-- Bar Chart --> <span class="four-bar-three">16,17,34,21,89,12,22,34,54</span> <!-- Big Number --> <h4>234</h4> <!-- Text And Number --> <span>Bonorum</span> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 col-bor"> <!-- Item --> <div class="item"> <!-- Bar Chart --> <span class="four-bar-four">12,10,14,30,12,34,56,87,90,99</span> <!-- Big Number --> <h4>989</h4> <!-- Text And Icon --> <span>Finibus</span> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 col-bor"> <!-- Item --> <div class="item"> <!-- Bar Chart --> <span class="four-bar-five">46,23,10,34,35,57,68,78,77</span> <!-- Big Number --> <h4>345</h4> <!-- Text And Icon --> <span>Malorum</span> </div> </div> <div class="col-md-2 col-sm-4 col-xs-6 col-bor"> <!-- Item --> <div class="item"> <!-- Bar chart --> <span class="four-bar-six">19,27,13,18,45,23,24</span> <!-- Big Number --> <h4>765</h4> <!-- Text And Icon --> <span>Randomised</span> </div> </div> </div> </div> </div> <!-- Status Four Ends --> <br /> <!-- Heading --> <h4>Status Five</h4> <hr /> <!-- Status Five Starts --> <div class="status-five"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Hampden</h5> <!-- Big Number and Icon --> <h4>76,787 <i class="fa fa-angle-double-down red"></i></h4> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-one pie-chart">13,28,35,16</span> Visitors <span class="green">$567</span> </div> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-two pie-chart">10,48,30,26,12,89</span> Profit <span class="red">$678</span> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Sydney</h5> <!-- Big Number and Icon --> <h4>56,897 <i class="fa fa-angle-double-up green"></i></h4> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-two pie-chart">28,87,65,45</span> Visitors <span class="green">$456</span> </div> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-four pie-chart">93,28,35,16,12</span> Profit <span class="red">$123</span> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Malorum</h5> <!-- Big Heading and icon --> <h4>23,345 <i class="fa fa-angle-double-down red"></i></h4> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-three pie-chart">28,87,65,45</span> Visitors <span class="green">$234</span> </div> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-one pie-chart">10,48,30,26,12,89</span> Profit <span class="red">$989</span> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Bonorum</h5> <!-- Big Number and Icon --> <h4>34,897 <i class="fa fa-angle-double-up green"></i></h4> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-four pie-chart">93,28,35,16,12</span> Visitors <span class="green">$567</span> </div> <div class="five-visitor"> <!-- Pie Chart --> <span class="five-pie-three pie-chart">28,87,65,45</span> Profit <span class="red">$545</span> </div> </div> </div> </div> </div> <!-- Status Five Ends --> <br /> <!-- Heading --> <h4>Status Six</h4> <hr /> <!-- Status Six Starts --> <div class="status-six"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-red"> <!-- Bar Chart --> <div class="bar-chart"> <!-- Six Bar Chart --> <span class="six-bar">13,28,35,16,15,19,12,53,18,55,36,22</span> </div> <!-- Content --> <div class="content"> <!-- Heading --> <h5>Letraset</h5> <!-- Big Number --> <h4>23,456</h4> </div> <div class="clearfix"></div> </div> <!-- Details --> <div class="details bg-red-dark"> <!-- Number --> <span>$45,343</span> <!-- Angle Icon --> <i class="fa fa-angle-double-down"></i> <!-- Right Arrow Icon --> <a href="#"><i class="fa fa-arrow-circle-right"></i></a> <div class="clearfix"></div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-lblue"> <!-- Bar Chart --> <div class="bar-chart"> <!-- Six Bar Chart --> <span class="six-bar">10,14,8,16,38,56,15,19,66,77</span> </div> <!-- Content --> <div class="content"> <!-- Heading --> <h5>Malorum</h5> <!-- Big Number --> <h4>23,456</h4> </div> <div class="clearfix"></div> </div> <!-- Details --> <div class="details bg-lblue-dark"> <!-- Number --> <span>$67,678</span> <!-- Angle Icon --> <i class="fa fa-angle-double-up"></i> <!-- Right Arrow Icon --> <a href="#"><i class="fa fa-arrow-circle-right"></i></a> <div class="clearfix"></div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-green"> <!-- Bar Chart --> <div class="bar-chart"> <!-- Six Bar Chart --> <span class="six-bar">16,17,34,21,89,12,22,15,19,34,54</span> </div> <!-- Content --> <div class="content"> <!-- Heading --> <h5>Bonorum</h5> <!-- Big Number --> <h4>23,456</h4> </div> <div class="clearfix"></div> </div> <!-- Details --> <div class="details bg-green-dark"> <!-- Number --> <span>$45,567</span> <!-- Angle Icon --> <i class="fa fa-angle-double-down"></i> <!-- Right Arrow Icon --> <a href="#"><i class="fa fa-arrow-circle-right"></i></a> <div class="clearfix"></div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item bg-purple"> <!-- Bar Chart --> <div class="bar-chart"> <!-- Six Bar Chart --> <span class="six-bar">12,10,14,30,12,34,56,15,19,87,90,99</span> </div> <!-- Content --> <div class="content"> <!-- Heading --> <h5>Finibus</h5> <!-- Big Number --> <h4>23,456</h4> </div> <div class="clearfix"></div> </div> <!-- Details --> <div class="details bg-purple-dark"> <!-- Number --> <span>$34,567</span> <!-- Angle Icon --> <i class="fa fa-angle-double-up"></i> <!-- Right Arrow Icon --> <a href="#"><i class="fa fa-arrow-circle-right"></i></a> <div class="clearfix"></div> </div> </div> </div> </div> <!-- Status Six Ends --> <br /> <!-- Heading --> <h4>Status Seven</h4> <hr /> <!-- Status Seven Starts --> <div class="status-seven"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-12"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Today's Report</h5> <!-- Big Heading --> <div class="heading"> <!-- Heading --> <h4><span class="lblue">$</span>4,680</h4> </div> <!-- Bar Chart --> <div class="bar-chart"> <!-- Seven Bar Chart --> <span class="seven-bar-one">13,28,35,16,12,53,18,55,36,22</span> </div> <!-- Content --> <div class="content"> <!-- Visitors --> <div class="seven-content"> <i class="fa fa-circle red"></i> Visitors <span>$89,789,89</span> </div> <!-- Profit --> <div class="seven-content seven-border"> <i class="fa fa-circle green"></i> Profit <span>$48,567,98</span> </div> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Yesterday's Report</h5> <!-- Big Heading --> <div class="heading"> <!-- Heading --> <h4><span class="lblue">$</span>1,468</h4> </div> <!-- Bar Chart --> <div class="bar-chart"> <!-- Seven Bar Chart --> <span class="seven-bar-two">10,14,8,16,38,56,66,77,89,78</span> </div> <!-- Content --> <div class="content"> <!-- Visitors --> <div class="seven-content"> <i class="fa fa-circle red"></i> Visitors <span>$68,897,89</span> </div> <!-- Profit --> <div class="seven-content seven-border"> <i class="fa fa-circle green"></i> Profit <span>$34,456,76</span> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div> <!-- UI Status Seven Ends --> <br /> <!-- Heading --> <h4>Status Eight</h4> <hr /> <!-- Status Eight Starts --> <div class="status-eight"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Undoubtable</h5> <!-- Big Number --> <h4 class="lblue">45,678</h4> <!-- Small Title --> <em>Specimen</em> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Bonorum </h5> <!-- Big Number --> <h4 class="lblue">65,678</h4> <!-- Small Title --> <em>Dolorem</em> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Finibus </h5> <!-- Big Number --> <h4 class="lblue">78,909</h4> <!-- Small Title --> <em>Quisquam</em> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Malorum</h5> <!-- Big Number --> <h4 class="lblue">45,878</h4> <!-- Small Title --> <em>Contrary</em> </div> </div> </div> </div> <!-- Status Eight Ends --> <br /> <!-- Heading --> <h4>Status Nine</h4> <hr /> <!-- Status Nine Starts --> <div class="status-nine"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Knob --> <div class="nine-item-knob"> <!-- Content --> <input class="nine-knob" data-angleOffset=-180 data-angleArc=360 data-bgColor="#e5e5e5" data-fgColor="#d08166" data-thickness=".05" value="40"> </div> <!-- Details --> <div class="details"> <!-- Big Heading --> <h4>45,898</h4> <!-- Heading --> <h5>Lorem <i class="fa fa-angle-double-up red"></i></h5> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Knob --> <div class="nine-item-knob"> <!-- Content --> <input class="nine-knob" data-angleOffset=-180 data-angleArc=360 data-bgColor="#e5e5e5" data-fgColor="#f75353" data-thickness=".05" value="80"> </div> <!-- Details --> <div class="details"> <!-- Big Heading --> <h4>43,976</h4> <!-- Heading --> <h5>Finibus <i class="fa fa-angle-double-down green"></i></h5> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Knob --> <div class="nine-item-knob"> <!-- Content --> <input class="nine-knob" data-angleOffset=-180 data-angleArc=360 data-bgColor="#e5e5e5" data-fgColor="#51d466" data-thickness=".05" value="50"> </div> <!-- Details --> <div class="details"> <!-- Big Heading --> <h4>99,898</h4> <!-- Heading --> <h5>Bonorum <i class="fa fa-angle-double-up red"></i></h5> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item Start --> <div class="item"> <!-- Knob --> <div class="nine-item-knob"> <!-- Content --> <input class="nine-knob" data-angleOffset=-180 data-angleArc=360 data-bgColor="#e5e5e5" data-fgColor="#32c8de" data-thickness=".05" value="60"> </div> <!-- Details --> <div class="details"> <!-- Big Heading --> <h4>34,898</h4> <!-- Heading --> <h5>Malorum <i class="fa fa-angle-double-down green"></i></h5> </div> <div class="clearfix"></div> </div> <!-- Item Ends --> </div> </div> </div> <!-- Status Nine Ends --> <br /> <!-- Heading --> <h4>Status Ten</h4> <hr /> <!-- Status Ten Starts --> <div class="status-ten"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Today's Visitors</h5> <!-- Big Heading --> <h4>$2,398 <span class="bg-red">+14</span></h4> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Yesterday Visitors</h5> <!-- Big Heading --> <h4>34% <span class="bg-lblue">-23</span></h4> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Monday Visitors</h5> <!-- Big Heading --> <h4>8,976 <span class="bg-green">-65</span></h4> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Heading --> <h5>Sunday Visitors</h5> <!-- Big Heading --> <h4>23 <span class="bg-yellow">+143</span></h4> </div> </div> </div> </div> <!-- Status Ten Ends --> <br /> <!-- Heading --> <h4>Status Eleven</h4> <hr /> <!-- Status Eleven Starts --> <div class="status-eleven"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item eleven-br-red"> <!-- Heading --> <h5>Finibus</h5> <!-- Big Number --> <h4>$45,000</h4> <!-- Chart --> <div class="chart"> <!-- Bar Chart --> <span class="eleven-bar-one">45,13,28,35,16,12,53</span> </div> <!-- Icon and Small Number --> <span> <i class="fa fa-angle-double-up bg-red"></i> 23,456</span> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item eleven-br-lblue"> <!-- Heading --> <h5>Bonorum</h5> <!-- Big Number --> <h4>$34,234</h4> <!-- chart --> <div class="chart"> <!-- Pie Chart --> <span class="eleven-pie">13,28,35,16</span> </div> <!-- Icon and Small Number --> <span> <i class="fa fa-angle-double-down bg-green"></i> 12,000</span> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item eleven-br-green"> <!-- Heading --> <h5>Malorum</h5> <!-- Big Number --> <h4>$89,898</h4> <!-- Chart --> <div class="chart"> <!-- Line Chart --> <span class="eleven-line">15,20,34,56,78,23,90,13,50,20,45</span> </div> <!-- Icon and Small Number --> <span> <i class="fa fa-angle-double-up bg-red"></i> 34,234</span> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item eleven-br-yellow"> <!-- Heading --> <h5>Lorem</h5> <!-- Big Number --> <h4>$34,000</h4> <!-- Chart --> <div class="chart"> <!-- Bar Chart --> <span class="eleven-bar-two">4,27,34,52,54,12,10,12,8</span> </div> <!-- Icon and Small Number --> <span> <i class="fa fa-angle-double-down bg-green"></i> 67,989</span> </div> </div> </div> </div> <!-- Status Eleven Ends --> <br /> <!-- Heading --> <h4>Status Twelve</h4> <hr /> <!-- Status Twelve Starts --> <div class="status-twelve"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Chart --> <div class="chart"> <!-- Pie Chart --> <span class="twelve-pone">13,28,35,16</span> </div> <!-- Details --> <div class="details"> <!-- Heading --> <h4>Today</h4> <!-- Unordered Listing --> <ul> <li><span><i class="fa fa-angle-double-up red"></i> Visitors</span> <b class="lblue">70%</b></li> <li><span><i class="fa fa-angle-double-up red"></i> Profit</span> <b class="red">30%</b></li> <li><span><i class="fa fa-angle-double-down green"></i> Loss</span> <b class="green">40%</b></li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Chart --> <div class="chart"> <!-- Pie Chart --> <span class="twelve-ptwo">54,89,78,65,34</span> </div> <!-- Details --> <div class="details"> <!-- Heading --> <h4>Yesterday</h4> <!-- Unordered Listing --> <ul> <li><span><i class="fa fa-angle-double-up red"></i> Visitors</span> <b class="lblue">56%</b></li> <li><span><i class="fa fa-angle-double-up red"></i> Profit</span> <b class="red">35%</b></li> <li><span><i class="fa fa-angle-double-down green"></i> Loss</span> <b class="green">10%</b></li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Chart --> <div class="chart"> <!-- Pie Chart --> <span class="twelve-pthree">23,90,76,45</span> </div> <!-- Details --> <div class="details"> <!-- Heading --> <h4>Tuesday</h4> <!-- Unordered Listing --> <ul> <li><span><i class="fa fa-angle-double-up red"></i> Visitors</span> <b class="lblue">43%</b></li> <li><span><i class="fa fa-angle-double-up red"></i> Profit</span> <b class="red">65%</b></li> <li><span><i class="fa fa-angle-double-down green"></i> Loss</span> <b class="green">10%</b></li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-6 col-mob"> <!-- Item --> <div class="item"> <!-- Chart --> <div class="chart"> <!-- Pie Chart --> <span class="twelve-pfour">56,78,90</span> </div> <!-- Details --> <div class="details"> <!-- Heading --> <h4>Monday</h4> <!-- Unordered Listing --> <ul> <li><span><i class="fa fa-angle-double-up red"></i> Visitors</span> <b class="lblue">13%</b></li> <li><span><i class="fa fa-angle-double-up red"></i> Profit</span> <b class="red">45%</b></li> <li><span><i class="fa fa-angle-double-down green"></i> Loss</span> <b class="green">20%</b></li> </ul> </div> </div> </div> </div> </div> <!-- Status Twelve Ends --> </div> </div>
Comments