2222222222z
<!-- Start right content -->
<div class="content-page">
  <!-- ============================================================== -->
  <!-- Start Content here -->
  <!-- ============================================================== -->
  <div class="content">
    <!-- Start info box -->
    <div class="row top-summary">
      <div class="col-lg-3 col-md-6">
        <div class="widget green-1 animated fadeInDown">
          <div class="widget-content padding">
            <div class="widget-icon">
              <i class="icon-globe-inv"></i>
            </div>
            <div class="text-box">
              <p class="maindata">TOTAL <b>VISITORS</b></p>
              <h2><span class="animate-number" data-value="25153" data-duration="3000">0</span></h2>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="widget-footer">
            <div class="row">
              <div class="col-sm-12">
                <i class="fa fa-caret-up rel-change"></i> <b>39%</b> increase in traffic
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="widget darkblue-2 animated fadeInDown">
          <div class="widget-content padding">
            <div class="widget-icon">
              <i class="icon-bag"></i>
            </div>
            <div class="text-box">
              <p class="maindata">TOTAL <b>SALES</b></p>
              <h2><span class="animate-number" data-value="6399" data-duration="3000">0</span></h2>

              <div class="clearfix"></div>
            </div>
          </div>
          <div class="widget-footer">
            <div class="row">
              <div class="col-sm-12">
                <i class="fa fa-caret-down rel-change"></i> <b>11%</b> decrease in sales
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="widget orange-4 animated fadeInDown">
          <div class="widget-content padding">
            <div class="widget-icon">
              <i class="fa fa-dollar"></i>
            </div>
            <div class="text-box">
              <p class="maindata">OVERALL <b>INCOME</b></p>
              <h2>$<span class="animate-number" data-value="70389" data-duration="3000">0</span></h2>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="widget-footer">
            <div class="row">
              <div class="col-sm-12">
                <i class="fa fa-caret-down rel-change"></i> <b>7%</b> decrease in income
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

      <div class="col-lg-3 col-md-6">
        <div class="widget lightblue-1 animated fadeInDown">
          <div class="widget-content padding">
            <div class="widget-icon">
              <i class="fa fa-users"></i>
            </div>
            <div class="text-box">
              <p class="maindata">TOTAL <b>USERS</b></p>
              <h2><span class="animate-number" data-value="18648" data-duration="3000">0</span></h2>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="widget-footer">
            <div class="row">
              <div class="col-sm-12">
                <i class="fa fa-caret-up rel-change"></i> <b>6%</b> increase in users
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>

    </div>
    <!-- End of info box -->

    <div class="row">
      <div class="col-lg-8 portlets">
        <div id="website-statistics1" class="widget">
          <div class="widget-header transparent">
            <h2><i class="icon-chart-line"></i> <strong>Website</strong> Statistics</h2>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
              <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                <i class="fa fa-cogs"></i>
              </a>
              <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
              <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div class="widget-content">
            <div id="website-statistic" class="statistic-chart">
              <div class="row stacked">
                <div class="col-sm-12">
                  <div class="toolbar">
                    <div class="pull-left">
                      <div class="btn-group">
                        <a href="#" class="btn btn-default btn-xs">Daily</a>
                        <a href="#" class="btn btn-default btn-xs active">Monthly</a>
                        <a href="#" class="btn btn-default btn-xs">Yearly</a>
                      </div>
                    </div>
                    <div class="pull-right">
                      <div class="btn-group">
                        <a class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                          Export <i class="icon-down-open-2"></i>
                        </a>
                        <ul class="dropdown-menu pull-right" role="menu">
                          <li><a href="#">Export as PDF</a></li>
                          <li><a href="#">Export as CSV</a></li>
                          <li><a href="#">Export as PNG</a></li>
                          <li class="divider"></li>
                          <li><a href="#">Separated link</a></li>
                        </ul>
                      </div>
                      <a href="#" class="btn btn-primary btn-xs"><i class="icon-cog-2"></i></a>
                    </div>
                    <div class="clearfix"></div>
                  </div>
                  <div class="clearfix"></div>
                  <div id="morris-home" class="morris-chart" style="height: 270px;"></div>
                </div>
              </div>
            </div>
          </div>
        </div>


      </div>
      <div class="col-lg-4 portlets">
        <div class="widget darkblue-3">
          <div class="widget-header transparent">
            <h2><strong>Server</strong> Status</h2>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
              <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                <i class="fa fa-cogs"></i>
              </a>
              <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
              <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div class="widget-content">
            <div id="website-statistic2" class="statistic-chart">

              <div class="col-sm-12 stacked">
                <h4><i class="fa fa-circle-o text-green-1"></i> Server Loads</h4>
                <div class="col-sm-8 status-data">

                  <div class="col-xs-12">
                    <div class="row stacked">
                      <div class="col-xs-4 text-center right-border">
                        Processes<br>
                        <span class="animate-number" data-value="322" data-duration="3000">0</span>
                      </div>
                      <div class="col-xs-4 text-center right-border">
                        Connections<br>
                        <span class="animate-number" data-value="4789" data-duration="3000">0</span>
                      </div>
                      <div class="col-xs-4 text-center">
                        Avg. Load<br>
                        <span class="animate-number" data-value="76" data-duration="3000">0</span>
                      </div>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                  <div class="progress progress-xs">
                    <div style="width: 72%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="72" role="progressbar" class="progress-bar bg-orange-2" title="Average Load: 76%" data-placement="right" data-toggle="tooltip">
                      <span class="sr-only">72% Complete (success)</span>
                    </div>
                  </div>
                </div>
                <div class="col-sm-4 text-center">
                  <div class="ws-load echart" data-percent="50"><span class="percent"></span></div>
                </div>
              </div>
              <div class="clearfix"></div>
              <div id="home-chart-2"></div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="row">
      <div class="col-lg-8 portlets">
        <div class="widget">
          <div class="widget-header">
            <h2><i class="icon-chart-pie-1"></i> <strong>Sales</strong> Report</h2>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
              <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                <i class="fa fa-cogs"></i>
              </a>
              <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
              <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div class="widget-content">
            <div class="row stacked">
              <div class="col-sm-5 mini-stats">
                <div id="morris-bar-home" class="morris-chart" style="height: 170px;"></div>
                <div class="sales-report-data">
                  <span class="pull-left">Completed Sales</span><span class="pull-right">65 / 174</span>
                  <div class="progress progress-xs">
                    <div style="width: 38%;" class="progress-bar bg-blue-1"></div>
                  </div>
                  <div class="clearfix"></div>
                  <span class="pull-left">Return(s) Processed</span><span class="pull-right">22 / 25</span>
                  <div class="progress progress-xs">
                    <div style="width: 88%;" class="progress-bar bg-lightblue-1"></div>
                  </div>
                  <div class="clearfix"></div>
                  <span class="pull-left">Shipped Products</span><span class="pull-right">418 / 624</span>
                  <div class="progress progress-xs">
                    <div style="width: 58%;" class="progress-bar"></div>
                  </div>
                  <div class="clearfix"></div>
                  <span class="pull-left">Overall Product Stock</span><span class="pull-right">19%</span>
                  <div class="progress progress-xs">
                    <div style="width: 19%;" class="progress-bar bg-pink-1"></div>
                  </div>
                </div>
              </div>
              <div class="col-sm-7">
                <div id="vector-map" style="height:370px"></div>
              </div>
            </div>
            <div class="clearfix"></div>
            <div id="sales-report" class="collapse in hidden-xs">
              <div class="table-responsive">
                <table data-sortable class="table table-striped">
                  <thead>
                  <tr><th width="70">No</th><th data-sortable="false" width="40"><input type="checkbox" id="select-all-rows"></th><th width="120">Order ID</th><th>Buyer</th><th width="100">Status</th><th width="150">Location</th><th width="120">Total</th></tr>
                  </thead>
                  <tbody>
                  <tr><td>1</td><td><input type="checkbox" class="rows-check"></td><td>#0021</td><td><a href="#">John Doe</a></td><td><span class="label label-primary">Order</span></td><td>Yogyakarta, ID</td><td><strong class="text-primary">&#36; 1,245</strong></td></tr>
                  <tr><td>2</td><td><input type="checkbox" class="rows-check"></td><td>#0022</td><td><a href="#">Johnny Depp</a></td><td><span class="label label-success">Payment</span></td><td>London, UK</td><td><strong class="text-success">&#36; 1,245</strong></td></tr>
                  <tr><td>3</td><td><input type="checkbox" class="rows-check"></td><td>#0023</td><td><a href="#">Scarlett Johansson</a></td><td><span class="label label-success">Payment</span></td><td>Canbera, AU</td><td><strong class="text-success">&#36; 1,245</strong></td></tr>
                  <tr><td>4</td><td><input type="checkbox" class="rows-check"></td><td>#0024</td><td><a href="#">Hanna Barbara</a></td><td><span class="label label-danger">Cancel</span></td><td>Bali, ID</td><td><strong class="text-danger">&#36; 1,245</strong></td></tr>
                  <tr><td>5</td><td><input type="checkbox" class="rows-check"></td><td>#0025</td><td><a href="#">Ali Larter</a></td><td><span class="label label-primary">Order</span></td><td>Bandung, ID</td><td><strong class="text-primary">&#36; 1,245</strong></td></tr>
                  <tr><td>6</td><td><input type="checkbox" class="rows-check"></td><td>#0026</td><td><a href="#">Willy Wonka</a></td><td><span class="label label-danger">Cancel</span></td><td>Semarang, ID</td><td><strong class="text-danger">&#36; 1,245</strong></td></tr>
                  <tr><td>7</td><td><input type="checkbox" class="rows-check"></td><td>#0027</td><td><a href="#">Chris Isaac</a></td><td><span class="label label-warning">Waiting</span></td><td>New York, US</td><td><strong class="text-warning">&#36; 1,245</strong></td></tr>
                  <tr><td>8</td><td><input type="checkbox" class="rows-check"></td><td>#0028</td><td><a href="#">Jenny Doe</a></td><td><span class="label label-primary">Order</span></td><td>Boston, US</td><td><strong class="text-primary">&#36; 1,245</strong></td></tr>
                  <tr><td>9</td><td><input type="checkbox" class="rows-check"></td><td>#0029</td><td><a href="#">Ban ki moon</a></td><td><span class="label label-danger">Cancel</span></td><td>Boston, US</td><td><strong class="text-danger">&#36; 1,245</strong></td></tr>

                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 portlets">
        <div class="row">
          <div class="col-sm-12">
            <div id="todo-app" class="widget">
              <div class="widget-header centered">
                <div class="left-btn"><a class="btn btn-sm btn-default add-todo"><i class="fa fa-plus"></i></a></div>
                <h2>Todo List</h2>
                <div class="additional-btn">
                  <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                  <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
                  <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                  <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                  <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                </div>
              </div>
              <div class="widget-content padding-sm">
                <ul class="todo-list">
                  <li>
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Generate monthly sales report for John</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                    <span class="todo-tags pull-right">
													<div class="label label-success">New</div>
												</span>
                  </li>
                  <li class="high">
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Mail those reports to John</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                  </li>
                  <li>
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Don't forget to send those reports to John</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                  </li>
                  <li class="medium">
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">If you forgot, go back to office to pick them up</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                    <span class="todo-tags pull-right">
													<div class="label label-info">Today</div>
												</span>
                  </li>
                  <li class="low">
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Deliver reports by hand to John</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                  </li>
                  <li>
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Say John that you are sorry</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                  </li>
                  <li>
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Beg for your job...</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                    <span class="todo-tags pull-right">
													<div class="label label-danger">Important</div>
												</span>
                  </li>
                  <li>
                    <span class="check-icon"><input type="checkbox" /></span>
                    <span class="todo-item">Look for a new job</span>
                    <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i class="icon-cancel-3"></i></a>
												</span>
                    <span class="todo-tags pull-right">
													<div class="label label-warning"><i class="icon-search"></i></div>
												</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-12">
            <div id="notes-app" class="widget">
              <div class="notes-line"></div>
              <div class="widget-header centered transparent">
                <div class="left-btn btn-group"><a class="btn btn-sm btn-primary add-note"><i class="fa fa-plus"></i></a><a class="btn btn-sm btn-primary back-note-list"><i class="icon-align-justify"></i></a></div>
                <h2>Notes</h2>
                <div class="additional-btn">
                  <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                  <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
                  <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                  <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                  <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                </div>
              </div>
              <div class="widget-content padding-sm">
                <div id="notes-list">
                  <div class="scroller">
                    <ul class="list-unstyled">
                    </ul>
                  </div>
                </div>
                <div id="note-data">
                  <form>
                    <textarea class="form-control" id="note-text" placeholder="Your note..."></textarea>
                  </form>
                </div>
                <div class="status-indicator">Saved</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 portlets">
        <div id="weather-widget" class="widget">
          <div class="widget-header transparent">
            <h2><strong>Weather</strong> Widget</h2>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
              <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                <i class="fa fa-cogs"></i>
              </a>
              <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
              <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div id="weather" class="widget-content">

          </div><i class="wi-day-rain-mix"></i>
          <button class="js-geolocation btn btn-sm btn-default" style="display: none;">Use Your Location</button>
        </div>
      </div>

      <div class="col-lg-4 col-md-6 portlets">
        <div id="calendar-widget2" class="widget blue-1">
          <div class="widget-header transparent">
            <h2><strong>Calendar</strong> Widget</h2>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div id="calendar-box2" class="widget-content col-sm-12">

          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 portlets">
        <div id="calc" class="widget darkblue-2">
          <div class="widget-header">
            <div class="additional-btn left-toolbar">
              <div class="btn-group">
                <a class="additional-icon" id="dropdownMenu2" data-toggle="dropdown">
                  Calculator <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
                  <li><a href="#">Save</a></li>
                  <li><a href="#">Export</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Quit</a></li>
                </ul>
              </div>
            </div>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>

              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div id="calculator" class="widget-content">
            <div class="calc-top col-xs-12">
              <div class="row">
                <div class="col-xs-3"><span class="calc-clean">C</span></div>
                <div class="col-xs-9"><div class="calc-screen"></div></div>
              </div>
            </div>

            <div class="calc-keys col-xs-12">
              <div class="row">
                <div class="col-xs-3"><span>7</span></div>
                <div class="col-xs-3"><span>8</span></div>
                <div class="col-xs-3"><span>9</span></div>
                <div class="col-xs-3"><span class="calc-operator">+</span></div>
              </div>
              <div class="row">
                <div class="col-xs-3"><span>4</span></div>
                <div class="col-xs-3"><span>5</span></div>
                <div class="col-xs-3"><span>6</span></div>
                <div class="col-xs-3"><span class="calc-operator">-</span></div>
              </div>
              <div class="row">
                <div class="col-xs-3"><span>1</span></div>
                <div class="col-xs-3"><span>2</span></div>
                <div class="col-xs-3"><span>3</span></div>
                <div class="col-xs-3"><span class="calc-operator">÷</span></div>
              </div>
              <div class="row">
                <div class="col-xs-3"><span>0</span></div>
                <div class="col-xs-3"><span>.</span></div>
                <div class="col-xs-3"><span class="calc-eval">=</span></div>
                <div class="col-xs-3"><span class="calc-operator">x</span></div>
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-8 col-md-6 portlets">

      </div>
      <div class="col-lg-4 col-md-6 portlets">
        <div id="stock-app" class="widget green-3">
          <div class="widget-header transparent">
            <h2><strong>Stock</strong> Markets</h2>
            <div class="additional-btn">
              <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
              <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                <i class="fa fa-cogs"></i>
              </a>
              <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
              <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i class="icon-publish"></i></a>
              <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
              <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
              <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
            </div>
          </div>
          <div class="widget-content">
            <div id="website-statistic3" class="statistic-chart">
              <div class="row">
                <div class="col-xs-6">
                  <h2>NASDAQ</h2>
                </div>
                <div class="col-xs-6">
                  <label id="nasdaq-status" class="stock-status"></label>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-6">
                  <h2>DOW JONES</h2>
                </div>
                <div class="col-xs-6">
                  <label id="dow-status" class="stock-status"></label>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-6">
                  <h2>S&P</h2>
                </div>
                <div class="col-xs-6">
                  <label id="sp-status" class="stock-status"></label>
                </div>
              </div>
            </div>
            <div id="home-chart-3"></div>
          </div>
          <div class="widget-footer">
          </div>
        </div>
      </div>
    </div>

    <!-- Footer Start -->
    <footer>
      Huban Creative &copy; 2014
      <div class="footer-links pull-right">
        <a href="#">About</a><a href="#">Support</a><a href="#">Terms of Service</a><a href="#">Legal</a><a href="#">Help</a><a href="#">Contact Us</a>
      </div>
    </footer>
    <!-- Footer End -->
  </div>
  <!-- ============================================================== -->
  <!-- End content here -->
  <!-- ============================================================== -->

</div>
<!-- End right content -->