https://www.xoptimus.in/

Submitted URL:
https://xoptimus.in/Redirected
Report Finished:

The outgoing links identified from the page

LinkText
https://youtu.be/dn9kQybFSsw watch video
https://amzn.to/3BmVPpG
http://fkrt.it/VpiH5juuuN
https://play.google.com/store/apps/details?id=com.hivericks.nextgenmobilechargerDownload fromGoogle Play
https://www.youtube.com/watch?v=7tPVZHEx0OMwatch video
https://www.youtube.com/watch?v=X4Lo-tqIS0Mwatch video
https://www.ci-tic.com/chennai-next-start-up/Read More
https://www.thehindu.com/news/national/tamil-nadu/six-start-ups-incubated-in-iiit-sri-city-receive-grants/article34012040.eceRead More
https://www.startupindiainnovationweek.in/Read More
https://hexgn.com/hivericks-is-building-next-gen-battery-chargers/Read More

JavaScript Variables · 100 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
0object
1object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__cfQRobject
hjfunction
_hjSettingsobject
$function
jQueryfunction

Console log messages · 8 found

Messages logged to the web console

TypeCategoryLog
logjavascript
Text
JSHandle@array
logother
Text
%cSTOP! color:red;font-size:xx-large;font-weight:bold;
logother
Text
%cThis is a browser feature intended for developers. Do not enter or paste code which you don't understand. It may allow attackers to steal your information or impersonate you. See https://en.wikipedia.org/wiki/Self-XSS for more details font-size:large;
verbosedom
URL
https://www.xoptimus.in/
Text
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o
verbosedom
URL
https://www.xoptimus.in/
Text
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o
verbosedom
URL
https://www.xoptimus.in/
Text
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o
verbosedom
URL
https://www.xoptimus.in/
Text
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o
verbosedom
URL
https://www.xoptimus.in/
Text
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
      <script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-SB9ZPVFX3W&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript">
         (function(h,o,t,j,a,r){
             h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
             h._hjSettings={hjid:919472,hjsv:6};
             a=o.getElementsByTagName('head')[0];
             r=o.createElement('script');r.async=1;
             r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
             a.appendChild(r);
         })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
      </script>
      <meta charset="utf-8">
      <meta content="width=device-width, initial-scale=1.0" name="viewport">
      <title>How To Fix Phone Battery Draining Fast? | Battery Draining Fast</title>
      <meta name="description" content="Is your phone's battery draining too quickly? XOptimus helps to cure Battery draining problems by replacing them with additional new technologies &amp; with great functionalities">
      <link rel="stylesheet" href="asset/css/style.css">
      <link rel="stylesheet" href="asset/css/bootstrap.min.css">
      <link rel="stylesheet" href="asset/css/responsive.css">
      <link rel="stylesheet" href="asset/css/owl.carousel.min.css">
      <link rel="stylesheet" href="asset/css/owl.theme.default.min.css">
      <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
      <link href="asset/css/aos.css" rel="stylesheet">
      <link rel="stylesheet" href="asset/css/normalize.min.css">
      <link rel="stylesheet" href="asset/css/ajax.min.css">
      <link rel="icon" type="image/x-icon" href="asset/img/fav.png">
      <!-- Rel- -->
      <link rel="canonical" href="https://www.xoptimus.in/">
      <!-- Robots -->
      <meta name="”robots”" content="index, follow">
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <!-- Primary Meta Tags -->
      <title>Our devices have become smarter over the years it’s time to make our chargers smart too.</title>
      <meta name="title" content="Our devices have become smarter over the years it’s time to make our chargers smart too.">
      <meta name="description" content="Our Xoptimus application for Laptops and Smartphones for Li-Ion Batteries maintains optimal charge levels based on individual usage pattern and other real-time battery parameters thus increasing longevity, performance and saving energy. XOptimus is currently supported on Android and Windows based Laptops , Smart phones and Tablets. Application is being upgraded to support on Ios devices as well and will be released soon.">
      <!-- Open Graph / Facebook -->
      <meta property="og:type" content="website">
      <meta property="og:url" content="https://www.xoptimus.in/">
      <meta property="og:title" content="Our devices have become smarter over the years it’s time to make our chargers smart too.">
      <meta property="og:description" content="Our Xoptimus application for Laptops and Smartphones for Li-Ion Batteries maintains optimal charge levels based on individual usage pattern and other real-time battery parameters thus increasing longevity, performance and saving energy. XOptimus is currently supported on Android and Windows based Laptops , Smart phones and Tablets. Application is being upgraded to support on Ios devices as well and will be released soon.">
      <meta property="og:image" content="">
  
      <!-- Twitter -->
      <meta property="twitter:card" content="summary_large_image">
      <meta property="twitter:url" content="https://www.xoptimus.in/">
      <meta property="twitter:title" content="Our devices have become smarter over the years it’s time to make our chargers smart too.">
      <meta property="twitter:description" content="Our Xoptimus application for Laptops and Smartphones for Li-Ion Batteries maintains optimal charge levels based on individual usage pattern and other real-time battery parameters thus increasing longevity, performance and saving energy. XOptimus is currently supported on Android and Windows based Laptops , Smart phones and Tablets. Application is being upgraded to support on Ios devices as well and will be released soon.">
      <meta property="twitter:image" content="">
      <script type="application/ld+json">
          {
            "@context": "https://schema.org",
            "@type": "Corporation",
            "name": "Xopitimus",
            "url": "https://www.xoptimus.in/",
            "logo": "https://www.xoptimus.in/index.html",
            "alternateName": "Hivericks"
          }
          </script>
  
  
      <script type="application/ld+json">
          {
            "@context": "http://www.schema.org",
            "@type": "WebSite",
            "name": "Xoptimus",
            "alternateName": "Hivericks",
            "url": "https://www.xoptimus.in/"
          }
           </script>
           
           
   <script async="" src="https://static.hotjar.com/c/hotjar-919472.js?sv=6"></script><script async="" src="https://script.hotjar.com/modules.720d0264984b164946ff.js" charset="utf-8"></script><style id="googleidentityservice_button_styles">.qJTHM{-moz-user-select:none;color:#202124;direction:ltr;font-family:"Roboto-Regular",arial,sans-serif;font-weight:400;margin:0;overflow:hidden}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{word-break:break-all}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-uaxL4e{-moz-border-radius:10px;border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf,.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u>div:nth-child(1){background-color:#1a73e8!important}.P1ekSe-ZMv3u>div:nth-child(2),.P1ekSe-ZMv3u>div:nth-child(3){background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{border-radius:4px;box-sizing:border-box;transition:background-color .218s,border-color .218s;-moz-user-select:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:"Google Sans",arial,sans-serif;font-size:14px;height:40px;letter-spacing:0.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:14px;height:32px;letter-spacing:0.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:11px;height:20px;letter-spacing:0.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:3px;border-bottom-left-radius:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{flex-grow:1;font-family:"Google Sans",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus{box-shadow:none;border-color:#d2e3fc;outline:none}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.04)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{border-radius:50%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:"Roboto";font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{-moz-border-radius:4px;border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}</style></head>
   <body data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0">
      <div id="overlay" style="display: none;">
         <div class="loader">Loading... </div>
      </div>
    <div id="header"><header class="nav-down">
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-EGZ0S07BXV"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-EGZ0S07BXV');
</script>

   <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      
      gtag('config', 'G-SB9ZPVFX3W');
   </script>
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12">
            <div class="brand_logo_head m-wt-50">
               <a href="index.html">
               <img src="asset/img/logo-png.png">
               </a>
            </div>
            <div class="main_menu m-wt-50 " id="first">
               <nav>
                  <a id="resp-menu" class="responsive-menu" href="#"><i class="fas fa-bars"></i></a>
                  <ul class="menu">
                     <li><a href="index.html">Home</a></li>
                     <li><a href="about-us.html">About Us</a></li>
                     <li><a href="products.html">Products</a>
                     </li>
                     <li><a href="index.html#media">Media</a></li>
                     <!--li><a href="#">Blog</a></li-->
                     <li>
                        <a href="contact-us.html">Contact Us</a>
                     </li>
                  </ul>
               </nav>
            </div>
            <div class="enq_btn">
               <ul>
                  <li style="display: none;"><a class="cart_icon shop_btn" href="shopping-cart.html" id="cd-cart-trigger"><i class="fas fa-shopping-cart"></i> <span class="cart_count" id="cart_count" style="display: none;">0</span></a></li>
                  <li style="display: none;"><a class="cart_icon" href="#"><i class="fas fa-user-tie"></i> <span class=""></span></a></li>
                  <li><a href="#" id="Login">Login</a></li>
                  <li><a href="#" id="Logout" style="display: none;">Logout</a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
   <script>
      sessionStorage.setItem("payment_redirect","https://www.xoptimus.in")
      sessionStorage.setItem("url", "https://api.hivericks.com");
      //sessionStorage.setItem("url", "https://devs1.hivericks.com");
      //sessionStorage.setItem("payment_redirect","https://www.hivericks.com/demo/xoptimus-website");
      sessionStorage.setItem("GClientId","989248026274-1keeee0rcudcq5onc4kvjuju5kf3jq5d.apps.googleusercontent.com");
      
   </script>
   <style>@import url(https://fonts.googleapis.com/css?family=Roboto:300,500,700);
      #alBox, .alBox {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(31, 31, 31, 0.85);
      display: none;
      font-family: 'Roboto', sans-serif;
      z-index: 1000;
      }
      #alBox-panel, .alBox-panel {
      margin: 0 auto;
      width: 300px;
      max-width: 100% !important;
      background-color: white;
      padding: 20px;
      border-radius: 10px;
      position: relative;
      top: 25vh;
      font-weight: 300;
      text-align: center;
      box-shadow: 0px 0px 15px #fff;
      }
      #alBox-title, .alBox-title {
      display: block;
      font-size: 1.5em;
      text-align: center;
      font-weight: 700;
      }
      #alBox-description, .alBox-description  {
      display: block;
      font-size: 1.0em;
      text-align: left;
      font-weight: 300;
      margin-bottom: 20px;
      margin-top: 20px;
      }
      #alBox-dismiss, .alBox-dismiss {
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
      box-shadow:inset 0px 1px 0px 0px #ffffff;
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
      background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
      background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
      background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
      background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
      background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
      background-color:#ffffff;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      border:1px solid #dcdcdc;
      display:inline-block;
      cursor:pointer;
      color:#666666;
      font-size:12px;
      font-weight: 300;
      padding:6px 24px;
      text-decoration:none;
      text-shadow:0px 1px 0px #ffffff;
      }
      #alBox-dismiss:hover, .alBox-dismiss:hover {
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
      background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
      background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
      background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
      background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
      background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
      background-color:#f6f6f6;
      }
      #alBox-dismiss:active, .alBox-dismiss:active {
      background:#f6f6f6;
      }
      #alBox hr {
      border: 0;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      }
   </style>
   <script>
      if (typeof jQuery == 'undefined') {
      console.log("jQuery library is not found.");
      } else {
      
      // TODO: Add general library information/comments
      // TODO: Add grunt/gulp to the project
      (function($) {
      
      var timer = null;
      
      $.fn.al = function(options) {
      
        // Define defaults
        var defaults = {
            title: "ALERT_TITLE",
            description: "ALERT_DESCRIPTION",
            seconds: 5
        };
      
        // Build settings, merging defaults and options
        var settings = $.extend( {}, defaults, options );
      
        // Build the alBoxPanel
        var html  = '<div id="alBox-panel">';
            html += '<span id="alBox-title"></span>';
            html += '<span id="alBox-description"></span>';
            html += '<hr />';
            html += '<button id="alBox-dismiss">Dismiss</button>';
            html += '</div>';
      
        // Place into DOM
        this.html(html);
      
        // Add the click handler for the dismiss button
        $("#alBox-dismiss").click(clearAl);
      
        $("#alBox").click(dismiss);
      
        // Replace the values
        this.find("#alBox-title").html(settings.title);
        this.find("#alBox-description").html(settings.description);
      
        // Fade in the alert box
        this.fadeIn();
      
        // If seconds isn't "infinite" set a timer to clear the box
        if (settings.seconds !== "infinite") {
            timer = setInterval(function () {
                clearTimeout(timer);
                clearAl();
                timer = null;
            }, settings.seconds * 1000);
        }
      
        // Preserve chaining
        return this;
      };
      
      /**
      * Dismiss only if the panel, title, description not part of the click event
      * @param e: event
      */
      function dismiss(e) {
        e.preventDefault();
        if(!$(e.target).is('#alBox-panel')
            && !$(e.target).is('#alBox-title')
            && !$(e.target).is('#alBox-description')) {
      
            // Clear the alert box
            clearAl();
        }
      }
      
      /**
      * Function that will fade the alert out and remove the HTML structure from the container
      */
      function clearAl() {
        clearInterval(timer);
        $("#alBox").fadeOut();
        $("#alBox").html('');
      }
      
      }(jQuery));
      }
   </script>
   <script src="https://accounts.google.com/gsi/client" async="" defer=""></script>
   <script>
      jQuery("#Login").click(function() {
         clearAl();
        $("#loginpopup").fadeIn();
        $("#LoginPanel").show();
      // Add the click handler for the dismiss button
      $(".authDismiss").click(clearAl);
      $("#loginpopup").click(clearAl);
        //LoginDismiss
        $(".authpanel").click(function(e){
       e.stopPropagation();
            });
      
      
      
      });
      function clearAl() {
      //    clearInterval(timer);
      $("#loginpopup").fadeOut();
      $("#RegisterPanel").hide();
      $("#ForgotPanel").hide();
        $("#GooglePanel").hide();
       
      // $("#alBox").html('');
      }
      function randomString(len) {
      var p = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
      return [...Array(len)].reduce(a=>a+p[~~(Math.random()*p.length)],'');
      }
      jQuery("#NavLogin").click(function() {
      event.preventDefault();
      
      var url=sessionStorage.getItem("url")+"/user_authenticate/v1/login/"
      var params =  { email: jQuery("#LoginEmail").val(),  password: jQuery("#LoginPassword").val(),client_id:randomString(20),app_id:"hi001"};
                     console.log(params);
                     sessionStorage.setItem("client_id", params.client_id);
      jQuery.post( url,params ,            
      
      
      (function( data, status ) {
       
       console.log(data);console.log(status);
      if(status=="success"){
      if (data.status=="Success" && data.Data.auth_token) {
      // alert(data);
      sessionStorage.setItem("token", data.Data.auth_token);
      sessionStorage.setItem("user_key", data.Data.user_key);
      sessionStorage.setItem("authenticate", 1);
        //alert("Authenticated");
        clearAl();
        $("#Login").hide();
        $("#Logout").show();
        try{
        checkAuthenticateStatus();
        }catch(exe){}
      
      }
      if (data.Data.temp_token) {
        sessionStorage.setItem("temp_token", data.Data.temp_token);
        if(data.Data.type == 1){
        EmailVerify(data.Data.temp_token)
        }
        if (data.Data.type== 2) {
           MobileVerify(data.Data.temp_token)
        }
      }
      if(data.status=="Failure"){
       alert(data.message);
      }
          
      }
      
      })).fail(function(response) {
      
      alert('Error: ' + 'Unable to login. Please email us: [email protected]');
      });
      
      
      });
   </script>
   <script>
      function EmailVerify(temp_token){
           let otp = prompt('Enter the OTP received on Mail');
           let bar = confirm('Confirm or deny');
           if(bar){
              var url=sessionStorage.getItem("url")+"/user_authenticate/v1/confirm_email/"
               var params =  { temp_token: temp_token, otp: otp};
                     console.log(params);
                         jQuery.post( url,params ,            
      
      
      (function( data, status ) {
       
       console.log(data);
              if(data.status=="Success"){
                 alert("Email verified");
                 if(data.Data.type==2){
                    MobileVerify(data.Data.temp_token)
                 }
         
           }else{
       alert(data.message);
      }
      
      }));
      }
      }
      function MobileVerify(temp_token){
           let otp = prompt('Enter the OTP received on Mobile');
           let bar = confirm('Confirm or deny');
           if(bar){
              var url=sessionStorage.getItem("url")+"/user_authenticate/v1/mobile_verified/"
               var params =  { temp_token: temp_token, otp: otp};
                     console.log(params);
                         jQuery.post( url,params ,            
      
      
      (function( data, status ) {
       
       console.log(data);
              if(data.status=="Success"){
                 AutoLogin(" ");
                 alert("Mobile verified");
                 clearAl();
           }else{
       alert(data.message);
      }
      
      }));
      }
      }
   </script>
   <script>
      function AutoLogin(params) {
         if (sessionStorage.getItem("origin")==1) {
           jQuery("#NavLogin").click();
         }
         if (sessionStorage.getItem("origin")==2) {
           GooglePostAction(" ");
         }
         
      }
   </script>
   <script>
      function handleCredentialResponse(response) {
       // console.log("Encoded JWT ID token: " + response.credential);
        sessionStorage.setItem("GoogleToken",response.credential);
      //  console.log("Response: " + JSON.stringify(response));
      GooglePostAction(response.credential);
      }
      window.onload = function () {
        google.accounts.id.initialize({
          client_id: sessionStorage.getItem("GClientId"),
          callback: handleCredentialResponse
        });
        google.accounts.id.renderButton(
          document.getElementById("buttonDiv"),
          { theme: "outline", size: "large" }  // customization attributes
        );
      //  google.accounts.id.prompt(); // also display the One Tap dialog
      }
      //<div id="buttonDiv"></div>
   </script>
   <script>
      function GooglePostAction(Gtoken){
        
      var url=sessionStorage.getItem("url")+"/user_authenticate/google_signup/"
      //fname,lname,email,number,country_code
      var params =  { 
         token:sessionStorage.getItem("GoogleToken"),
         app_id:"hi002",
         client_id:randomString(20),
         client_type:2
      }
        sessionStorage.setItem("origin",2)
         console.log(params);
                    sessionStorage.setItem("client_id", params.client_id);
      jQuery.post( url,params ,            
      
      
      (function( data, status ) {
         
       
       console.log(data);console.log(status);
      if(status=="success"){
      if (data.Data.auth_token) {
        sessionStorage.setItem("token", data.Data.auth_token);
      sessionStorage.setItem("user_key", data.Data.user_key);
      sessionStorage.setItem("authenticate", 1);
        //alert("Authenticated");
        clearAl();
        $("#Login").hide();
        $("#Logout").show();
        try{
        checkAuthenticateStatus();
        }catch(exe){}
      }
      if (data.Data.temp_token && data.Data.type == 3) {
      
         sessionStorage.setItem("temp_token", data.Data.temp_token);
         jQuery("#Login").click();
         $("#GooglePanel").show();
        $("#LoginPanel").hide();
      
      }
      if (data.Data.temp_token && data.Data.type == 2) {
      
      sessionStorage.setItem("temp_token", data.Data.temp_token);
      MobileVerify(data.Data.temp_token);
      
      }
      }
      }));
      }
   </script>
</header>
<div id="alBox"></div>
<style>.popup-background-login {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 5000;
   }
</style>
<div class="popup-background-login" style="display:none;" id="loginpopup">
   <div class="alBox-panel authpanel" id="LoginPanel" style="">
      <span class="alBox-title">Log in to your account</span>
      <hr>
      <br>
      <span>
         <div class="col">  <input type="email" name="email" id="LoginEmail" class="form-control" placeholder="Enter Your email" required=""> </div>
      </span>
      <br>
      <span>
         <div class="col">  <input type="password" name="email" id="LoginPassword" class="form-control" placeholder="Password" required=""> </div>
      </span>
      <br>
      <button class="alBox-dismiss" id="NavLogin">Login</button>
      <button class="alBox-dismiss authDismiss" id="">Dismiss</button>
      <hr>
      <div>
         <div id="buttonDiv"></div>
         <span class="alBox-description" style="text-align: center;"> <a id="RegisterTrigger" href="">Register Now</a> | <a id="ForgetPassword" href=""> Forget Password</a></span>
      </div>
   </div>
   <div class="alBox-panel authpanel" id="RegisterPanel" style="display: none;">
      <span class="alBox-title">Register your Account</span>
      <hr>
      <span>
         <div class="row" style="margin-left: 0% !important;margin-right: 0% !important;">
            <div class="col-lg-6">  <input type="name" name="name" id="RegFname" class="form-control" placeholder="First Name" required=""></div>
            <div class="col-lg-6">   <input type="name" name="name" id="RegLname" class="form-control" placeholder="Last Name" required=""> </div>
         </div>
      </span>
      <br>
      <span>
         <div class="col">  <input type="email" name="email" id="RegEmail" class="form-control" placeholder="Enter Your email" required=""> </div>
      </span>
      <br>
      <span>
         <div class="row" style="margin-left: 0% !important;margin-right: 0% !important;">
            <div class="col-lg-4">  <input type="email" name="countrycode" id="RegCountry" class="form-control" placeholder="" required="" value="+91"></div>
            <div class="col-lg-8">   <input type="email" name="Mobile" id="RegMobile" class="form-control" placeholder="Mobile" required=""> </div>
         </div>
      </span>
      <br>
      <span>
         <div class="col">  <input type="password" name="password" id="RegPassword" class="form-control PassValidator" placeholder="Password" required=""> </div>
      </span>
      <br>
      <span>
         <div class="col">  <input type="password" name="password" id="CRegPassword" class="form-control" placeholder="Password" required=""> </div>
      </span>
      <br>
      <button class="alBox-dismiss" id="RegButton">Register</button>
      <button class="alBox-dismiss authDismiss" id="">Dismiss</button>
      <hr>
      <div>
         <div id="buttonDiv"></div>
         <span class="alBox-description" style="text-align: center;">Already have account? <a id="LoginTrigger" href="">Login</a> </span>
      </div>
   </div>
   <div class="alBox-panel authpanel" id="GooglePanel" style="display: none;">
      <span class="alBox-title">Register your Account</span>
      <hr>
      <span>
         <div class="row" style="margin-left: 0% !important;margin-right: 0% !important;">
            <div class="col-lg-4">  <input type="email" name="countrycode" id="GoogleCountry" class="form-control" placeholder="" required="" value="+91"></div>
            <div class="col-lg-8">   <input type="email" name="Mobile" id="GoogleMobile" class="form-control" placeholder="Mobile" required=""> </div>
         </div>
      </span>
      <br>
      <button class="alBox-dismiss" id="GooglePanelButton">Submit</button>
      <button class="alBox-dismiss authDismiss" id="">Dismiss</button>
   </div>
   <div class="alBox-panel authpanel" id="ForgotPanel" style="width: 25% !important;display: none;">
      <span class="alBox-title">Forgot Password</span>
      <hr>
      <br>
      <span>
         <div class="col">  <input type="text" name="otp" id="ForgotEmail" class="form-control" placeholder="Enter Your OTP recived on mail" required=""> </div>
      </span>
      <br>
      <span>
         <div class="col">  <input type="password" name="password" id="ForgotPassword" class="form-control PassValidator" placeholder="Password" required=""> </div>
      </span>
      <br>
      <span>
         <div class="col">  <input type="password" name="password" id="CForgotPassword" class="form-control" placeholder="Password" required=""> </div>
      </span>
      <br>
      <button class="alBox-dismiss" id="ForgotButton">Submit</button>
      <button class="alBox-dismiss authDismiss" id="">Dismiss</button>
      <hr>
      <div>
         <div id="buttonDiv"></div>
         <span class="alBox-description" style="text-align: center;">Already have account? <a id="LoginTrigger" href="">Login</a> </span>
      </div>
   </div>
</div>
<script>
   $("#ForgotButton").on('click', function(event){
   event.preventDefault();
   var url=sessionStorage.getItem("url")+"/user_authenticate/v1/new_password/"
      //fname,lname,email,number,country_code
      var params =  { otp:jQuery("#ForgotEmail").val(),temp_token:sessionStorage.getItem("temp_token"), new_password: jQuery("#ForgotPassword").val(),cnew_password:jQuery("#CForgotPassword").val(),app_id:"hi001"};
                     console.log(params);
                    // sessionStorage.setItem("client_id", params.client_id);
      jQuery.post( url,params ,            
      
      
      (function( data, status ) {
       
       console.log(data);console.log(status);
      if(status=="success"){
      if (data.status=="Success") {
        alert("Your Password Succefully updated, Please Login.");
        jQuery("#Login").click();
      
      }
      else{
        alert(data.message);
      }
     }
     })
     );
   
   
   });
</script>
<script>
   $("#GooglePanelButton").on('click', function(event){
      event.preventDefault();
          
          var url=sessionStorage.getItem("url")+"/user_authenticate/mobile_validate/"
          //fname,lname,email,number,country_code
          var params =  { 
             country_code:jQuery("#GoogleCountry").val(),
             number:jQuery("#GoogleMobile").val(),
             temp_token:sessionStorage.getItem("temp_token")
          }
             console.log(params);
                        // sessionStorage.setItem("client_id", params.client_id);
          jQuery.post( url,params ,            
          
          
          (function( data, status ) {
           
           console.log(data);console.log(status);
          if(status=="success"){
             if (data.Data.temp_token) {
               clearAl();
                MobileVerify(data.Data.temp_token);
             }
          
         }
         })
         );
   });
    
</script>
<script>
   $(function() {
       if(1==sessionStorage.getItem("authenticate")){
           var url = sessionStorage.getItem("url")+"/user_authenticate/v1/heartbeat/";
           var xhr = new XMLHttpRequest();
           xhr.open("POST", url);
           xhr.setRequestHeader("Accept", "application/json");
           xhr.setRequestHeader("Content-Type", "application/json");
           xhr.setRequestHeader("TOKEN", sessionStorage.getItem("token"));
           xhr.onreadystatechange = function () {
               if (xhr.readyState === 4) {
                       var parsed = JSON.parse(xhr.responseText);
                          // console.log(parsed);
                           if(parsed.status=="Success"){
                               $("#Login").hide();
                                $("#Logout").show();
                           }
   
                   }};
           xhr.send();                
       } 
   });           
   
</script>
<script>
   let productlist = [{
       product_id:"xoptimus01",
       image:"asset/img/product/wall-adoptor.webp",
       price:1999,
       mrp:4999,
       gst:18,
       product_name:"wall adapter"
   },{
       product_id:"xoptimus02",
       image:"asset/img/product/usb-adaptor.webp",
       price:599,
       mrp:1999,
       gst:18,
       product_name:"USB adapter"
   },{
       product_id:"xoptimus03",
       image:"asset/img/product/charge2go.webp",
       price:999,
       mrp:2499,
       gst:18,
       product_name:"Charge2go"
   }];
   sessionStorage.setItem("productlist",JSON.stringify(productlist));
   
   function updateCart(product_id, qty){
    let cart = new Array();
    let merge = false;
   if(sessionStorage.getItem("cart")){
      cart = JSON.parse(sessionStorage.getItem("cart"));
   }
   let productlistCount = null;
   for(var j=0; j < productlist.length; j++){
      if(productlist[j].product_id == product_id){
          productlistCount = j;
          console.log("Productcount "+j)
      }
   }
   
   if(cart.length > 0){
      for ( var i = 0; i < cart.length; i++ ) {
          if(cart[i].product_id == product_id){
              if(qty == 0){
                cart.splice(i,1)
   
              }else{
                  cart[i].qty = qty;
                  
                  merge = true;
              }
          }
   
      }
      
   }
   console.log(merge);
   console.log(qty);
   console.log(productlistCount);
   
   if(!merge && qty != 0 && productlistCount != null){
          cart.push({
              "product_id":product_id,
              "qty":qty, 
              "product_name":productlist[productlistCount].product_name,
              "image":productlist[productlistCount].image,
              "price":productlist[productlistCount].price,
              "gst":productlist[productlistCount].gst,
              "mrp":productlist[productlistCount].mrp})
      }
    sessionStorage.setItem("cart", JSON.stringify(cart));
    displayCart();
    alert("Product Updated to Cart");
   }
   
   
   
   
   
   function displayCart(){
      let Dcart = []
      var html =""; var Checkouthtml= "";
   if(sessionStorage.getItem("cart")){
   
      Dcart = JSON.parse(sessionStorage.getItem("cart"));
   }
   var Subtotal = 0;
   console.log(Dcart);
   if(Dcart.length >0){
    for ( var i = 0; i < Dcart.length; i++ ) {
       html+='<tr> <th scope="row"><span class="product_cart_serial"> '+(i+1)+' </span></th> <td class="product_cart_img"><img src="'+Dcart[i].image+'" alt="image" /></td> <td class="product_cart_td"> '+Dcart[i].product_name+' </td> <td>Rs : '+Dcart[i].price+'</td> <td> <div class="number"> <span class="minus AddCartMinus" value="'+Dcart[i].product_id+'">-</span> <input id="c-'+Dcart[i].product_id+'" type="text" value="'+Dcart[i].qty+'" disabled/> <span class="plus AddCartPlus" value="'+Dcart[i].product_id+'">+</span> </div> </td> <td>Rs : '+Dcart[i].qty*Dcart[i].price+'</td> <td > <a value="'+Dcart[i].product_id+'" class="CartItemDelete" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z" /> </svg> </a> </td> </tr>';
       Subtotal += Dcart[i].price*Dcart[i].qty;
       Checkouthtml +='<tr> <td><span class="total_shipping">'+Dcart[i].product_name+" * "+Dcart[i].qty+' </span></td> <td>Rs: '+Dcart[i].qty*Dcart[i].price+'</td> </tr>';
    }
    
    try {$("#cartPageTabel").empty();
                        // <td><span class="ship_check" id="checkoutSubtotal">Sub Total : </span></td>
   
    document.getElementById("CartPageTabel").innerHTML=html;
   
    
    }
    catch(err) {}
    try {$("#CheckoutProducts").empty();
    document.getElementById("CheckoutProducts").innerHTML=Checkouthtml;
    
    }
    catch(err) {}
    document.getElementById("cart_count").innerHTML=Dcart.length;
   $("#cart_count").show();
   console.log("Array Length "+ Dcart.length);
   }else{
      $("#cartPageTabel").empty();
      try {
       
    document.getElementById("CartPageTabel").innerHTML= '<tr> <th scope="row"></th> <td ></td> <td > </td> <td>Your Cart is Empty <br> <a class="fl-r" href="products.html">Continue Shopping</a> </td> <td> </td> <td></td> <td> </td> </tr>';
       }catch(err) {} $("#cart_count").hide();
   }
   try {
   document.getElementById("CartSubTotal").innerHTML=Subtotal+".00";
   }catch(err){}
   try {
    document.getElementById("checkoutSubtotal").innerHTML=Subtotal+".00";
   } catch (error) {
    
   }
   }
   
   //updateCart("xoptimus02",3)
   
   
   displayCart();
</script>
<script>
   $(".CartItemDelete").on('click', function(event){
      console.log("click");
   
   
     var itemValue = $(this).attr("value")
    
     updateCart(itemValue,0)
     location.reload();
   
   });
   
</script>
<script>
   $(".AddCart").on('click', function(event){
     // console.log("click cart");
   
   
     var itemValue = $(this).attr("value")
     var qty = $(".Addqty").val()
    
     updateCart(itemValue,qty)
   
   });
   
</script>
<script>
   $(".ProductAddCart").on('click', function(event){
      event.preventDefault()
     // console.log("click cart");
   
   
     var itemValue = $(this).attr("value")
     //var qty = $(".Addqty").val()
    
     updateCart(itemValue,1)
   
   });
   
</script>
<script>
   $(".AddCartMinus").on('click', function(event){
      //console.log("click cart");
   
   
     var itemValue = $(this).attr("value")
     var idc = "#c-"+itemValue;
     var qty = Number($(idc).val());
    // console.log("Minus action:itemvalue-"+itemValue+"-idc:-"+idc+"-qty:-"+qty)
    
     updateCart(itemValue,qty-1)
     location.reload();
   });
   
</script>
<script>
   $(".AddCartPlus").on('click', function(event){
      //console.log("click cart");
   
   
     var itemValue = $(this).attr("value")
     var idc = "#c-"+itemValue;
     var qty = Number($(idc).val());
     //console.log("Add action:itemvalue-"+itemValue+"-idc:-"+idc+"-qty:-"+qty)
     updateCart(itemValue,qty+1)
     location.reload();
   });
   //let foo = prompt('Type here');
   //let bar = confirm('Confirm or deny');
</script>
<script>
   jQuery("#RegButton").click(function() {
       event.preventDefault();
       
       var url=sessionStorage.getItem("url")+"/user_authenticate/v1/signup/"
       //fname,lname,email,number,country_code
       var params =  { fname: jQuery("#RegFname").val(),lname: jQuery("#RegLname").val(),number: jQuery("#RegMobile").val(),country_code: jQuery("#RegCountry").val(),email: jQuery("#RegEmail").val(),  password: jQuery("#RegPassword").val(),cpassword:jQuery("#CRegPassword").val(),app_id:"hi001"};
                      console.log(params);
                     // sessionStorage.setItem("client_id", params.client_id);
       jQuery.post( url,params ,            
       
       
       (function( data, status ) {
        
        console.log(data);console.log(status);
       if(status=="success"){
       if (data.status=="Success") {
       
         $("#RegisterPanel").hide();
         $("#LoginPanel").show();
       
       }
       else{
         alert(data.message);
       }
      }
      })
      );
   });
</script>
<script>
   function  PasswordValidate(password) {
   //let password = $(element).val();
   if (!(/^(.{8,20}$)/.test(password))) {
       return 'Password must be between 8 to 20 characters long.';
   }
   else if (!(/^(?=.*[A-Z])/.test(password))) {
       return 'Password must contain at least one uppercase.';
   }
   else if (!(/^(?=.*[a-z])/.test(password))) {
       return 'Password must contain at least one lowercase.';
   }
   else if (!(/^(?=.*[0-9])/.test(password))) {
       return 'Password must contain at least one digit.';
   }
   else if (!(/^(?=.*[@#$%&])/.test(password))) {
       return "Password must contain special characters from @#$%&.";
   }
   return false;
   }
   
</script>
<script>
   $(".PassValidator").focusout(function() {
      //   console.log("working");
   let val1 = PasswordValidate($(this).val());
   if(val1 !=false){
   alert(val1);
   }
   });
</script>
<script>
   $("#Logout").on('click', function(event){
         LogoutFn(" ");
   });
    function LogoutFn(temp_token){
      var url = sessionStorage.getItem("url")+"/user_authenticate/v1/logout/";
            var xhr = new XMLHttpRequest();
            xhr.open("POST", url);
            xhr.setRequestHeader("Accept", "application/json");
            xhr.setRequestHeader("Content-Type", "application/json");
            xhr.setRequestHeader("TOKEN", sessionStorage.getItem("token"));
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                        var parsed = JSON.parse(xhr.responseText);
                           // console.log(parsed);
                            if(parsed.status=="Success"){
                                $("#Logout").hide();
                                 $("#Login").show();
                                 sessionStorage.setItem("token","");
                                 sessionStorage.setItem("authenticate", 0);
                                 alert("You have successfully logged out!");
                            }
    
                    }};
            xhr.send();                
        } 
   
</script>
<script>
   $("#RegisterTrigger").on('click', function(event){
      event.preventDefault();
      $("#RegisterPanel").show();
         $("#LoginPanel").hide();
   });
   $("#LoginTrigger").on('click', function(event){
      event.preventDefault();
      $("#RegisterPanel").hide();
         $("#LoginPanel").show();
   });
</script>
<script>
   $("#ForgetPassword").on('click', function(event){
      event.preventDefault();
            let otp = prompt('Enter your Email id');
            let bar = confirm('Confirm or deny');
            if(bar){
               var url=sessionStorage.getItem("url")+"/user_authenticate/v1/forgot_password/"
                var params =  { email: otp};
                      console.log(params);
                          jQuery.post( url,params ,            
       
       
       (function( data, status ) {
        
        console.log(data);
               if(status=="success"){
                  if (data.Data.temp_token) {
                     sessionStorage.setItem("temp_token",data.Data.temp_token);
                     $("#LoginPanel").hide();
                     $("#ForgotPanel").show();
                  }
                  
            }else{
        alert(data.message);
       }
   
       }));
      }
   
   });
   function ForgetPwd(temp_token){
      let otp = prompt('Enter the OTP received on Mobile');
            let bar = confirm('Confirm or deny');
            if(bar){
               var url=sessionStorage.getItem("url")+"/user_authenticate/v1/mobile_verified/"
                var params =  { temp_token: temp_token, otp: otp};
                      console.log(params);
                          jQuery.post( url,params ,            
       
       
       (function( data, status ) {
        
        console.log(data);
               if(status=="success"){
                  
            }else{
        alert(data.message);
       }
   
       }));
      }
   }
</script>
      <script>
         // Hide Header on on scroll down
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();

$(window).scroll(function(event){
    didScroll = true;
});

setInterval(function() {
    if (didScroll) {
        hasScrolled();
        didScroll = false;
    }
}, 250);

function hasScrolled() {
    var st = $(this).scrollTop();
    
    // Make sure they scroll more than delta
    if(Math.abs(lastScrollTop - st) <= delta)
        return;
    
    // If they scrolled down and are past the navbar, add class .nav-up.
    // This is necessary so you never see what is "behind" the navbar.
    if (st > lastScrollTop && st > navbarHeight){
        // Scroll Down
        $('header').removeClass('nav-down').addClass('nav-up');
    } else {
        // Scroll Up
        if(st + $(window).height() < $(document).height()) {
            $('header').removeClass('nav-up').addClass('nav-down');
        }
    }
    
    lastScrollTop = st;
}
      </script>
<script>
   if (navigator && navigator.userAgent) {
                console.log("%cSTOP!", "color:red;font-size:xx-large;font-weight:bold;")
                console.log("%cThis is a browser feature intended for developers. Do not enter or paste code which you don't understand. It may allow attackers to steal your information or impersonate you.\nSee https://en.wikipedia.org/wiki/Self-XSS for more details", "font-size:large;")
   }
   else{
            window.console.log("STOP!\nThis is a browser feature intended for developers. Do not enter or paste code which you don't understand. It may allow attackers to steal your information or impersonate you.\nSee https://en.wikipedia.org/wiki/Self-XSS for more details")
   }
  //bTopAction

</script>
<script>
   67

$(".bTopAction").click(function (event) {
   event.preventDefault();
   //1 second of animation time
   //html works for FFX but not Chrome
   //body works for Chrome but not FFX
   //This strange selector seems to work universally
   window.scroll(0, 0);
  // $("html, body").animate({scrollTop: 0}, 100);
   return false;
});
</script></div>
      
      <div class="home_banner">
         <div class="banner_bg">
            <!-- style="background: url(asset/img/bg.png); background-position: top center; width: 100%; background-size: cover; background-repeat: no-repeat;" -->
            <!-- <div id="holder"></div> -->
            <div class="wave_style">
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
               <div class="line"></div>
            </div>
            <main class="main-content">
               <section class="slideshow">
                  <div class="slideshow-inner">
                     <div class="main-banner owl-carousel owl-theme owl-loaded owl-drag">
                        
                        
                        
                        
                     <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1600px, 0px, 0px); transition: all 0s ease 0s; width: 6400px;"><div class="owl-item cloned" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h2>
                                 We<span class="bold_txt"> protect </span> you, your battery and the world you live in while you go about doing what you do.<span class="bold_txt"> Just</span> <span class="bold_gr">PLUG</span>
                                 <span class="bold_txt"> and </span><span class="bold_gr">Forget</span> !!
                              </h2>
                           </div>
                        </div></div><div class="owl-item cloned" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h2>Accelerate your business towards <span class="bold_txt"> negative carbon footprint</span> by adopting <span class="bold_gr">Xoptimus</span> solutions in your current office setup</h2>
                           </div>
                        </div></div><div class="owl-item active" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h1>Our devices have become smarter over the years it’s time to <span class="bold_txt">make our chargers</span> <span class="bold_gr">smart</span> too.</h1>
                           </div>
                        </div></div><div class="owl-item" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h2>Charge on the go with<span class="bold_gr"> Xoptimus. </span> You deserve a <span class="bold_txt">unique charge program </span> just for you and your device... because you are unique</h2>
                           </div>
                        </div></div><div class="owl-item" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h2>
                                 We<span class="bold_txt"> protect </span> you, your battery and the world you live in while you go about doing what you do.<span class="bold_txt"> Just</span> <span class="bold_gr">PLUG</span>
                                 <span class="bold_txt"> and </span><span class="bold_gr">Forget</span> !!
                              </h2>
                           </div>
                        </div></div><div class="owl-item" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h2>Accelerate your business towards <span class="bold_txt"> negative carbon footprint</span> by adopting <span class="bold_gr">Xoptimus</span> solutions in your current office setup</h2>
                           </div>
                        </div></div><div class="owl-item cloned" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h1>Our devices have become smarter over the years it’s time to <span class="bold_txt">make our chargers</span> <span class="bold_gr">smart</span> too.</h1>
                           </div>
                        </div></div><div class="owl-item cloned" style="width: 790px; margin-right: 10px;"><div class="item">
                           <div class="banner_con">
                              <h2>Charge on the go with<span class="bold_gr"> Xoptimus. </span> You deserve a <span class="bold_txt">unique charge program </span> just for you and your device... because you are unique</h2>
                           </div>
                        </div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
                  </div>
               </section>
               <div class="banner_con_btns">
                  <div class="container">
                     <div class="text">
                        <div class="banner_vdo_btn">
                           <ul>
                              <li class="main_btn"><a href="contact-us.html">CONTACT US</a></li>
                              <li class="vdo_btn">
                                 <!--  <a  class="popup-youtube" href="https://www.youtube.com/watch?v=0_teX8OeCPs"><i class="far fa-play-circle"></i> watch video</a> -->
                                 <a href="https://youtu.be/dn9kQybFSsw" class="video video-popup mfp-iframe" data-lity=""><i class="far fa-play-circle"></i> watch video</a>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="banner_count">
                        <ul>
                           <li class="af_line_right">
                              Save Energy <br>
                              <div class="counter" data-count="1500">413</div>
                              <br>
                              <span class="run_tag unit_ru">units</span>
                           </li>
                           <li class="af_line_right">
                              Reduce CO2e (Carbon)<br>
                              <div class="counter" data-count="800">220</div>
                              <br>
                              <span class="run_tag">Kgs</span>
                           </li>
                           <li>
                              Reduced Ewaste <br>
                              <div class="counter" data-count="150">41</div>
                              <br>
                              <span class="run_tag">MTonnes</span>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </main>
         </div>
      </div>
      <section class="home_about">
         <div class="home_abt_bg_overlaya1"></div>
         <div class="container">
            <div class="row">
               <div class="about_inner_cards">
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="about_inner aos-init aos-animate" data-aos="fade-up">
                           <h2 class="heading">WHO WE ARE</h2>
                           <p>We are building AI Enabled, Intelligent, Green CLEANTECH charging solutions for Li- Ion devices like your laptops, phones that will make your chargers smarter, creating unique charge programs to protect the heart of your device the “battery” while reducing individual carbon footprint by 38%. Read more about Hivericks  Technologies Pvt Ltd...<a href="about-us.html">Click here</a></p>
                        </div>
                     </div>
                     <div class="col-lg-6 col-sm-12 aos-init" data-aos="flip-left">
                        <div class="about_card yel_bg">
                           <div class="about_card_con">
                              <h3>VISION</h3>
                              <p>We want to be among top 50 brands in India and globally in the Clean Tech space by creating value in people’s lives through meaningful innovation.</p>
                           </div>
                           <div class="about_card_img">
                              <img src="asset/img/vision.webp" alt="image">
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-sm-12 aos-init" data-aos="flip-right">
                        <div class="about_card gray_bg">
                           <div class="about_card_con">
                              <h3>MISSION</h3>
                              <p>
                                 To create green sustainable world class solutions for daily life problems impacting environment and to create unique digital experiences for the customer. Our customers are our partners with whom
                                 we would like to continuously build and Innovate.
                              </p>
                           </div>
                           <div class="about_card_img">
                              <img src="asset/img/mission.webp" alt="image">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="how_it_work">
               <div class="row">
                  <div class="col-lg-12">
                     <div class="about_inner how_it_work_con aos-init" data-aos="flip-up">
                        <h2 class="heading">HOW IT WORKS</h2>
                     </div>
                  </div>
                  <div class="col-lg-3 col-sm-6 aos-init" data-aos="flip-left">
                     <div class="how_it_work_card">
                        <div class="how_it_work_card_img wrk_bef_blue">
                           <img src="asset/img/shopping-bag.png" alt="image">
                        </div>
                        <div class="how_it_work_card_con">
                           <h3 class="wrk_td_blue">step 1</h3>
                           <p>Pick a Xoptimus product hardware appropriate for your charging requirement. See our Product range for various use cases... <a href="#product">Read More</a></p>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-sm-6 aos-init" data-aos="flip-left">
                     <div class="how_it_work_card">
                        <div class="how_it_work_card_img wrk_bef_or">
                           <img src="asset/img/cloud-computing.png" alt="image">
                        </div>
                        <div class="how_it_work_card_con">
                           <h3 class="wrk_td_or">step 2</h3>
                           <p>Download the Xoptimus software on your Smartphone or Laptop and setup user profile. Currently Supported for Android and Windows platforms... <a href="#app">Read More</a></p>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-sm-6 aos-init" data-aos="flip-left">
                     <div class="how_it_work_card">
                        <div class="how_it_work_card_img wrk_bef_gr">
                           <img src="asset/img/settings.png" alt="image">
                        </div>
                        <div class="how_it_work_card_con">
                           <h3 class="wrk_td_gr">step 3</h3>
                           <p>Configure and pair the hardware to the app using Bluetooth... <a href="./usermanual" target="_blank">Read More</a></p>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-sm-6 aos-init" data-aos="flip-left">
                     <div class="how_it_work_card">
                        <div class="how_it_work_card_img wrk_bef_per">
                           <img src="asset/img/phone-charge.png" alt="image">
                        </div>
                        <div class="how_it_work_card_con">
                           <h3 class="wrk_td_per">step 4</h3>
                           <p>Choose the mode of charging. Just Plug and Forget... <a href="./usermanual" target="_blank">Read More</a></p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="our_product" id="product">
         <div class="product_bg_box">
            <img src="asset/img/product-bg-1.png" alt="image">
         </div>
         <div class="dots_bg">
            <img src="asset/img/dot.png" alt="image">
         </div>
         <div class="container">
            <div class="row">
               <div class="col-lg-12 product_td aos-init" data-aos="fade-down">
                  <h2 class="heading">our product</h2>
               </div>
               <div class="col-lg-12">
                  <div class="owl-slider product-slider">
                     <div class="product owl-carousel owl-theme owl-loaded owl-drag">
                        
                        
                        
                     <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1400px, 0px, 0px); transition: all 0s ease 0s; width: 4900px;"><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/usb-adaptor.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus USB Adapter</h3>
                                       <!--  <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for Smartphones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB Input</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB C type output</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                             <li><a href="xoptimus-usb-intermediate.html">read more</a></li>
                                             
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus02">Add To Cart</a></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/charge2go.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus Charge2Go</h3>
                                       <!--  <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for charging-on the -go Smartphones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> 12VDC Input</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB Output</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                             <li><a href="xoptimus-charge2go.html">read more</a></li>
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus03">Add To Cart</a></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div><div class="owl-item active" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/wall-adoptor.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus Wall Adapter</h3>
                                       <!-- <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for Laptops/SmartPhones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> Single 230V AC input / Single Point 230V AC output</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> Plug your existing device charger to Xoptimus</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                            
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus01">Add To Cart</a></li> -->
                                             <li><a href="https://amzn.to/3BmVPpG" style=" background: rgba(255, 255, 255, 0.0);padding: 0px 0px;"><input type="image" src="asset/img/amazon.png" name="submit" width="144" height="52" alt="submit"> </a> </li>
                                             <li><a href="http://fkrt.it/VpiH5juuuN" style=" background: rgba(255, 255, 255, 0.0);padding: 0px 0px;"><input type="image" src="asset/img/flipkart.png" name="submit" width="144" height="52" alt="submit"> </a> </li>
                                             <br><li><a href="xoptimus-wall-adapter.html">read more</a></li>
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div><div class="owl-item" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/usb-adaptor.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus USB Adapter</h3>
                                       <!--  <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for Smartphones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB Input</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB C type output</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                             <li><a href="xoptimus-usb-intermediate.html">read more</a></li>
                                             
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus02">Add To Cart</a></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div><div class="owl-item" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/charge2go.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus Charge2Go</h3>
                                       <!--  <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for charging-on the -go Smartphones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> 12VDC Input</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB Output</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                             <li><a href="xoptimus-charge2go.html">read more</a></li>
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus03">Add To Cart</a></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/wall-adoptor.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus Wall Adapter</h3>
                                       <!-- <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for Laptops/SmartPhones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> Single 230V AC input / Single Point 230V AC output</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> Plug your existing device charger to Xoptimus</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                            
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus01">Add To Cart</a></li> -->
                                             <li><a href="https://amzn.to/3BmVPpG" style=" background: rgba(255, 255, 255, 0.0);padding: 0px 0px;"><input type="image" src="asset/img/amazon.png" name="submit" width="144" height="52" alt="submit"> </a> </li>
                                             <li><a href="http://fkrt.it/VpiH5juuuN" style=" background: rgba(255, 255, 255, 0.0);padding: 0px 0px;"><input type="image" src="asset/img/flipkart.png" name="submit" width="144" height="52" alt="submit"> </a> </li>
                                             <br><li><a href="xoptimus-wall-adapter.html">read more</a></li>
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                           <div class="product_slide">
                              <div class="row">
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in">
                                    <div class="product_img">
                                       <img src="asset/img/product/usb-adaptor.webp" alt="image">
                                    </div>
                                 </div>
                                 <div class="col-lg-6 col col-12 aos-init" data-aos="zoom-in-up">
                                    <div class="product_desk">
                                       <h3>XOptimus USB Adapter</h3>
                                       <!--  <p>
                                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                          laboris nisi ut aliquip ex ea commodo consequat.
                                          </p> -->
                                       <div class="product_desk_list">
                                          <div class="product_con_icon">
                                             <div class="how_it_work_card_img wrk_bef_per">
                                                <img src="asset/img/step4.png" alt="image">
                                             </div>
                                          </div>
                                          <div class="how_it_work_card_con product_list_con">
                                             <h4>Protection hardware for Smartphones and Tablets</h4>
                                             <ul>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB Input</li>
                                                <li><img src="asset/img/metrize.png" alt="image"> USB C type output</li>
                                             </ul>
                                          </div>
                                       </div>
                                       <div class="read_more">
                                          <ul>
                                             <li><a href="xoptimus-usb-intermediate.html">read more</a></li>
                                             
                                             <li><a target="_blank" href="https://www.xoptimus.in/landing/prebook/?utm_source=home&amp;utm_medium=website&amp;utm_campaign=null">Prebook Now</a></li>
                                             <!-- <li><a href="/landing"  target="_blank" class="ProductAddCart" value="xoptimus02">Add To Cart</a></li> -->
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right"></i></button></div><div class="owl-dots disabled"></div></div>
                  </div>
               </div>
            </div>
         </div>
         <img class="bg_img_sec" src="asset/img/product-globe.png" alt="image">
      </section>
      <section class="client_logo_sec" id="app">
         <div class="client_logo">
            <div class="home_abt_bg_overlaya"></div>
            <div class="container">
               <div class="product_app row">
                  <div class="col-lg-12">
                     <div class="app_des">
                        <h2 data-aos="fade-down" class="aos-init">Xoptimus Application</h2>
                        <p data-aos="flip-up" class="aos-init">Our Xoptimus application for Laptops and Smartphones for Li-Ion Batteries maintains optimal charge levels based on individual usage pattern and other real-time battery parameters thus increasing longevity, performance and saving energy. XOptimus is currently supported on Android and Windows based Laptops , Smart phones and Tablets. Application is being upgraded to support on Ios devices as well and will be released soon.</p>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="app_des">
                        <ul>
                           <a href="https://play.google.com/store/apps/details?id=com.hivericks.nextgenmobilecharger" target="_blank">
                              <li data-aos="flip-up" class="aos-init">
                                 <div class="download android">
                                    <i class="fab fa-android fa-3x"></i>
                                    <span class="df">Download from</span>
                                    <span class="dfn">Google Play</span>
                                 </div>
                              </li>
                           </a>
                           <br>
                           <a href="static/Xoptimus-Installer.dmg" target="_blank">
                           <li data-aos="flip-up" style="" class="aos-init">
                              <div class="download apple">
                                 <i class="fab fa-apple fa-3x"></i>
                                 <span class="df">Download for</span>
                                 <span class="dfn">macOS</span>
                              </div>
                           </li>
                           </a>
                           <a href="static/Setup.exe" target="_blank">
                           
                           <li data-aos="flip-up" class="aos-init">
                              <div class="download windows">
                                 <i class="fab fa-windows fa-3x"></i>
                                 <span class="df">Download for</span>
                                 <span class="dfn">Windows 7, 10, 11</span>
                              </div>
                           </li>
                           </a>
                        </ul>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="devices aos-init" data-aos="flip-down">
                        <div class="laptops devices__item">
                           <div class="laptops__img">
                              <!-- Image 1440x900 -->
                              <img src="asset/img/app/laptop-app.webp" alt="Laptop Project">
                           </div>
                           <div class="laptops__bg">
                              <img src="asset/img/app/device-lab.webp" alt="Laptop">
                           </div>
                        </div>
                        <div class="phones devices__item">
                           <div class="phones__img">
                              <!-- Image 621x1104 -->
                              <img src="asset/img/app/mobile-app.webp" alt="Phone Project">
                           </div>
                           <div class="phones__bg">
                              <img src="asset/img/app/device.webp" alt="Phone">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="future">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 product_td aos-init" data-aos="fade-down">
                        <h2 class="heading">XOptimus FEATURES</h2>
                     </div>
                     <div class="col-lg-6 aos-init" data-aos="flip-up">
                        <div class="future_contant">
                           <img src="asset/img/feature-img.webp" alt="image">
                        </div>
                     </div>
                     <div class="col-lg-6 aos-init" data-aos="fade-down">
                        <div class="features_cards">
                           <div class="row">
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img power">
                                       <img src="asset/img/icon/1.png" alt="image">
                                    </div>
                                    <h3>Optimal charging</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img production">
                                       <img src="asset/img/icon/2.png" alt="image">
                                    </div>
                                    <h3>Smart Calling</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img battery-life">
                                       <img src="asset/img/icon/3.png" alt="image">
                                    </div>
                                    <h3>Energy Savings</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img short-circuit">
                                       <img src="asset/img/icon/4.png" alt="image">
                                    </div>
                                    <h3>High Temperature Protection</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img smart-calling">
                                       <img src="asset/img/icon/5.png" alt="image">
                                    </div>
                                    <h3>Special charging modes</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img cloud-analytics">
                                       <img src="asset/img/icon/6.png" alt="image">
                                    </div>
                                    <h3>Manual Override of Charge Settings</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img power">
                                       <img src="asset/img/icon/7.png" alt="image">
                                    </div>
                                    <h3>Increase Battery Life</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img production">
                                       <img src="asset/img/feature-2.png" alt="image">
                                    </div>
                                    <h3>Battery Protection</h3>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-sm-6 col-6 aos-init" data-aos="flip-up">
                                 <div class="features_card_single">
                                    <div class="features_card_img battery-life">
                                       <img src="asset/img/feature-3.png" alt="image">
                                    </div>
                                    <h3>Unique charge program</h3>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="testimonial_sec">
            <div class="testimonial_bg_overlaya"></div>
            <div class="container">
               <div class="row">
                  <div class="col-lg-12">
                     <h2 class="heading aos-init" data-aos="fade-down">testimonial</h2>
                  </div>
                  <div class="col-lg-4">
                     <div class="testimonial_slider_img">
                        <img src="asset/img/testi.png" alt="image">
                     </div>
                  </div>
                  <div class="col-lg-8">
                     <div class="testimonial_slider">
                        <div class="testimonial owl-carousel owl-theme owl-loaded owl-drag">
                           
                           
                        <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1400px, 0px, 0px); transition: all 0s ease 0s; width: 4200px;"><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                              <div class="testimonial_slider_inner">
                                 <div class="testimonial_slider_con">
                                    <p>
                                       “ I spend most of my time in the day in front of my laptop and Xoptimus completely took away the burden of worrying about how my battery is being charged and beauty of it was that I could
                                       override my charge settings based on the need of our day. “...<a href="https://www.youtube.com/watch?v=7tPVZHEx0OM" class="video video-popup mfp-iframe" data-lity="">watch video</a>
                                    </p>
                                    <div class="testimonial_auth">
                                       <h3>Azam Durairaj</h3>
                                       <span class="company_name"> Program Manager </span>
                                    </div>
                                 </div>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                              <div class="testimonial_slider_inner">
                                 <div class="testimonial_slider_con">
                                    <p>
                                       “ XOptimus was a perfect solution for protecting my investment in devices for my family and this easy to use innovative product is definitely value for money “...
                                       <a href="https://www.youtube.com/watch?v=X4Lo-tqIS0M" data-lity="">watch video</a>
                                    </p>
                                    <div class="testimonial_auth">
                                       <h3>Poornima Rajarajan</h3>
                                       <span class="company_name">Operations Coordinator and Parent </span>
                                    </div>
                                 </div>
                              </div>
                           </div></div><div class="owl-item active" style="width: 690px; margin-right: 10px;"><div class="item">
                              <div class="testimonial_slider_inner">
                                 <div class="testimonial_slider_con">
                                    <p>
                                       “ I spend most of my time in the day in front of my laptop and Xoptimus completely took away the burden of worrying about how my battery is being charged and beauty of it was that I could
                                       override my charge settings based on the need of our day. “...<a href="https://www.youtube.com/watch?v=7tPVZHEx0OM" class="video video-popup mfp-iframe" data-lity="">watch video</a>
                                    </p>
                                    <div class="testimonial_auth">
                                       <h3>Azam Durairaj</h3>
                                       <span class="company_name"> Program Manager </span>
                                    </div>
                                 </div>
                              </div>
                           </div></div><div class="owl-item" style="width: 690px; margin-right: 10px;"><div class="item">
                              <div class="testimonial_slider_inner">
                                 <div class="testimonial_slider_con">
                                    <p>
                                       “ XOptimus was a perfect solution for protecting my investment in devices for my family and this easy to use innovative product is definitely value for money “...
                                       <a href="https://www.youtube.com/watch?v=X4Lo-tqIS0M" data-lity="">watch video</a>
                                    </p>
                                    <div class="testimonial_auth">
                                       <h3>Poornima Rajarajan</h3>
                                       <span class="company_name">Operations Coordinator and Parent </span>
                                    </div>
                                 </div>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                              <div class="testimonial_slider_inner">
                                 <div class="testimonial_slider_con">
                                    <p>
                                       “ I spend most of my time in the day in front of my laptop and Xoptimus completely took away the burden of worrying about how my battery is being charged and beauty of it was that I could
                                       override my charge settings based on the need of our day. “...<a href="https://www.youtube.com/watch?v=7tPVZHEx0OM" class="video video-popup mfp-iframe" data-lity="">watch video</a>
                                    </p>
                                    <div class="testimonial_auth">
                                       <h3>Azam Durairaj</h3>
                                       <span class="company_name"> Program Manager </span>
                                    </div>
                                 </div>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="item">
                              <div class="testimonial_slider_inner">
                                 <div class="testimonial_slider_con">
                                    <p>
                                       “ XOptimus was a perfect solution for protecting my investment in devices for my family and this easy to use innovative product is definitely value for money “...
                                       <a href="https://www.youtube.com/watch?v=X4Lo-tqIS0M" data-lity="">watch video</a>
                                    </p>
                                    <div class="testimonial_auth">
                                       <h3>Poornima Rajarajan</h3>
                                       <span class="company_name">Operations Coordinator and Parent </span>
                                    </div>
                                 </div>
                              </div>
                           </div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i class="fa fa-chevron-left"></i></button><button type="button" role="presentation" class="owl-next"><i class="fa fa-chevron-right"></i></button></div><div class="owl-dots disabled"></div></div>
                     </div>
                  </div>
               </div>
               <div class="row our_media" id="media">
                  <div class="col-lg-12 aos-init" data-aos="fade-down">
                     <h2 class="heading al-c">Media</h2>
                  </div>
                  <div class="col-lg-12 aos-init" data-aos="zoom-in">
                     <div class="client_slider">
                        <div class="client owl-carousel owl-theme owl-loaded owl-drag">
                           
                           
                           
                           
                           
                           
                           
                           
                           
                            
                           
                        <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1380px, 0px, 0px); transition: all 0.25s ease 0s; width: 4600px;"><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-4"> <img src="asset/img/media/4.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-7"> <img src="asset/img/media/7.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-8"> <img src="asset/img/media/8.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-9"> <img src="asset/img/media/9.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-10"> <img src="asset/img/media/img/apple-ani.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-1"><img src="asset/img/media/1.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item active" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-5"> <img src="asset/img/media/5.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item active" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-6"> <img src="asset/img/media/6.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item active" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-2"> <img src="asset/img/media/2.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-3"> <img src="asset/img/media/3.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-4"> <img src="asset/img/media/4.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-7"> <img src="asset/img/media/7.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-8"> <img src="asset/img/media/8.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-9"> <img src="asset/img/media/9.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-10"> <img src="asset/img/media/img/apple-ani.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-1"><img src="asset/img/media/1.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-5"> <img src="asset/img/media/5.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-6"> <img src="asset/img/media/6.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-2"> <img src="asset/img/media/2.png" alt="image"></a>
                              </div>
                           </div></div><div class="owl-item cloned" style="width: 230px;"><div class="item">
                              <div class="client_img">
                                 <a href="#modal-3"> <img src="asset/img/media/3.png" alt="image"></a>
                              </div>
                           </div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
                     </div>
                  </div>
               </div>
               <div id="modal-1" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/CITIC.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">March 2019</div>
                                 <h2 class="title">Chennai next start up</h2>
                                 <p class="description">
                                    Hivericks Technologies were among the TOP 5 winners of the Chennai-Next StartUp-Challenge 2018- 19 conducted by CI-TIC, an initiative of TREC-STEP, the country’s first and pioneering
                                    Technology Business Incubator based out of Chennai. More than 250+ applications were received from startups across Tamilnadu for this challenge and after multiple rounds, the awards were given
                                    by honourable Dr . P Jawahar Director of TREC STEP...<a target="_blank" href="https://www.ci-tic.com/chennai-next-start-up/">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-5" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/iiit.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">March 2021</div>
                                 <h2 class="title">The Hindu</h2>
                                 <p class="description">
                                    Hivericks was among six startups who received a grant of Rs 7 lakhs each at a function held recently from M. Balasubramaniam, Chairman of the Board of Governors of IIIT Sri City. The grants
                                    were provided to the startups under TIDE 2.0 Scheme of MeitY by Gyan Circle (Center of Innovation and Entrepreneurship Development at IIITs) based at IIIT Sri City, aims at promoting
                                    innovation and entrepreneurship in Chennai and surrounding area...
                                    <a target="_blank" href="https://www.thehindu.com/news/national/tamil-nadu/six-start-ups-incubated-in-iiit-sri-city-receive-grants/article34012040.ece">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-2" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/aic.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">Jan 2022</div>
                                 <h2 class="title">Startup India Innovation</h2>
                                 <p class="description">
                                    Hivericks was selected from top startups from all over India to participate in the prestigious StartupIndia Innovation week held at Delhi and exhibit their product XOPTIMUS at the virtual
                                    expo...<a target="_blank" href="https://www.startupindiainnovationweek.in/">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-3" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/Next-Gen.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">March 2020</div>
                                 <h2 class="title">HexGn</h2>
                                 <p class="description">
                                    HexGn in partnership with Invest India shortlisted 111 applicants for Online Startup Acceleration Program from 18 states , 44 cities in India StartupIndia program and Hivericks was selected of
                                    the 6 month program in 2020 and selected for participating in the virtual ThailandTEch Show conducted by The National Science and Technology Development Agency (NSTDA) of Thailand...
                                    <a target="_blank" href="https://hexgn.com/hivericks-is-building-next-gen-battery-chargers/">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-4" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/AICRaise3.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">Nov 2021</div>
                                 <h2 class="title">Aic Raise</h2>
                                 <p class="description">
                                    Recently awarded the “ FUTURE IMPACT” STARTUP Award at the TN Enclave held at AIC RAISE in Nov 2021 at Coimbatore by he Personal Interaction between the Honourable TamilNadu IT minister Thiru
                                    Mano Thangaraj, and Dr Chintan Vaishnav, Mission Director of Atal Innovation mission. We were also Shortlisted for the INNOHIVE Accelerator program 2022 and the AIC RAISE Incubation program...
                                    <a target="_blank" href="https://aicraise.com/gallery/">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-6" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/iiit.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">March 2021</div>
                                 <h2 class="title">Gyan venture(IIIT)</h2>
                                 <p class="description">
                                    Technology Business Incubator Gyan Circle Ventures of IIIT Sri City was the center of attraction recently when grants were provided to the startups under TIDE 2.0 Scheme of MeitY. Gyan Circle
                                    (Center of Innovation and Entrepreneurship Development at IIITs) based at IIIT Sri City, aims at promoting innovation and entrepreneurship in Chennai and surrounding areas...
                                    <a target="_blank" href="https://www.iiits.ac.in/innovation-tbi/gyan-circle-venture-tide2/current-startups/">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-7" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/hexgn.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">Nov 2021</div>
                                 <h2 class="title">The Aryavarth Express</h2>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-8" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/cio.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">Mar 2022</div>
                                 <h2 class="title">CIO Insider Magazine</h2>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="modal-9" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/wings-challenge.webp" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">Apr 2022</div>
                                 <h2 class="title">WINGS Challenge</h2>
                                 <p class="description">The response to WINGS Challenge was overwhelming, 
                                    the Keynote Speaker, Chief Guest, Panelist’s and Jury made the event larger than life.
                                    We at STEP Thank all the ecosystem experts who were able to take time out from their busy schedules to make this event a grand success.
                                    Our heartiest congratulations to all the winners. YOU DID IT!! This amazing accomplishment is just a step forward in your entrepreneurial journey.
                                    <a target="_blank" href="https://www.linkedin.com/posts/shaktitheempathyproject_shaktitheempathyproject-shaktikishakti-shaktipreneurs-activity-6911572586879483904-gWO4?utm_source=linkedin_share&amp;utm_medium=member_desktop_web">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
 <div id="modal-10" class="modalDialog">
                  <div>
                     <a href="#close" title="Close" class="close">x</a>
                     <div class="container-news">
                        <div class="column">
                           <div class="news_img">
                              <img src="asset/img/media/img/munjal-university.jpg" alt="image">
                           </div>
                           <!-- Post-->
                           <div class="post-module hover">
                              <!-- Post Content-->
                              <div class="post-content">
                                 <div class="category">Apr 28 2022</div>
                                 <h2 class="title">Munjal University</h2>
                                 <p class="description">Gurugram (Haryana)[India], April 28 (ANI/NewsVoir): BML Munjal University (BMU), a Hero Group initiative, through the Atal Community Innovation Center (ACIC) and Propel incubator at BMU organized Propel Pitchfest22, announced the results of grand finale of Propel Pitchfest22 on April 21st, 2022. 
                                    <a target="_blank" href="https://www.aninews.in/news/business/business/bliscare-first-helpers-and-hivericks-lift-the-winners-trophy-at-propel-pitchfest22-organized-by-bml-munjal-university20220428151716/">Read More</a>
                                 </p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

            </div>
         </div>
      </section>
      <div id="footer"> <footer>
            <div class="footer_bg" style="background: url(asset/img/imgpsh_fullsize_anim.png);">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="foot_logo">
                                <img src="asset/img/flogo.png">
                                <p>Our award winning and patented innovative technology solution Xoptimus will revolutionize the way we charge our devices while protecting the environment</p>
                            </div>
                        </div>
                        <div class="col-lg-9">
                            <div class="row">
                                <div class="col-lg-2">
                                    <div class="footer_links">
                                        <h2>Quick Links</h2>
                                        <ul>
                                            <li><a href="about-us.html">About Us</a></li>
                                            <li><a href="products.html">Products</a></li>
                                            <li><a href="https://climate.stripe.com/yvbPd9" target="_blank">Carbon Removal</a></li>
                                            <!--li><a href="referral.html">Referral</a></li-->
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="footer_links">
                                        <h2>Others</h2>
                                        <ul>
                                            <li><a href="privacy-policies.html">Privacy Policies</a></li>
                                            <li><a href="terms-and-conditions.html">Terms and Conditions</a></li>
                                            <li><a href="./usermanual">User Manual</a></li>
                                            <!--li><a href="https://support.hivericks.com/">Support</a></li-->
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="footer_links">
                                        <h2>Get in Touch</h2>
                                        <ul>
                                            <li>
                                                <a href="tel:+9191768 31334"><i class="fas fa-phone-alt"></i> +91 91768 31334</a>
                                            </li>
                                            <li>
                                                <a href="mailto:[email protected]"><i class="fas fa-envelope"></i> [email protected]</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="foot_social footer_links">
                                        <h2>Follow us</h2>
                                        <ul>
                                            <li>
                                                <a href="https://www.facebook.com/xoptimussmart/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                            </li>
                                            <li>
                                                <a href="https://www.instagram.com/xoptimussmart/" target="_blank"><i class="fab fa-instagram"></i></a>
                                            </li>
                                            <li>
                                                <a href="https://twitter.com/xoptimussmart" target="_blank"><i class="fab fa-twitter"></i></a>
                                            </li>
                                            <li>
                                                <a href="https://www.youtube.com/channel/UC5V2xOMpJxzZREq8VEFxvGQ" target="_blank"><i class="fab fa-youtube" target="_blank"></i></a>
                                            </li>
                                            <li>
                                                <a href="https://www.linkedin.com/showcase/xoptimus/" target="_blank"><i class="fab fa-linkedin" target="_blank"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="foot_social footer_links">
                                    <h2>Subscribe to our Newsletter</h2>
                                    </div>
                                    <div class="subscribe-form">
                                        
                                        <form>
                                            <input name="loc" type="hidden" value="en_US"><input autocomplete="off" class="subscribe-css-email-field" name="email" placeholder="Enter your Email" id="newsemail">
                                            <button type="submit" class="btn-curve btn-color" id="newsletter"><span>Send</span></button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-6 col-sm-6">
                            <div class="foot_three_img">
                                <img src=" asset/img/goalp.png">
                            </div>
                        </div>
                        <div class="col-lg-6 col-6 col-sm-6 p-r">
                            <div class="po-re">
                                <div class="copy_right design_by">
                                    <div class="made_in">
                                        <ul>
                                            <li><div class="text_mad cl_or">Made</div></li>
                                            <li><div class="text_mad cl_wt">In</div></li>
                                            <li>
                                                <div class="text_mad cl_gr">India <img src="asset/img/flag-small.gif"></div>
                                            </li>
                                            <!-- <p>#By An Indian Brand</p> -->
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot_copy_right">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="copy_right">
                                <a>© <span id="cdate">2024</span>  Hivericks rights reserved</a>
                                <a target="blank" href="https://www.xoptimus.in/"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>
        <script>$("#cdate").html(new Date().getFullYear());</script>
        <script>
              $(document).ready(function(){ 
    var touch   = $('#resp-menu');
    var menu  = $('.menu');
   
    $(touch).on('click', function(e) {
      e.preventDefault();
      menu.slideToggle();
    });
    
    $(window).resize(function(){
      var w = $(window).width();
      if(w > 767 && menu.is(':hidden')) {
        menu.removeAttr('style');
      }
    });
    
  });
        </script>
         <script type="text/javascript">
            jQuery("#newsletter").click(function() {
   
       
                     event.preventDefault();
                
                     var url="https://api.hivericks.com/ecom/newsletter_save/"
                     var params =  {  email: jQuery("#newsemail").val()};
                                      console.log(params);
                      jQuery.post( url,params ,            
                     
   
                     (function( data, status ) {
                        
                        console.log(data);console.log(status);
                       if(status=="success"){
                       if (data.status=="Success") {
                         jQuery("#newsemail").val("");
                         alert("Your request has been submitted successfully.")
                      }
                      else{
                        alert(data.message);
                     }
                           
                       }
                       
                   })).fail(function(response) {
   
                   alert('Error: ' + 'Unable to submit you request. Please email us: [email protected]');
                   });
                  
   
   });
         </script>
       </div>
      <script src="asset/js/jquery.min.js" type="text/javascript"></script>
      <script src="asset/js/owl.carousel.js" type="text/javascript"></script>
      <script src="asset/js/owl.carousel.min.js" type="text/javascript"></script>
      <script src="asset/js/script.js" type="text/javascript"></script>
      <script src="asset/js/bootstrap.min.js" type="text/javascript"></script>
      <script src="asset/js/bootstrap.js" type="text/javascript"></script>
      <script src="asset/js/aos.js" type="text/javascript"></script>
      <script src="asset/js/ajax.js" type="text/javascript"></script>
      <script type="text/javascript">
         AOS.init({
             duration: 1200,
         });
      </script>
      <script type="text/javascript">
         // ===== Scroll to Top ====
         $(window).scroll(function () {
             if ($(this).scrollTop() >= 50) {
                 // If page is scrolled more than 50px
                 $("#return-to-top").fadeIn(200); // Fade in the arrow
             } else {
                 $("#return-to-top").fadeOut(200); // Else fade out the arrow
             }
         });
         $("#return-to-top").click(function () {
             // When arrow is clicked
             $("body,html").animate(
                 {
                     scrollTop: 0, // Scroll to top of body
                 },
                 500
             );
         });
      </script>
      <script type="text/javascript">
         var overlay = document.getElementById("overlay");
         
         window.addEventListener("load", function () {
             overlay.style.display = "none";
         });
      </script>
      <script type="text/javascript">
         $(document).ready(function () {
             $(".popup-btn").on("click", function () {
                 $(".video-popup").fadeIn("slow");
                 return false;
             });
         
             $(".popup-bg").on("click", function () {
                 $(".video-popup").slideUp("slow");
                 return false;
             });
         
             $(".close-btn").on("click", function () {
                 $(".video-popup").fadeOut("slow");
                 return false;
             });
         });
      </script>
      <script type="text/javascript">
         $(".main-banner").owlCarousel({ 
         margin: 10, 
         nav: false, 
         dots:false, 
         loop: true, 
         autoplay: true,
autoplayTimeout: 8000,
         responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } })
      </script>

     <!--  <script>
         $(window).on("scroll", function () {
             if ($(window).scrollTop() > 50) {
                 $("header").addClass("active");
             } else {
                 $("header").removeClass("active");
             }
         });
         var didScroll;
         var lastScrollTop = 0;
         var delta = 5;
         var navbarHeight = $("header").outerHeight();
         
         $(window).scroll(function (event) {
             didScroll = true;
         });
         
         setInterval(function () {
             if (didScroll) {
                 hasScrolled();
                 didScroll = false;
             }
         }, 250);
         
         function hasScrolled() {
             var st = $(this).scrollTop();
         
             if (Math.abs(lastScrollTop - st) <= delta) return;

             if (st > lastScrollTop && st > navbarHeight) {
                 $("header").removeClass("nav-down").addClass("nav-up");
             } else {
                 if (st + $(window).height() < $(document).height()) {
                     $("header").removeClass("nav-up").addClass("nav-down");
                 }
             }
         
             lastScrollTop = st;
         }
      </script> -->
      <!--script type="text/javascript">
         function confirmBeforeUnload(e) {
             var e = e || window.event;
         
             // For IE and Firefox
             if (e) {
                 e.returnValue = 'Any string';
             }
         
             // For Safari
             return 'Any string';
         
         }
         function goodbye(e) {
             if (!e) e = window.event;
             //e.cancelBubble is supported by IE - this will kill the bubbling process.
             e.cancelBubble = true;
             e.returnValue = 'You sure you want to leave?'; //This is displayed on the dialog
         
             //e.stopPropagation works in Firefox.
             if (e.stopPropagation) {
                 e.stopPropagation();
                 e.preventDefault();
             }
         }
         window.onbeforeunload = goodbye;
         </script-->
   <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d0b52371f37384a',t:'MTcyODYxMjcwNC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>
<iframe id="_hjSafeContext_8559737" title="_hjSafeContext" tabindex="-1" aria-hidden="true" src="about:blank" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe></body></html>