view count

<section id="main-content">
          <section class="wrapper">
              <!--state overview start-->
              <div class="row state-overview">
                  <div class="col-lg-3 col-sm-6">
                      <section class="panel">
                          <div class="symbol terques">
                              <i class="fa fa-user"></i>
                          </div>
                          <div class="value">
                              <h1 class="count">
                                  0
                              </h1>
                              <p>New Users</p>
                          </div>
                      </section>
                  </div>
                  <div class="col-lg-3 col-sm-6">
                      <section class="panel">
                          <div class="symbol red">
                              <i class="fa fa-tags"></i>
                          </div>
                          <div class="value">
                              <h1 class=" count2">
                                  0
                              </h1>
                              <p>Sales</p>
                          </div>
                      </section>
                  </div>
                  <div class="col-lg-3 col-sm-6">
                      <section class="panel">
                          <div class="symbol yellow">
                              <i class="fa fa-shopping-cart"></i>
                          </div>
                          <div class="value">
                              <h1 class=" count3">
                                  0
                              </h1>
                              <p>New Order</p>
                          </div>
                      </section>
                  </div>
                  <div class="col-lg-3 col-sm-6">
                      <section class="panel">
                          <div class="symbol blue">
                              <i class="fa fa-bar-chart-o"></i>
                          </div>
                          <div class="value">
                              <h1 class=" count4">
                                  0
                              </h1>
                              <p>Total Profit</p>
                          </div>
                      </section>
                  </div>
              </div>
              <!--state overview end-->

              <div class="row">
                  <div class="col-lg-8">
                      <!--custom chart start-->
                      <div class="border-head">
                          <h3>Graph Products Sold</h3>
                      </div>
                      <div id="lama">

                        <div id="body">
                            <div id="chart"></div>
                          </div>
                        </div>

                      <!--custom chart end-->
                  </div>
                  <div class="col-lg-4">
                      <!--new earning start-->
                      <div class="border-head">
                          <h3>User Browser</h3>
                      </div>
                      <div id="useragent">

                        <div id="body">
                            <div id="chart"></div>
                          </div>
                        </div>
                      <!--total earning end-->
                  </div>
              </div>
               <div class="row">
                  <div class="col-sm-6">
                      <section class="panel">
                          <header class="panel-heading">
                              Recent Message <a class="pull-right btn btn-success btn-xs" href="">View All</a>
                          </header>
                          <table class="table table-striped">
                              <thead>
                              <tr>
                                  <th><i class="fa fa-retweet"></i> Email</th>
                                  <th class="hidden-phone"><i class="fa fa-edit"></i> Subject</th>
                                  <th><i class="fa  fa-envelope"></i> Message</th>
                              </tr>
                              </thead>
                              <tbody>
                              <tr>
                                  <td>3</td>
                                  <td>Larry</td>
                                  <td>the Bird</td>
                              </tr>
                              </tbody>
                          </table>
                      </section>
                  </div>
                  <div class="col-sm-6">
                      <section class="panel">
                          <header class="panel-heading">
                              Recent Order <a class="pull-right btn btn-success btn-xs" href="">View All</a>
                          </header>
                          <table class="table table-striped">
                              <thead>
                              <tr>
                                  <th><i class="fa  fa-bookmark"></i> Id Product</th>
                                  <th class="hidden-phone"><i class="fa fa-briefcase"></i> Name Product</th>
                                  <th><i class="fa fa-money"></i> Price</th>
                                  <th><i class=" fa fa-question-circle"></i> Status</th>
                              </tr>
                              </thead>
                              <tbody>
                              <tr>
                                  <td>3</td>
                                  <td>Larry</td>
                                  <td>the Bird</td>
                                  <td><span class="label label-primary label-mini">Paid</span></td>
                              </tr>
                              </tbody>
                          </table>
                      </section>
                  </div>
              </div>

          </section>
      </section>