<!-- 在<head>部分保持相同样式 -->
<body>
    <header class="header">
        <nav class="nav">
            <a href="index.html">首页</a>
            <a href="products.html">产品中心</a>
            <a href="about.html">关于我们</a>
        </nav>
    </header>

    <div class="container">
        <h2>我们的产品</h2>
        <div class="product-grid">
            <div class="product-card">
                <img src="product1.jpg" alt="运动鞋">
                <h3>运动系列</h3>
                <p>专业运动缓震技术</p>
                <p class="price">¥299.00</p>
                <button class="btn">查看详情</button>
            </div>
            <!-- 更多产品卡片 -->
        </div>
    </div>

    <footer class="footer">
        <!-- 相同页脚 -->
    </footer>
</body>