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