86 lines
2.5 KiB
HTML
86 lines
2.5 KiB
HTML
|
<!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>
|