One Hat Cyber Team

View File Name : index.php

<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from azim.commonsupport.com/Acuasafe/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 03 May 2025 11:47:58 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="google-site-verification" content="hxNzdj-Cdm-nOlohcmW-OyhbfH_AisrXyKbJBc32rNs" />
<title>Biocera</title>

<!-- Fav Icon -->
<link rel="icon" href="assets/images/log.png" type="image/x-icon">

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Spartan:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;display=swap" rel="stylesheet">

<!-- Stylesheets -->
<link href="assets/css/font-awesome-all.css" rel="stylesheet">
<link href="assets/css/flaticon.css" rel="stylesheet">
<link href="assets/css/owl.css" rel="stylesheet">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/jquery-ui.css" rel="stylesheet">
<link href="assets/css/color.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/responsive.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">


<style>
    .toggle-content {
    transition: all 0.3s ease;
    margin-top: 10px;
}
.toggle-btn {
    background-color: #67ac44;
    color: white;
    border: none;
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
}
.toggle-btn:hover {
    background-color:#569138
}
@media(max-width:768px){
    .outer-box{
        margin-bottom: 0px!important;
    }
}

.demo-section {
  background: url('assets/images/water.jpg') no-repeat center center/cover;
  color: #fff;
  padding: 60px 20px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  z-index: 1;
}
.demo-section .container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  align-items: flex-start;
}

.demo-left {
  flex: 1;
  min-width: 300px;
}

.demo-left h2 {
  font-size: 32px;
  margin-bottom: 10px;
}

.demo-left p {
  margin: 10px 0;
  font-size: 16px;
  
}

.demo-left ul {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.demo-left ul li {
  margin-bottom: 10px;
  font-size: 15px;
}

.demo-right {
  flex: 1;
  background: #fff;
  color: #000;
  border-radius: 10px;
  padding: 30px;
  min-width: 320px;
}

.demo-right h3 {
  margin-bottom: 20px;
  text-align: center;
}

.demo-right form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.phone-row {
  display: flex;
  gap: 10px;
}

.phone-row input:first-child {
  width: 70px;
  background: #eee;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 6px;
}

.demo-right button {
  width: 100%;
  padding: 12px;
  background-color: #67ac44;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.demo-right button:hover {
  background-color: #a9901c;
}

/* Responsive */
@media (max-width: 768px) {
  .demo-section .container {
    flex-direction: column;
  }

  .demo-right {
    margin-top: 20px;
  }
}
.theme-btn.btn-one {
    background-color: #67ac44!important;
}
.content_block_2 .content-box .single-item .icon-box {
    background-color: #67ac44!important;
}
.shop-block-one .inner-box {
  background: linear-gradient(145deg,#25a0d4, #e8f5e9); /* Light blue & green tint */
  border-radius: 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;    
  height: 463px;

}

.shop-block-one .inner-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 128, 128, 0.25);
}

.shop-block-one .image-box img {
  max-width: 100%;
  border-radius: 10px;
  transition: transform 0.3s;
}

.shop-block-one .inner-box:hover .image-box img {
  transform: scale(1.05);
}

.shop-block-one .lower-content h4 a {
  color: #01579b; /* Brand blue */
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 15px;
}

.shop-block-one .shape {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  background-repeat: repeat-x;
  background-size: contain;
  opacity: 0.2;
}
.benefit-card {
 background: #003d93;
  transition: all 0.3s ease;
  margin-bottom: 4%;
  border-radius: 15%;
}
.benefit-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

.benefit-card img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.benefit-card:hover img {
    filter: none;
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

</style>

</head>


<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">

<?php include 'header.php'?>
        <!-- preloader -->
        
        <!-- preloader end -->


        <!-- main header -->
       
        <!-- main-header end -->

        <!-- Mobile Menu  -->
       


        <!-- banner-section -->
        <section class="banner-section">
            <div class="shape" style="background-image: url(assets/images/shape/banner-shap.png);"></div>
            <div class="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
                <div class="slide-item">
                    <div class="pattern-box">
                        <div class="pattern-1"></div>
                        <div class="pattern-2"></div>
                        <div class="pattern-3" style="background-image: url(assets/images/shape/shape-2.png);"></div>
                    </div>
                    <div class="auto-container">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image image-1"><img src="assets/images/banner.jpg" alt="" style="    margin-bottom: 33%;
    margin-left: 19%;
    width: 533px;
    border-radius: 8%;"></figure>
                               
                            </div>
                            <div class="content-box">
                                <h2>Pure Alkaline Power in Every Drop</h2>
                                <p>Biocera delivers clean, mineral-rich alkaline water that revitalizes your body, one drop at a time.</p>
                                <div class="btn-box clearfix">
                                <a href="products.php" class="theme-btn btn-one">Our Products</a>
                                <a href="about.php" class="theme-btn banner-btn">About</a>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
                <div class="slide-item">
                    <div class="pattern-box">
                        <div class="pattern-1"></div>
                        <div class="pattern-2"></div>
                        <div class="pattern-3" style="background-image: url(assets/images/shape/shape-2.png);"></div>
                    </div>
                    <div class="auto-container">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image image-1"><img src="assets/images/bot1.png" alt="" style="    margin-bottom: 23%;
    width: 450px;
    border-radius: 8%;"></figure>
                               
                            </div>
                            <div class="content-box">
                                <h2>Advanced Ionization for a Healthier You</h2>
                                <p>Biocera uses cutting-edge ionization technology to enhance hydration, boost wellness, and support a healthier lifestyle.</p>
                                <div class="btn-box clearfix">
                                <a href="products.php" class="theme-btn btn-one">Our Products</a>
                                <a href="about.php" class="theme-btn banner-btn">About</a>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
               
            </div>
        </section>
        <!-- banner-section end -->


        <!-- feature-section -->
        <section class="feature-section centred">
            <div class="auto-container">
                <div class="inner-container wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                    <div class="title-text">
                        <h2>Alkaline Water Ionizer</h2>
                    </div>
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-one">
                            <div class="inner-box">
                                <div class="shape" style="background-image: url(assets/images/shape/shape-3.png);"></div>
                                <div class="icon-box"><i class="flaticon-water-drop" style="    color: #6cae4b;"></i></div>
                                <h4 style="    margin-bottom: 46px;">Powerful Anti Oxidant</h4>

                                <!-- Toggle Button -->
                                <button class="toggle-btn" onclick="toggleParagraph(this)">Read More</button>

                                <!-- Paragraph initially hidden -->
                                <p class="toggle-content" style="display: none;">
                                    Alkaline Ionized Water is an anti-oxidizing agent, as it has a negative ORP value and it is able to donate extra electrons to neutralize the harmful effects of free radicals on the body.
                                </p>
                            </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-one">
                            <div class="inner-box">
                                <div class="shape" style="background-image: url(assets/images/shape/shape-3.png);"></div>
                                <div class="icon-box"><i class="flaticon-water-drop-1" style="    color: #6cae4b;"></i></div>
                                <h4>Alkalinity(pH Balancing)</h4>

                                <!-- Toggle Button -->
                                <button class="toggle-btn" onclick="toggleParagraph(this)">Read More</button>

                                <!-- Paragraph initially hidden -->
                                <p class="toggle-content" style="display: none;">
                                The alkaline water doesn't allow to change the PH level of it and due to which it don't get acidic.
                                </p>
                            </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-one">
                            <div class="inner-box">
                                <div class="shape" style="background-image: url(assets/images/shape/shape-3.png);"></div>
                                <div class="icon-box"><i class="flaticon-recycle" style="    color: #6cae4b;"></i></div>
                                <h4 style="margin-bottom: 46px;">Micro Clustered</h4>

                                <!-- Toggle Button -->
                                <button class="toggle-btn" onclick="toggleParagraph(this)">Read More</button>

                                <!-- Paragraph initially hidden -->
                                <p class="toggle-content" style="display: none;">
                                The alkaline ionized water has the property to break the water clusters into smaller ones.
                                </p>
                            </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-one">
                            <div class="inner-box">
                                <div class="shape" style="background-image: url(assets/images/shape/shape-3.png);"></div>
                                <div class="icon-box"><i class="flaticon-glass" style="    color: #6cae4b;"></i></div>
                                <h4>Active Molecular Hydrogen Enriched</h4>

                                <!-- Toggle Button -->
                                <button class="toggle-btn" onclick="toggleParagraph(this)">Read More</button>

                                <!-- Paragraph initially hidden -->
                                <p class="toggle-content" style="display: none;">
                                You can improve QOL after radiation exposure with daily consumption of hysrogen-rich water.
                                </p>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- feature-section end -->



        <!-- about-section -->
        <section class="about-section">
            <div class="auto-container">
                <div class="row align-items-center clearfix">
                    <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                        <figure class="image-box clearfix wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms"><img src="assets/images/about.jpg" alt="" style="    width: 650px;
"></figure>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div class="content_block_1">
                            <div class="content-box wow fadeInRight animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                <div class="sec-title">
                                    <h2>Who We Are: </h2>
                                </div>
                                <div class="text">
                                    <p style="color:black">Biocera Co., Ltd., established in 1994, has been proud of its advancements in functional ceramics for air, water, and microorganisms. We aim to provide the best water-related products to meet our customers' needs. </p>
                                    <p style="color:black">Biocera specializes in manufacturing bacterial inhibitors, far infrared and photocatalyst coating agents, ceramic balls, and application products for antioxidant hydrogen alkaline water filtration. Our commitment to competitive research, technology transfer, and joint investments in bioceramics ensures the health and happiness of our customers.</p>
                                </div>
                                <div class="btn-box">
                                    <a href="about.php" class="theme-btn btn-one">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about-section end -->


        <!-- service-section -->
      <section class="service-section bg-color-1 py-5">
  <div class="container">
    <div class="sec-title text-center mb-5">
      <h2 class="fw-bold">Health Benefits <br>of Ionized Water</h2>
    </div>

    <div class="row gy-4 gx-4">
      <!-- Repeating benefit card -->
      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-primary"><i class="fas fa-stomach fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Cures Acidity & Improves Digestion</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-success"><i class="fas fa-tint fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Hydration & Detoxification</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-warning"><i class="fas fa-bed fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Good Sleep</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-danger"><i class="fas fa-heartbeat fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Weight Loss & Glowing Skin</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-info"><i class="fas fa-syringe fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Diabetes & Blood Pressure</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-secondary"><i class="fas fa-balance-scale fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">pH Balance</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-danger"><i class="fas fa-heart fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Keeps Heart Healthy</h5>
        </div>
      </div>

      <div class="col-12 col-md-6 col-lg-4 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm w-100">
          <div class="icon mb-3 text-primary"><i class="fas fa-bone fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">Cures Joint Pain</h5>
        </div>
      </div>

      <!-- Long Text Card -->
      <div class="col-12 d-flex">
        <div class="benefit-card p-4 text-center rounded-4 shadow-sm border w-100">
          <div class="icon mb-3 text-primary"><i class="fas fa-dna fa-2x"></i></div>
          <h5 class="mb-0" style="color: white;">
            Lower Probability of Cancer – Ionized Water Cleanses Free Radicals & Activated Hydrogen Rejuvenates Cells
          </h5>
        </div>
      </div>
    </div>
  </div>
</section>




        <!-- service-section end -->


        <!-- chooseus-section -->
        <section class="chooseus-section">
            <div class="bg-layer" style="background-image: url(assets/images/shape/shape-5.png);"></div>
            <div class="shape-layer">
                <div class="shape-1" style="background-image: url(assets/images/shape/shape-6.png);"></div>
                <div class="shape-2"></div>
                <div class="shape-3"></div>
                <div class="shape-4" style="background-image: url(assets/images/shape/shape-32.png);"></div>
            </div>
            <div class="auto-container">
                <div class="row clearfix">
                    <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div class="content_block_2">
                            <div class="content-box">
                                <div class="sec-title light">
                                    <h2>Our Vision for Healthier Hydration</h2>
                                </div>
                                <div class="inner-box">
                                    <div class="single-item">
                                        <div class="icon-box"><i class="flaticon-draw-check-mark"></i></div>
                                        <div class="text">
                                            <h4>Our Mission</h4>
                                            <p>Biocera was established in 1994, specialized in manufacturing and selling water-activating bioceramic balls, air purifiers, photocatalyst, antibacterial and alkaline water filters. Biocera mission is to create a healthier and happier environment for our families and neighbors. Biocera products are environmentally and friendly.</p>
                                        </div>
                                    </div>
                                    <div class="single-item">
                                        <div class="icon-box"><i class="flaticon-draw-check-mark"></i></div>
                                        <div class="text">
                                            <h4>Vision</h4>
                                            <p>We hope people around the world live a happy and healthy life every day by drinking Biocera Antioxidant Hydrogen Alkaline Water, wash with Biocera Atozero Happy Plus Showerhead, and doing laundry with Biocera Green Ball.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                        <div class="image-box wow fadeInRight animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <figure class="image"><img src="assets/images/img1.jpg" alt=""></figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- chooseus-section end -->


        <!-- shop-section -->
        <section class="shop-section centred">
            <div class="auto-container">
                <div class="sec-title">
                    <h2>Drink Pure. Live Pure. </h2>
                </div>
                <div class="row clearfix">
                    <div class="col-lg-4 col-md-6 col-sm-12 shop-block">
                        <div class="shop-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500m">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/resource/shop/bwi76.png" alt=""></figure>
                                <div class="lower-content">
                                    <div class="shape" style="background-image: url(assets/images/shape/shape-7.png);"></div>
                                    
                                    <h4><a href="products.php">Biocer Ionizer WI-7600</a></h4>
                                    
                                   
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 shop-block">
                        <div class="shop-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500m">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/jug1.jpg" alt=""></figure>
                                <div class="lower-content">
                                    <div class="shape" style="background-image: url(assets/images/shape/shape-7.png);"></div>
                                    
                                    <h4><a href="jug.php" >Biocera Alkaline Jug</a></h4>
                                    
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                     <div class="col-lg-4 col-md-6 col-sm-12 shop-block">
                        <div class="shop-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500m">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/bottle.jpg" alt=""></figure>
                                <div class="lower-content">
                                    <div class="shape" style="background-image: url(assets/images/shape/shape-7.png);"></div>
                                    
                                    <h4><a href="bottle.php">Biocera A.H.A Water Bottle</a></h4>
                                    
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>
        <!-- shop-section end -->


        <!-- testimonial-section -->
        <!-- <section class="testimonial-section bg-color-1">
            <div class="shape-layer">
                <div class="shape-1" style="background-image: url(assets/images/shape/shape-8.png);"></div>
                <div class="shape-2" style="background-image: url(assets/images/shape/shape-9.png);"></div>
            </div>
            <div class="auto-container">
                <div class="sec-title">
                    <h2>What Our Client are Saying <br />About biocera</h2>
                </div>
                <div class="two-column-carousel owl-carousel owl-theme owl-nav-none">
                    <div class="testimonial-block-one">
                        <div class="inner-box">
                            <figure class="author-thumb"><img src="assets/images/resource/testimonial-1.jpg" alt=""></figure>
                            <div class="inner">
                                <ul class="rating clearfix">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                                <p>Lorem ipsum dolor amet consectur adicing elit sed do usmod tempor incididunt enim ad minim veniam.</p>
                                <h5>Nicolas Lawson</h5>
                                <span class="designation">Designer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-one">
                        <div class="inner-box">
                            <figure class="author-thumb"><img src="assets/images/resource/testimonial-2.jpg" alt=""></figure>
                            <div class="inner">
                                <ul class="rating clearfix">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                                <p>Lorem ipsum dolor amet consectur adicing elit sed do usmod tempor incididunt enim ad minim veniam.</p>
                                <h5>Michael Bean</h5>
                                <span class="designation">Founder CEO</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-one">
                        <div class="inner-box">
                            <figure class="author-thumb"><img src="assets/images/resource/testimonial-1.jpg" alt=""></figure>
                            <div class="inner">
                                <ul class="rating clearfix">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                                <p>Lorem ipsum dolor amet consectur adicing elit sed do usmod tempor incididunt enim ad minim veniam.</p>
                                <h5>Nicolas Lawson</h5>
                                <span class="designation">Designer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-one">
                        <div class="inner-box">
                            <figure class="author-thumb"><img src="assets/images/resource/testimonial-2.jpg" alt=""></figure>
                            <div class="inner">
                                <ul class="rating clearfix">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                                <p>Lorem ipsum dolor amet consectur adicing elit sed do usmod tempor incididunt enim ad minim veniam.</p>
                                <h5>Michael Bean</h5>
                                <span class="designation">Founder CEO</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-one">
                        <div class="inner-box">
                            <figure class="author-thumb"><img src="assets/images/resource/testimonial-1.jpg" alt=""></figure>
                            <div class="inner">
                                <ul class="rating clearfix">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                                <p>Lorem ipsum dolor amet consectur adicing elit sed do usmod tempor incididunt enim ad minim veniam.</p>
                                <h5>Nicolas Lawson</h5>
                                <span class="designation">Designer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-one">
                        <div class="inner-box">
                            <figure class="author-thumb"><img src="assets/images/resource/testimonial-2.jpg" alt=""></figure>
                            <div class="inner">
                                <ul class="rating clearfix">
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                                <p>Lorem ipsum dolor amet consectur adicing elit sed do usmod tempor incididunt enim ad minim veniam.</p>
                                <h5>Michael Bean</h5>
                                <span class="designation">Founder CEO</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- testimonial-section end -->


        <!-- team-section -->
       
        <!-- team-section end -->


        <!-- cta-section -->
      
        <!-- cta-section end -->


        <!-- news-section -->
       
        <!-- news-section end -->


        <!-- main-footer -->
      
        <!-- main-footer end -->

        <?php include 'footer.php'?>

        <!--Scroll to top-->
        <button class="scroll-top scroll-to-target" data-target="html">
            <span class="fal fa-angle-up"></span>
        </button>
    </div>


    <!-- jequery plugins -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/owl.js"></script>
    <script src="assets/js/wow.js"></script>
    <script src="assets/js/validation.js"></script>
    <script src="assets/js/jquery.fancybox.js"></script>
    <script src="assets/js/appear.js"></script>
    <script src="assets/js/scrollbar.js"></script>
    <script src="assets/js/jquery-ui.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>

    <!-- main-js -->
    <script src="assets/js/script.js"></script>
    <script>
function toggleParagraph(button) {
    const paragraph = button.nextElementSibling;
    const isVisible = paragraph.style.display === "block";

    paragraph.style.display = isVisible ? "none" : "block";
    button.textContent = isVisible ? "Read More" : "Read Less";
}
</script>

<script>
document.getElementById('demoForm').addEventListener('submit', function (e) {
  e.preventDefault();
  const name = document.getElementById('name').value.trim();
  const phone = document.getElementById('phone').value.trim();
  const email = document.getElementById('email').value.trim();
  const address = document.getElementById('address').value.trim();
  const city = document.getElementById('city').value.trim();
  const datetime = document.getElementById('datetime').value.trim();

  const phoneNumber = "917020418160"; // Replace with your WhatsApp number
  const message = `Book a Free Demo Request:\nName: ${name}\nPhone: +91 ${phone}\nEmail: ${email}\nAddress: ${address}, ${city}\nPreferred Demo Time: ${datetime}`;
  const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
  window.open(url, '_blank');
});
</script>

</body><!-- End of .page_wrapper -->

<!-- Mirrored from azim.commonsupport.com/Acuasafe/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 03 May 2025 11:48:33 GMT -->
</html>