<div class="feature-container"> <!-- Banner Image --> <div class="banner-section"><img class="banner-image" alt="Slice75 Banner" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75_WebBanner_New.png?v=1743429322"></div> <!-- 8K Polling Rate Section --> <div class="feature-section no-shadow"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">8K Polling Rate</h2> <p>Industry-standard 8000Hz polling rate, 8X faster response than traditional mechanical keyboards, ensuring every input reaches the system at lightning speed - all of 0.125ms, enabling a lag-free esports performance.</p> <div class="feature-image"><img alt="8K Polling Rate" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/8k.webp?v=1743431507"></div> </div> </div> </div> <!-- Adjustable Actuation Point Section --> <div class="feature-section reverse"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Adjustable Actuation Point</h2> <p>With a trigger precision of 0.01mm, movement error and recoil control are reduced by up to 80% in FPS games like CS2, VALORANT, and Apex Legends. Customize actuation from 0.01mm to 3.3mm for fast combos with no misinputs.</p> <div class="feature-image"><img alt="Adjustable Actuation Point" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/ecbc38b42feab9fe88fbd4e0ccf94f9f.gif?v=1743431675"></div> </div> </div> </div> <!-- Rapid Trigger Section --> <div class="feature-section"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Rapid Trigger</h2> <p>Utilizing magnetic switches, keys can be re-triggered without returning to the original position, increasing high-frequency operation speed by up to 80%.</p> <div class="feature-image"><img alt="Rapid Trigger" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/af3af8a08bd0379b2af221a112d331b4.gif?v=1743431579"></div> </div> </div> </div> <!-- Dynamic Keystroke Section --> <div class="feature-section reverse"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Dynamic Keystroke</h2> <p>4 different actions on a single key based on press depth. Activate up to 4 actions at different levels, with adjustable actuation distance for flexibility, comfort, and customization.</p> <div class="feature-image"><img alt="Dynamic Keystroke" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/e21ad9e8aba29976d7f27cb87d7df2b7.gif?v=1743431563"></div> </div> </div> </div> <!-- Snappy Tappy Section --> <div class="feature-section"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Snappy Tappy</h2> <p>Monitors 2 selected keys and prioritizes them based on your settings, enhancing response speed, accuracy, and input reliability in games.</p> <div class="feature-image"><img alt="Snappy Tappy" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/snappy_tappy.gif?v=1743431740"></div> </div> </div> </div> <!-- Gateron Jade Pro Switch Section --> <div class="feature-section reverse"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Gateron Jade Pro Switch by Default</h2> <p>Gateron Jade Pro Switch features 0.01mm actuation adjustment and Hall effect sensors with a contactless trigger, ensuring rapid response and high stability. Paired with the Slice75, it’s set to be a top gaming keyboard contender in 2025!</p> <div class="stats-grid"> <div class="stats-item"> <strong>100+ million</strong><br>Lifetime</div> <div class="stats-item"> <strong>36±5gf</strong><br>Initial Force</div> <div class="stats-item"> <strong>3.5±0.1mm</strong><br>Total Travel</div> </div> </div> </div> </div> <!-- Sound-Perfecting the Sound Section --> <div class="feature-section no-shadow"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Sound-Perfecting the Sound</h2> <p>The exceptional sound quality of the Slice75 HE stems from four core components, creating a unique sound and typing experience among Hall effect boards.</p> <div class="feature-image"><img alt="Sound Perfection" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75_Exploded_1920x1080_bf17e62b-a390-4abe-a4a7.png?v=1743431830"></div> </div> </div> </div> <!-- Aesthetic Design Section --> <div class="feature-section reverse"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Aesthetic Design</h2> <p>Our cracked ice-inspired back weight ties together the brand and model name, while the elegant logo and matching metal front detail enhance the design without overwhelming it.</p> <div class="feature-image"><img alt="Aesthetic Design" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75_Banner2_01.png?v=1743431852"></div> </div> </div> </div> <!-- Doubleshot PBT Keycaps Section --> <div class="feature-section"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Doubleshot PBT Keycaps</h2> <ul class="feature-list"> <li>Anti-oil lifespan of up to 50 million presses</li> <li>Abrasion resistance</li> <li>High-temperature durability</li> <li>Vibrant colors</li> <li>Ergonomically designed Cherry profile</li> <li>Paired with a complimentary special ESC key</li> </ul> <div class="feature-image"><img alt="Doubleshot PBT Keycaps" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75_DoubleshotKeycaps.png?v=1743431868"></div> </div> </div> </div> <!-- Software Section --> <div class="feature-section reverse no-shadow"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Software - Perfect Control with the Chilkey Web Driver</h2> <p>Optimize your Slice75 HE without installation using our powerful web driver, developed in collaboration with our Product and Software teams for a smooth experience.</p> <div class="feature-image"><img alt="Chilkey Web Driver" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75HEsoftware.png?v=1743431922"></div> </div> </div> </div> <!-- Dimensions Section --> <div class="feature-section no-shadow"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Dimensions</h2> <div class="feature-image"><img alt="Slice75 Dimensions" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75_Dimension.png?v=1743432784"></div> </div> </div> </div> <!-- Contents Section --> <div class="feature-section dark-bg no-shadow"> <div class="feature-row"> <div class="row-text"> <h2 class="section-title">Contents</h2> <div class="feature-image"><img alt="Slice75 Contents" src="https://cdn.shopify.com/s/files/1/0562/7713/9620/files/Slice75HE.png?v=1743432859"></div> </div> </div> </div> <!-- Specifications Section --> <div class="specifications-section"> <h2 class="section-title">Specifications</h2> <div class="specs-grid"> <div class="specs-column"> <h3>Keyboard</h3> <ul class="specs-list"> <li> <strong>Size:</strong> 75%</li> <li> <strong>Connection:</strong> Wired</li> <li> <strong>Technology:</strong> Hall Effect (Magnetic)</li> <li> <strong>Switch:</strong> Gateron Magnetic Jade Pro</li> <li> <strong>Polling Rate:</strong> 8K</li> <li> <strong>Actuation Adjustment:</strong> 0.01mm</li> <li> <strong>Mount:</strong> Silicone Bead Gasket Mount</li> <li> <strong>PCB Plate:</strong> Alu</li> <li> <strong>Dampening:</strong> Cork Dampening (Moisture Protection with Gauze Coating)</li> <li> <strong>Case Material:</strong> CNC Alu</li> <li> <strong>Weight:</strong> 1.85±0.15kg</li> </ul> </div> <div class="specs-column"> <h3>Keycaps</h3> <ul class="specs-list"> <li> <strong>Material:</strong> PBT Doubleshot</li> <li> <strong>Profile:</strong> Cherry</li> <li> <strong>Thickness:</strong> 1.5±0.1mm</li> </ul> </div> <div class="specs-column"> <h3>Switch</h3> <ul class="specs-list"> <li> <strong>Type:</strong> Gateron Magnetic Jade Pro</li> <li> <strong>Initial Force:</strong> 36±5gf</li> <li> <strong>Total Travel:</strong> 3.5±0.1mm</li> <li> <strong>Top Housing Material:</strong> PC</li> <li> <strong>Bottom Housing Material:</strong> PA66</li> <li> <strong>Stem Material:</strong> POM</li> <li> <strong>Spring Material:</strong> Steel</li> </ul> </div> </div> </div> </div> <style> .feature-container { max-width: 1350px; margin: 0 auto; padding: 20px; color: #333; } .banner-section { margin-bottom: 40px; } .banner-image { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .feature-section { margin-bottom: 50px; text-align: center; } .feature-row { display: flex; align-items: center; justify-content: center; gap: 30px; border-radius: 15px; background: #fff; padding: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); overflow: hidden; } .feature-section.reverse .feature-row { flex-direction: row-reverse; } .feature-section.dark-bg .feature-row { background: #242833; } .row-text { flex: 1; max-width: 100%; text-align: center; } .section-title { font-size: 2rem; font-weight: 600; color: #1a1a1a; margin-bottom: 15px; } .feature-section.dark-bg .section-title { color: #fff; } .row-text p { font-size: 1.1rem; color: #666; max-width: 800px; margin: 0 auto 20px; } .feature-section.dark-bg .row-text p { color: #ddd; } .feature-image { margin: 20px auto 0; max-width: 800px; } .feature-image img { width: 100%; height: auto; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); object-fit: contain; } .feature-section.no-shadow .feature-image img { box-shadow: none; } .stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 20px auto 0; max-width: 800px; } .stats-item { text-align: center; font-size: 1rem; color: #444; } .stats-item strong { color: #2c3e50; font-weight: 600; } .feature-list { list-style: none; padding: 0; margin: 20px auto 20px; max-width: 600px; text-align: left; } .feature-list li { font-size: 1rem; margin: 10px 0; color: #444; } /* Specifications Section */ .specifications-section { margin-bottom: 50px; text-align: center; } .specs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 20px; max-width: 1200px; margin-left: auto; margin-right: auto; } .specs-column { background: #fff; padding: 20px; border-radius: 15px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .specs-column h3 { font-size: 1.5rem; font-weight: 600; color: #1a1a1a; margin-bottom: 15px; } .specs-list { list-style: none; padding: 0; text-align: left; } .specs-list li { font-size: 1rem; color: #444; margin: 10px 0; } .specs-list li strong { color: #2c3e50; font-weight: 600; } /* Responsive Design */ @media (max-width: 768px) { .feature-row { flex-direction: column; padding: 15px; } .feature-section.reverse .feature-row { flex-direction: column; } .row-text { max-width: 100%; } .section-title { font-size: 1.8rem; } .row-text p { font-size: 1rem; } .feature-image { max-width: 100%; } .stats-grid { grid-template-columns: 1fr; } .feature-list { text-align: center; } .specs-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .feature-container { padding: 10px; } .feature-row { padding: 10px; } .section-title { font-size: 1.5rem; } .row-text p { font-size: 0.9rem; } .feature-section, .specifications-section { margin-bottom: 30px; } .stats-item, .feature-list li, .specs-list li { font-size: 0.9rem; } .specs-column h3 { font-size: 1.3rem; } } </style>