55 lines
3.9 KiB
HTML
55 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>科技前沿 - AI工具/开源项目/科技资讯</title>
|
|
<meta name="description" content="每日科技资讯，AI工具推荐，开源项目精选，帮你紧跟技术前沿。">
|
|
<meta name="keywords" content="AI工具,开源项目,科技资讯,前沿技术,GitHub,人工智能">
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="navbar-inner">
|
|
<a href="index.html" class="logo"><div class="logo-icon">🚀</div>科技前沿</a>
|
|
<ul class="nav-links">
|
|
<li><a href="index.html" class="active">首页</a></li>
|
|
<li><a href="ai-tools.html">AI工具</a></li>
|
|
<li><a href="opensource.html">开源项目</a></li>
|
|
<li><a href="news.html">科技资讯</a></li>
|
|
<li><a href="about.html">关于</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<section class="hero">
|
|
<h1>🚀 科技前沿资讯站</h1>
|
|
<p>AI工具、开源项目、科技新闻，每日精选，帮你紧跟技术前沿</p>
|
|
<div class="hero-badges">
|
|
<span class="hero-badge">🤖 AI工具</span>
|
|
<span class="hero-badge">📦 开源项目</span>
|
|
<span class="hero-badge">📰 科技资讯</span>
|
|
<span class="hero-badge">🔄 每日更新</span>
|
|
</div>
|
|
</section>
|
|
<div class="container">
|
|
<h2 class="section-title">🔥 今日精选</h2>
|
|
<div class="card-grid">
|
|
<a href="ai-tools.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon blue">🤖</div><h3>AI工具合集</h3><p>精选实用AI工具，写作、编程、设计、视频，提升工作效率</p><div class="card-meta"><span>20+ 工具</span><span>💎 免费/付费</span></div></div></a>
|
|
<a href="opensource.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon green">📦</div><h3>开源项目精选</h3><p>GitHub热门项目，自动化、开发工具、实用软件，每周更新</p><div class="card-meta"><span>每周更新</span><span>⭐ 高星项目</span></div></div></a>
|
|
<a href="news.html" style="text-decoration:none;color:inherit;"><div class="card"><div class="card-icon orange">📰</div><h3>科技资讯</h3><p>每日科技要闻，AI、芯片、互联网、创业，不错过重要动态</p><div class="card-meta"><span>每日更新</span><span>🌍 全球视野</span></div></div></a>
|
|
</div>
|
|
<h2 class="section-title">🤖 热门AI工具</h2>
|
|
<div class="table-wrap">
|
|
<table>
|
|
<tr><th>工具</th><th>类型</th><th>特点</th><th>价格</th></tr>
|
|
<tr><td><strong>ChatGPT</strong></td><td>对话AI</td><td>通用对话、写作、编程</td><td>免费/付费</td></tr>
|
|
<tr><td><strong>Claude</strong></td><td>对话AI</td><td>长文本、代码分析</td><td>免费/付费</td></tr>
|
|
<tr><td><strong>Midjourney</strong></td><td>AI绘画</td><td>高质量图像生成</td><td>付费</td></tr>
|
|
<tr><td><strong>Cursor</strong></td><td>AI编程</td><td>AI代码编辑器</td><td>免费/付费</td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<footer class="footer"><div class="footer-inner"><div><h4>🚀 科技前沿</h4><p style="font-size:14px;line-height:1.8;">每日科技资讯，AI工具推荐，开源项目精选。</p></div><div><h4>快速导航</h4><ul><li><a href="ai-tools.html">AI工具</a></li><li><a href="opensource.html">开源项目</a></li><li><a href="news.html">科技资讯</a></li></ul></div><div><h4>关于</h4><ul><li><a href="about.html">关于我们</a></li></ul></div></div><div class="footer-bottom"><p>© 2026 科技前沿 | 资讯仅供参考</p></div></footer>
|
|
</body>
|
|
</html>
|