<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我 - 我的个人博客</title>
    <link rel="stylesheet" href="css/style.css">
    <script defer src="js/script.js"></script>
</head>
<body>
    <header>
        <div class="container">
            <a href="index.php" class="logo">MyBlog</a>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.php">首页</a></li>
                    <li><a href="about.php" class="active">关于我</a></li>
                    <li><a href="portfolio.php">作品集</a></li>
                    <li><a href="contact.php">联系我</a></li>
                </ul>
            </nav>
            <div class="header-controls">
                <button id="theme-switcher" class="control-btn">☀️</button>
                <button class="hamburger control-btn" id="hamburger-menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
            </div>
        </div>
    </header>

    <main>
        <div class="container">
            <h1>关于我</h1>
            <p>你好，我是一名在校大学生。喜欢专注于前端技术，对创造美观且用户友好的界面充满热情。</p>
            <p>我的技能包括：HTML, CSS, JavaScript, 以及一些后端知识如PHP和MySQL。我喜欢通过代码将想法变为现实。</p>
        </div>
    </main>

    <footer>
        <div class="container">
            <p>&copy; <?php echo date('Y'); ?> 我的个人博客. All Rights Reserved.</p>
            <p>服务器时间: <?php date_default_timezone_set('Asia/Shanghai'); echo date('Y-m-d H:i:s'); ?></p>
        </div>
    </footer>
</body>
</html>