<!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>© 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>