Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- 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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement