<!--- about.html €{ËNu˜ ---> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>sQŽNbìN </title> <style> .about-section { max-width: 1200px; margin: 80px auto 0; padding: 2rem; } .about-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } .history-timeline { border-left: 3px solid #004a8f; padding-left: 2rem; margin: 2rem 0; } .timeline-item { margin-bottom: 2rem; position: relative; } .timeline-item::before { content: ''; width: 15px; height: 15px; background: #004a8f; position: absolute; left: -2.5rem; top: 5px; border-radius: 50%; } </style> </head> <body> <nav class="navbar"> <!-- ü[*‚ T–™u˜ --> </nav> <div class="about-section"> <div class="about-columns"> <div> <h2>lQøS€{ËN</h2> <p>öeãNÑy€b gP–lQøSbËzŽN2015t^...</p> </div> <div> <h2>ÑSU\†S z</h2> <div class="history-timeline"> <div class="timeline-item"> <h4>2015t^</h4> <p>lQøSck_bËz ÿNèlå]Nê�¨RS†˜ßW</p> </div> <!-- ôfYöeô•‚‚¹p --> </div> </div> </div> </div> <footer> <!-- u˜� T–™u˜ --> </footer> </body> </html>