<!--- about.html {Nu ---> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>sQNbN </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"> <!-- [* Tu --> </nav> <div class="about-section"> <div class="about-columns"> <div> <h2>lQS{N</h2> <p>eNyb gPlQSbzN2015t^...</p> </div> <div> <h2>SU\S z</h2> <div class="history-timeline"> <div class="timeline-item"> <h4>2015t^</h4> <p>lQSck_bz Nl]NꁨRSW</p> </div> <!-- fYep --> </div> </div> </div> </div> <footer> <!-- u Tu --> </footer> </body> </html>