
    <div class="usesection">
      <div class="container">
         <div class="row justify-content-center">
          <div class="col-6 col-sm-2 col-md-2 text-center">
            <div class="user-home-menu-sub ">
              <a href="user_profile" class="">
                <img src="<?php echo base_url()?>assets/img/user.png" class="w-100">
                <h4>MY PROFILE</h4>
              </a>
            </div>
          </div>
          <div class="col-6 col-sm-2 col-md-2 text-center">
            <div class="user-home-menu-sub ">
              <a href="service" class="">
                <img src="<?php echo base_url()?>assets/img/email.png" class="w-100">
                <h4>SERVICES</h4>
              </a>
            </div>
          </div>
          <div class="col-6 col-sm-2 col-md-2 text-center">
            <div class="user-home-menu-sub">
              <a href="support" class="">
                <img src="<?php echo base_url()?>assets/img/support.png" class="w-100">
                <h4>SUPPORT</h4>
              </a>
            </div>
          </div>
          <div class="col-6 col-sm-2 col-md-2 text-center">
            <div class="user-home-menu-sub active">
              <a href="<?php echo base_url()?>orders" class="">
                <img src="<?php echo base_url()?>assets/img/billing.png" class="w-100">
                <h4>ORDERS</h4>
              </a>
            </div>
          </div>
          <div class="col-6 col-sm-2 col-md-2 text-center">
            <div class="user-home-menu-sub">
              <a href="billing" class="">
                <img src="<?php echo base_url()?>assets/img/billing.png" class="w-100">
                <h4>BILLING HISTORY</h4>
              </a>
            </div>
          </div>
        </div>
        
        <p style="font-weight:bold">Your All Order Details</p>
        <table class="table">
          <thead class="thead-light">
              <th>Sl.No.</th>
              <th>Plan Name</th>
              <th>Expiry Date</th>
              <th>Price</th>
              <th>Duration</th>
              <th>Subtotal</th>
          </thead>
          <tbody>
            <?php 
            $i=1;
            if(isset($data['0']))
            {
              foreach($data as $row)
              {
                ?>
                <tr>
                  <td><?php echo $i?></td>
                  <td><?php echo $row->plan_name?></td>
                  <td><?php echo $row->exp_date?></td>
                  <td><?php echo $row->price?></td>
                  <td><?php echo $row->period?></td>
                  <td><?php echo $row->subtotal?></td>
                </tr>
                <?php
                $i++;
              }
            }
            ?>
            
          </tbody>
        </table>
      
          </div>
        </div>
      </div>
    </div>
    <div class="footer">
      <footer>
        <div class="container">
          <div class="row">
            <div class="col-sm-6 col-md-3 col-lg-3">
              <h4>DOMAINS</h4>
              <ul>
                <li>Register Domain Name</li>
                <li>View Domain Pricing</li>
                <li>Bulk Domain Register</li>
                <li>Bulk Domain Transfer</li>
                <li>Whois Lookup</li>
                <li>Name Suggestion Tool</li>
                <li>Free with Every Domain</li>
                <li>View Promos</li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
              <h4>HOSTING & PRODUCTS</h4>
              <ul>
                <li>Linux Hosting</li>
                <li>Windows Hosting</li>
                <li>Wordpress Hosting</li>
                <li>Linux Reseller Hosting</li>
                <li>Windows Reseller Hosting</li>
                <li>Dedicated Servers</li>
                <li>Managed Servers</li>
                <li>Cloud Hosting</li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
              <h4>INFRASTRUCTURE</h4>
              <ul>
                <li>Datacenter Details</li>
                <li>Hosting Security</li>
                <li>24 x 7 Servers Monitoring</li>
                <li>Backup and Recovery</li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3 m-auto">
              <ul class="list-inline">
                <li class="list-inline-item"><a href="https://www.facebook.com/asianet.hosting"><h3><i class="fab fa-facebook-square"></i></h3></a></li>
                <li class="list-inline-item"><h3><i class="fab fa-youtube"></i></h3></li>
                <li class="list-inline-item"><h3><i class="fab fa-twitter-square"></i></h3></li>
              </ul>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <!-- <script src="https://threejs.org/examples/js/libs/stats.min.js"></script> -->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="<?php echo base_url()?>assets/js/jquery-3.3.1.slim.min.js"></script>
    <script src="<?php echo base_url()?>assets/js/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url()?>assets/js/wow.js"></script>
    <script>
    new WOW().init();
    </script>
    <script>
    let navWrapper = document.querySelector('.nav-wrapper'),
    navToogler =  document.querySelector('.nav-toogler')
    navToogler.addEventListener('click', function (event) {
    navWrapper.classList.toggle('active')
    })
    </script>
    <script type="text/javascript">
    particlesJS("particles-js", {"particles":{"number":{"value":80,"density":{"enable":true,"value_area":800}},"color":{"value":"#000000"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg",}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#000000","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});var count_particles, stats, update; stats = new Stats; stats.setMode(0); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px'; stats.domElement.style.top = '0px'; document.body.appendChild(stats.domElement); count_particles = document.querySelector('.js-count-particles'); update = function() { stats.begin(); stats.end(); if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) { count_particles.innerText = window.pJSDom[0].pJS.particles.array.length; } requestAnimationFrame(update); }; requestAnimationFrame(update);;
    </script>
  </body>
</html>