BBM-ICS-Last-Version

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>BBM Industrial Control Suite - Professional Solutions</title>
  <!-- Font Awesome for Professional Icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
  <style>
    @page {
      margin: 1.2cm;
      size: A4;
      @top-center { content: element(header); }
      @bottom-center { content: element(footer); }
    }
    
    * {
      box-sizing: border-box;
    }

    /* Center the container */
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px; /* Adjust height as needed */
  width: 200px; /* Adjust width as needed */
  overflow: hidden;
  position: relative;
}

/* Style the video */
#dynamic-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* Fade edges using mask */
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;

  mask-image: radial-gradient(circle, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
    
    body {
      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      line-height: 1.6;
      color: #2c3e50;
      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
      margin: 0;
      padding: 0;
      font-size: 14px;
    }
    
    .container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px;
      background: white;
      box-shadow: 0 20px 60px rgba(0,0,0,0.1);
      border-radius: 12px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    
    /* Language Selector */
    .language-selector {
      position: fixed;
 ...