Preview:
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>🔬 Aropha AI Biodegradation Prediction Platform</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
    
    /* General Styles */
    body {
      font-family: 'Roboto', sans-serif;
      margin: 0;
      padding: 0;
      background: #ffffff;
      color: #222a35;
    }
    .wrapper {
      max-width: 1200px;
      margin: 0 auto;
      border-radius: 15px;
      padding: 20px;
      margin-top: 100px; 
    }
    .top-bar {
      background: #222a35;
      color: #ffffff;
      padding: 25px 30px;
      text-align: left;
      font-weight: bold;
      font-size: 1.5em;
      display: flex;
      align-items: center;
      
      /* fix in the top */
      position: fixed; 
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000; /* make sure it's always in the top */
    }

    .top-bar img.logo {
      height: 50px;
      margin-right: 15px;
    }
    header {
      background-color: transparent;
      text-align: center;
      padding: 20px;
      margin-top: 120px;
    }
    header h1 {
      font-size: 2.5em;
      color: #222a35;
    }
    .content {
      padding: 20px 40px;
      text-align: left;
    }
    section {
      margin-bottom: 40px;
      padding: 20px;
      border-radius: 10px;
      background: #eeeeee;
      color: #222a35;
    }
    h2 {
      color: #222a35;
      border-bottom: 2px solid #66ccff;
      padding-bottom: 8px;
    }
    p { line-height: 1.6; }
    .img-center {
      display: block;
      margin: 0 auto;
    }
    
    /* Buttons */
    .button-container {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 20px;
    }
    .btn {
      display: inline-block;
      padding: 12px 24px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      border-radius: 8px;
      transition: all 0.3s ease;
    }
    .btn{
      background: #222a35;
      color: #ffffff;
      font-weight: bold;
    }
    .btn:hover {
      background: #66ccff;
      color: #ffffff;
    }
    
    /* Footer Styles */
    footer {
      text-align: center;
      padding: 20px 0;
      background: #222a35;
      color: #ffffff;
      border-radius: 10px;
    }
  </style>
</head>
<body>
  <div class="top-bar">
    <img src="https://www.users.aropha.com/static/assets/img/logo-rectangular.png" alt="Aropha Logo" class="logo">
  </div>
  <header>
    <h1><p>AI for Bridging Cheminformatics and Biostatistics</p>
      <p>Biodegradation Simulation</p>
    </h1>
  </header>
  <div class="wrapper">
    <div class="content">
      <section style="text-align: center;">
        <div class="button-container">
          <a href="/user_registration.html" class="btn">User Registration</a>
          <a href="/tutorials.html" class="btn">Tutorials and Documentations</a>
          <a href="/activate_free_trial.html" class="btn">Activate Free Trial</a>
          <a href="/aropha_data_submission.html" class="btn">Data Processing Portal and Check Credits</a>
          <a href="/Biodegrability screening case study.html" class="btn">Biodegrability screening case study</a>
          <a href="/purchase_ai_engine_credits.html" class="btn">Purchase Simulation Credits</a>
        </div>
      </section>
    <section>
        <!-- introduction -->
        <img src="images/background_img.webp" alt="Background Image of Aropha AI Platform" class="img-center" style="max-width:50%;">
        <h2>Introduction to ArophaAI</h2>
        <p>
            <strong>Digital Twin Simulation to Streamline Biodegradability Testing</strong>
        </p>
        <p>
          ArophaAI is a digital twin simulation platform that bridges cheminformatics and biostatistics using AI-powered engines. It enables you to replicate biodegradability tests within a software environment, allowing you to design experiments, adjust variables, and analyze how your product or material behaves under various testing conditions.        </p>
        <p>
          <strong>Why ArophaAI?</strong>
        </p>
        <p>
            The goal of ArophaAI is to reduce the reliance on physical screening tests through digital simulations, enabling you to focus laboratory resources on validation rather than exploration. This allows you to gain confidence in your material’s biodegradation profile before submitting samples for physical testing, ultimately saving resources and time.
        </p>
        
        <h2>How ArophaAI Works</h2>
        <p>
            You will input your product’s chemical formula and configure the test parameters, including the testing method, inoculum options, temperature, and pH. Once the simulation runs, you will receive results similar to lab-based biodegradability testing, including a biodegradation curve over time and a submission-ready template. These digital results can replace up to 90% of lab screening tests.
        </p>
      </section>
      <!-- why Aropha AI -->
      <section>
        <h2>Data Securtiy (Aiming for ISO27001)</h2>
        <p>Designed with privacy at its core, the pipeline ensures zero visibility into your data: no data is printed, stored on hard drives, or retained on persistent storage — even temporarily. All computations performed entirely in RAM and results are securely delivered back to you.</p>
      </section>
      <!-- Spreadsheet Template Section -->
      <section>
        <h2>Spreadsheet Template for Batch Data Submission</h2>
        <p>
          We have simplified parameter selection for our complex AI methodology by providing a well-structured spreadsheet template.
          To run inferences on our processing server, simply submit your experimental design using this template.
          Your submitted data is never stored in our database; all computations are performed entirely in memory.
          Once processing is complete, you will receive your final results via secure email.
        </p>
        <p>
          To buy simulation creditsrequest a blank copy of the spreadsheet template, please contact our sales team at 
          <a href="mailto:sales@aropha.com">sales@aropha.com</a>.
        </p>
        <p>
          To check your credits or submit your spreadsheet template, please visit our 
          <a href="/aropha_data_submission.html"> Biodegredation Data Processing Portal</a>.
        </p>
      </section>

      <!-- Chemical Data Entry Section -->
      <section>
        <h2>Chemical Data Entry</h2>
        <p>Chemical data can be provided in one of three ways:</p>
        <ul>
          <li>Full SMILES notation of the substance</li>
          <li>in-silico Polymer Synthesis from Monomer Units</li>
          <li>IR Data Entry</li>
        </ul>
        <img src="images/image 7.png" alt="Chemical Data Entry" class="img-center" style="max-width:90%;">
      </section>

      <!-- AI Engines Section -->
      <section>
        <h2>AI Engines</h2>
        <p>Select the AI engine that best suits your experiment.</p>
        <div class="table-container">
          <table>
            <thead>
              <tr>
                <th>AI Engine</th>
                <th>Chemical Space</th>
                <th>Degree of Polymerization</th>
                <th>Suggested MW for small molecules</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Aropha Former</td>
                <td>Small Molecule + Macromolecular Polymer</td>
                <td>&le; 100</td>
                <td>&le; 500</td>
              </tr>
              <tr>
                <td>ArophaGrapher</td>
                <td>Small Molecule + Macromolecular Polymer</td>
                <td>&le; 2000</td>
                <td>&ge; 500</td>
              </tr>
              <tr>
                <td>ArophaPolyformer</td>
                <td>Macromolecular Polymer</td>
                <td></td>
                <td></td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>

      <!-- Material Morphology Section -->
      <section>
        <h2>Material Morphology</h2>
        <p>
          We consider the impact of material morphology. Please select the shape type that best matches your material from our list and provide the relevant parameters.
        </p>
        <img src="images/image 5.png" alt="Material Morphology" class="img-center" style="max-width:70%;">
      </section>

      <!-- Method Section -->
      <section>
        <h2>Method</h2>
        <p>
          You can choose from 60 standard methods for your experiment or design a customized method tailored to specific environmental conditions.
        </p>
        <img src="images/image 6.png" alt="Method" class="img-center" style="max-width:70%;">
      </section>
    </div>
  </div>

  <footer>
    <p>
      Follow us on <a href="https://www.linkedin.com/company/aropha/">LinkedIn</a> | &copy; 2025 Aropha Inc. All Rights Reserved.
    </p>
  </footer>
</body>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter