Update README.md

README.md

@@ -1,10 +1,297 @@
 ---
 title: README
-emoji: 😻
-colorFrom: blue
-colorTo: red
-sdk: docker
+emoji: 📚
+colorFrom: yellow
+colorTo: yellow
+sdk: static
 pinned: false
+short_description: keeper-security org card
 ---
 
-Edit this `README.md` markdown file to author your organization card.
+<style>
+  @font-face {
+    font-family: 'Outfit';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url('https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2') format('woff2');
+  }
+  
+  @font-face {
+    font-family: 'Outfit';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url('https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2') format('woff2');
+  }
+  
+  .keeper-wrapper {
+    font-family: 'Outfit', sans-serif;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+  }
+  
+  .keeper-header {
+    background-color: #000000;
+    padding: 30px 20px;
+    text-align: center;
+    border-radius: 6px 6px 0 0;
+  }
+  
+  .keeper-heading {
+    color: #FFFFFF;
+    border-bottom: 3px solid #FFCC00;
+    display: inline-block;
+    margin: 20px 0;
+  }
+  
+  .keeper-card {
+    background-color: #FFFBEA; 
+    border-left: 4px solid #FFCC00; 
+    padding: 15px;
+    margin-bottom: 15px;
+  }
+  
+  .keeper-card h3 {
+    margin-top: 0;
+    color: #000;
+  }
+  
+  .keeper-dark-section {
+    background-color: #000000;
+    color: white;
+    padding: 20px;
+    border-radius: 4px;
+    margin: 20px 0;
+  }
+  
+  .keeper-yellow {
+    color: #FFCC00;
+  }
+  
+  /* Banner animation replacing video */
+  .banner-container {
+    position: relative;
+    overflow: hidden;
+    max-width: 800px;
+    height: 300px;
+    margin: 0 auto 30px;
+    border-radius: 6px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+  }
+  
+  .banner-slide {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    transition: opacity 1s ease-in-out;
+    background-size: cover;
+    background-position: center;
+  }
+  
+  .banner-slide:nth-child(1) {
+    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.keepersecurity.com/assets/images/home-hero-1.jpg');
+    animation: fade 15s infinite;
+    animation-delay: 0s;
+  }
+  
+  .banner-slide:nth-child(2) {
+    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.keepersecurity.com/assets/images/pam-hero.jpg');
+    animation: fade 15s infinite;
+    animation-delay: 5s;
+  }
+  
+  .banner-slide:nth-child(3) {
+    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.keepersecurity.com/assets/images/enterprise-hero.jpg');
+    animation: fade 15s infinite;
+    animation-delay: 10s;
+  }
+  
+  .banner-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    text-align: center;
+    width: 80%;
+  }
+  
+  .banner-content h3 {
+    color: #FFCC00;
+    margin-bottom: 15px;
+    font-size: 24px;
+  }
+  
+  @keyframes fade {
+    0% { opacity: 0; }
+    10% { opacity: 1; }
+    33% { opacity: 1; }
+    44% { opacity: 0; }
+    100% { opacity: 0; }
+  }
+  
+  /* Logo carousel animation */
+  @keyframes slide {
+    0% { transform: translateX(0); }
+    100% { transform: translateX(-1200px); }
+  }
+  
+  .logo-slider {
+    display: flex;
+    animation: slide 30s linear infinite;
+    width: max-content;
+  }
+  
+  .logo-item {
+    margin: 0 20px;
+    text-align: center;
+    min-width: 100px;
+  }
+
+  .logo-item img {
+    display: block; 
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+  }
+
+  .logo-item figcaption {
+    font-size: 12px;
+    margin-top: 5px;
+    color: white;
+  }
+</style>
+
+<div class="keeper-wrapper">
+  <div class="keeper-header" style="text-align: center;">
+      <img src="https://www.keepersecurity.com/assets/branding/keeper-logo-light.svg" alt="Keeper Security" width="300" style="display: block; margin-left: auto; margin-right: auto;">
+    <h2 class="keeper-heading">Next-Generation Privileged Access Management</h2>
+  </div>
+<div style="text-align: center; margin: 30px 0;">
+    <div style="font-size: 20px; margin-bottom: 15px;">
+      <strong>Trusted by millions of users and thousands of organizations worldwide</strong>
+    </div>
+    <div style="display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;">
+      <div style="text-align: center;">
+        <div style="font-size: 32px; font-weight: bold; color: #FFCC00;">
+          120+
+        </div>
+        <div>
+          Countries
+        </div>
+      </div>
+      <div style="text-align: center;">
+        <div style="font-size: 32px; font-weight: bold; color: #FFCC00;">
+          300K+
+        </div>
+        <div>
+          5-Star Reviews
+        </div>
+      </div>
+      <div style="text-align: center;">
+        <div style="font-size: 32px; font-weight: bold; color: #FFCC00;">
+          #1
+        </div>
+        <div>
+          Value Leader in PAM
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="keeper-dark-section">
+    <div style="overflow-x: scroll; position: relative; background-color: #121212; border-radius: 4px;">
+      <div class="logo-slider">
+        <figure class="logo-item">
+          <img alt="ISO" src="https://keepersecurity.com/assets/certifications/iso-white.svg" height="60" width="60">
+          <figcaption>
+            ISO 27001
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="SOC 2" src="https://keepersecurity.com/assets/certifications/aicpa-white.svg" height="60" width="60">
+          <figcaption>
+            SOC 2
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="FedRAMP" src="https://keepersecurity.com/assets/certifications/fedramp-white.svg" height="60" width="60">
+          <figcaption>
+            FedRAMP
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="GovRAMP" src="https://keepersecurity.com/assets/certifications/govramp-white.svg" height="60" width="60">
+          <figcaption>
+            GovRAMP
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="HIPAA" src="https://keepersecurity.com/assets/certifications/hipaa-white.svg" height="60" width="60">
+          <figcaption>
+            HIPAA
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="GDPR" src="https://keepersecurity.com/assets/certifications/gdpr-white.svg" height="60" width="60">
+          <figcaption>
+            GDPR
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="FDA" src="https://keepersecurity.com/assets/certifications/fda-white.svg" height="60" width="60">
+          <figcaption>
+            FDA 21 CFR
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="CMMC" src="https://keepersecurity.com/assets/certifications/cmmc-white.svg" height="60" width="60">
+          <figcaption>
+            CMMC
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="PCI" src="https://keepersecurity.com/assets/certifications/pci-white.svg" height="60" width="90">
+          <figcaption>
+            PCI DSS
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="TRUSTe" src="https://keepersecurity.com/assets/certifications/truste-white.svg" height="60" width="90">
+          <figcaption>
+            TRUSTe
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="FIPS 140-3" src="https://keepersecurity.com/assets/certifications/fips-140-3-white.svg" height="60" width="60">
+          <figcaption>
+            FIPS 140-3
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="ISO" src="https://keepersecurity.com/assets/certifications/iso-white.svg" height="60" width="60">
+          <figcaption>
+            ISO 27001
+          </figcaption>
+        </figure>
+        <figure class="logo-item">
+          <img alt="SOC 2" src="https://keepersecurity.com/assets/certifications/aicpa-white.svg" height="60" width="60">
+          <figcaption>
+            SOC 2
+          </figcaption>
+        </figure>
+      </div>
+    </div>
+  </div>
+  <div style="text-align: center; margin-top: 10px;">
+    <a href="https://www.keepersecurity.com/privileged-access-management/" style="background-color: #FFCC00; color: black; padding: 10px 25px; text-decoration: none; border-radius: 4px; font-weight: bold; display: inline-block; margin-right: 10px;">Explore KeeperPAM</a> <a href="https://www.keepersecurity.com" style="background-color: #333; color: white; padding: 10px 25px; text-decoration: none; border-radius: 4px; font-weight: bold; display: inline-block;">Visit Website</a>
+  </div>
+  <div style="text-align: center; margin-top: 5px; color: #666; font-size: 12px;">
+    <p>© 2025 Keeper Security, Inc. All Rights Reserved.</p>
+  </div>
+</div>