<!DOCTYPE html>
<html lang="en">
<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">
    <style>
        /* 新增的样式,用于作品卡片 */
        .project-card {
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 10px;
            margin: 10px;
            transition: box-shadow 0.3s, transform 0.3s;
            cursor: pointer;
        }

        .project-card:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            transform: scale(1.05);
        }

        .project-card img {
            width: 100%;
            border-radius: 10px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>

    <header>
        <h1>汐云安全工作室</h1>
        <p>热爱编程、科技、IT的年轻团队</p>
    </header>

    <nav>
        <a href="index.html">主页</a>
        <a href="members.html">主要成员</a>
        <a href="">作品展示</a>
        <a href="about.html">关于我们</a>
        <a href="xysoft.html">软件商店</a>
        <a href="sosuo.html">汐云搜索</a>
        <a href="yl.html">友情链接</a>
        <a href="mx.html">鸣谢</a>
    </nav>

    <section id="portfolio" class="content">
        <h2>作品展示介绍</h2>
        <p>这里将凝聚起我们最好的作品</p>
        
        <!-- 2023年4月25日 - 宇晨电脑管家 -->
        <div class="project-card" onclick="location.href='index2.html'">
            <h3> 宇晨电脑管家</h3>
            <p>2023年4月25日</p>
            <p>这是一个集成工具箱和杀毒功能的管家</p>
            <!-- 可以添加更多作品信息,如技术细节、截图等 -->
        </div>

        <!-- 2022年2月10日 - 发布汐云浏览器-->
        <div class="project-card" onclick="location.href='index1.html'">
            <h3> 汐云记事本</h3>
            <p>2024年8月18日</p>
            <p>这是一个记事本</p>
            <!-- 可以添加更多作品信息,如技术细节、截图等 -->
        </div>


        <!-- 可以添加更多作品 -->

    </section>

    <footer>
        <p>&copy; 2022-2024 汐云安全工作室</p>

                          <div class="ycyun">
                本网站由 <a href="https://www.rainyun.com/OTMxOTE=_"><img src="picture/rainyun.png"></a> 提供CDN加速/云服务器服务<br><br>
                            
            </div>
</div>        </div>
    </footer>

</body>
</html>