<!-- UI X --> <div class="ui-180"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6"> <!-- UI Item --> <div class="ui-item"> <div class="ui-top"> <!-- Heading --> <h4>Today's Visitors</h4> </div> <div class="ui-chart"> <div class="list"> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-red" style="height:40%"></div> </div> <!-- Heading --> <h6>S</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-green" style="height:30%"></div> </div> <!-- Heading --> <h6>M</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-yellow" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-lblue" style="height:70%"></div> </div> <!-- Heading --> <h6>W</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-orange" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-rose" style="height:47%"></div> </div> <!-- Heading --> <h6>F</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-purple" style="height:22%"></div> </div> <!-- Heading --> <h6>S</h6> </div> </div> </div> <div class="ui-foot"> <div class="row"> <div class="col-xs-6"> <h3>Today</h3> <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2> </div> <div class="col-xs-6"> <h3>Yesterday</h3> <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <!-- UI Item --> <div class="ui-item"> <div class="ui-top"> <!-- Heading --> <h4>Yesterday's Visitors</h4> </div> <div class="ui-chart"> <div class="list"> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-red" style="height:40%"></div> </div> <!-- Heading --> <h6>S</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-green" style="height:30%"></div> </div> <!-- Heading --> <h6>M</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-yellow" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-lblue" style="height:70%"></div> </div> <!-- Heading --> <h6>W</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-orange" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-rose" style="height:47%"></div> </div> <!-- Heading --> <h6>F</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-purple" style="height:22%"></div> </div> <!-- Heading --> <h6>S</h6> </div> </div> </div> <div class="ui-foot"> <div class="row"> <div class="col-xs-6"> <h3>Today</h3> <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2> </div> <div class="col-xs-6"> <h3>Yesterday</h3> <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <!-- UI Item --> <div class="ui-item"> <div class="ui-top"> <!-- Heading --> <h4>Total Downloads</h4> </div> <div class="ui-chart"> <div class="list"> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-red" style="height:40%"></div> </div> <!-- Heading --> <h6>S</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-green" style="height:30%"></div> </div> <!-- Heading --> <h6>M</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-yellow" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-lblue" style="height:70%"></div> </div> <!-- Heading --> <h6>W</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-orange" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-rose" style="height:47%"></div> </div> <!-- Heading --> <h6>F</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-purple" style="height:22%"></div> </div> <!-- Heading --> <h6>S</h6> </div> </div> </div> <div class="ui-foot"> <div class="row"> <div class="col-xs-6"> <h3>Today</h3> <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2> </div> <div class="col-xs-6"> <h3>Yesterday</h3> <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <!-- UI Item --> <div class="ui-item"> <div class="ui-top"> <!-- Heading --> <h4>Current Income</h4> </div> <div class="ui-chart"> <div class="list"> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-red" style="height:40%"></div> </div> <!-- Heading --> <h6>S</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-green" style="height:30%"></div> </div> <!-- Heading --> <h6>M</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-yellow" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-lblue" style="height:70%"></div> </div> <!-- Heading --> <h6>W</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-orange" style="height:60%"></div> </div> <!-- Heading --> <h6>T</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-rose" style="height:47%"></div> </div> <!-- Heading --> <h6>F</h6> </div> <!-- Item --> <div class="l-item"> <div class="graph"> <!-- Height --> <div class="in-graph bg-purple" style="height:22%"></div> </div> <!-- Heading --> <h6>S</h6> </div> </div> </div> <div class="ui-foot"> <div class="row"> <div class="col-xs-6"> <h3>Today</h3> <h2 class="red">3,589 <i class="fa fa-caret-up"></i></h2> </div> <div class="col-xs-6"> <h3>Yesterday</h3> <h2 class="green">5,467 <i class="fa fa-caret-down"></i></h2> </div> </div> </div> </div> </div> </div> </div> </div>
Comments