One Hat Cyber Team

Edit File: certificates.php

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

<title>Biocera</title>

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

<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">

<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/nice-select.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">

</head>
<style>
    .shop-block-one .inner-box {
  background: linear-gradient(135deg, #e0f7fa, #e8f5e9); /* light blue to light green */
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.shop-block-one .inner-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.shop-block-one .image-box {
  text-align: center;
  padding: 20px;
  background: #ffffff;
  border-radius: 12px;
}

.shop-block-one .image-box img {
  max-height: 250px;
  object-fit: contain;
}

.tone-selector {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tone-swatch {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ccc;
  cursor: pointer;
  transition: border 0.3s;
}

.tone-swatch:hover {
  border-color: #01579b;
}
.shop-block-one .image-box{
     background: linear-gradient(135deg, #e0f7fa, #e8f5e9); /* light blue to light green */
}
th{
        color: black;
}
td{
        color: black;
}
p {
    position: relative;
    font-family: 'Spartan';
    color: #000000;
    font-weight: 400;
    margin: 0px;
    transition: all 500ms ease;
    font-size: 16px;
    text-align: justify;
}
</style>

<body>

<?php include 'header.php'?>

<section class="page-title centred" style="background-image: url(assets/images/background/page-title.jpg);">
            <div class="shape" style="background-image: url(assets/images/shape/banner-shap.png);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Certifications</h1>
                </div>
            </div>
        </section>

<section class="py-5 bg-light">
  <div class="container">
    <p>Biocera ensures the safe and best antioxidant hydrogen alkaline mineral water for the customers. It is why the best water purifier companies and customers from around the world choose only Alkaline Biocera. Biocera Balls are tested and certified component by NSF International against NSF/ANSI Standard 42 for its material requirements only. Counterfeit products with uncertified product certification may affect consumer’s health in drinking water-related products.</p><br><br>
    <div class="row text-center">
      
      <div class="col-6 col-md-3 mb-4">
        <img src="assets/images/cert1.jpg" alt="Certificate 1" class="img-fluid mb-2">
        <p class="mb-0">Inno-BIZ</p>
      </div>
      <div class="col-6 col-md-3 mb-4">
        <img src="assets/images/cert2.jpg" alt="Certificate 2" class="img-fluid mb-2">
        <p class="mb-0">ISO 9001:2015</p>
      </div>
      <div class="col-6 col-md-3 mb-4">
        <img src="assets/images/cert3.jpg" alt="Certificate 3" class="img-fluid mb-2">
        <p class="mb-0">GMP Certified</p>
      </div>
      <div class="col-6 col-md-3 mb-4">
       <img src="assets/images/cert6.jpg" alt="Certificate 6" class="img-fluid mb-2">
        <p class="mb-0">Patent</p>
      </div>

<div class="col-6 col-md-4 offset-md-2 mb-4">
        <img src="assets/images/cert5.jpg" alt="Certificate 5" class="img-fluid mb-2">
        <p class="mb-0">Registration</p>
      </div>
      <div class="col-6 col-md-4 mb-4">
         <img src="assets/images/cert4.jpg" alt="Certificate 4" class="img-fluid mb-2">
        <p class="mb-0">NSF International</p>
      </div>
    
    </div>
  </div>
</section>

<?php include 'footer.php'?>

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

<script src="assets/js/script.js"></script>

</body>

</html>