主页

<!DOCTYPE html>

<html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NebulaPKM - 知识星云</title> <link rel="stylesheet" href="./css/style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> </head> <body> <header> <div class="container"> <div class="logo"> <a href="index.html"> <img src="./images/logo.svg" alt="NebulaPKM Logo" class="logo-img"> <span>NebulaPKM</span> </a> </div> <nav> <ul> <li><a href="index.html" class="active">首页</a></li> <li><a href="courses.html">课程</a></li> <li><a href="templates.html">模板</a></li> <li><a href="blog.html">博客</a></li> <li><a href="membership.html">会员计划</a></li> </ul> </nav> <div class="auth-buttons"> <a href="login.html" class="login-btn">登入/注册</a> </div> </div> </header> <section class="hero"> <div class="container"> <div class="hero-content"> <h1>NebulaPKM</h1> <h2>知识星云</h2> <p>可视化第二大脑，搭建知识星云</p> <p>一套系统的方法，将碎片化信息搭建成知识系统，</p> <p>并利用多维可视化来激发创意，解决复杂问题</p> <a href="membership.html" class="cta-button">现在订阅</a> </div> <div class="hero-image"> <img src="./images/galaxy.png" alt="知识星云图"> </div> </div> </section> <section class="features"> <div class="container"> <div class="feature-grid"> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-1.svg" alt="特性图标"> </div> <h3>笔记</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-2.svg" alt="特性图标"> </div> <h3>关系</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-3.svg" alt="特性图标"> </div> <h3>知识</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-4.svg" alt="特性图标"> </div> <h3>星球</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-5.svg" alt="特性图标"> </div> <h3>框架</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-6.svg" alt="特性图标"> </div> <h3>笑脸</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-7.svg" alt="特性图标"> </div> <h3>星云</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-8.svg" alt="特性图标"> </div> <h3>星球</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-9.svg" alt="特性图标"> </div> <h3>网络</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-10.svg" alt="特性图标"> </div> <h3>原子</h3> </div> </div> </div> </section> <footer> <div class="container"> <div class="footer-content"> <div class="footer-logo"> <img src="./images/logo.svg" alt="NebulaPKM Logo"> <span>NebulaPKM</span> </div> <div class="footer-links"> <div class="footer-column"> <h4>产品</h4> <ul> <li><a href="#">功能</a></li> <li><a href="#">价格</a></li> <li><a href="#">下载</a></li> </ul> </div> <div class="footer-column"> <h4>资源</h4> <ul> <li><a href="#">文档</a></li> <li><a href="#">教程</a></li> <li><a href="#">博客</a></li> </ul> </div> <div class="footer-column"> <h4>关于</h4> <ul> <li><a href="#">团队</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">隐私政策</a></li> </ul> </div> </div> </div> <div class="footer-bottom"> <p>&copy; 2023 NebulaPKM. 保留所有权利。</p> </div> </div> </footer> <script src="./js/main.js"></script> </body> </html>

<!DOCTYPE html>

<html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NebulaPKM - 知识星云</title> <link rel="stylesheet" href="./css/style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> </head> <body> <header> <div class="container"> <div class="logo"> <a href="index.html"> <img src="./images/logo.svg" alt="NebulaPKM Logo" class="logo-img"> <span>NebulaPKM</span> </a> </div> <nav> <ul> <li><a href="index.html" class="active">首页</a></li> <li><a href="courses.html">课程</a></li> <li><a href="templates.html">模板</a></li> <li><a href="blog.html">博客</a></li> <li><a href="membership.html">会员计划</a></li> </ul> </nav> <div class="auth-buttons"> <a href="login.html" class="login-btn">登入/注册</a> </div> </div> </header> <section class="hero"> <div class="container"> <div class="hero-content"> <h1>NebulaPKM</h1> <h2>知识星云</h2> <p>可视化第二大脑，搭建知识星云</p> <p>一套系统的方法，将碎片化信息搭建成知识系统，</p> <p>并利用多维可视化来激发创意，解决复杂问题</p> <a href="membership.html" class="cta-button">现在订阅</a> </div> <div class="hero-image"> <img src="./images/galaxy.png" alt="知识星云图"> </div> </div> </section> <section class="features"> <div class="container"> <div class="feature-grid"> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-1.svg" alt="特性图标"> </div> <h3>笔记</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-2.svg" alt="特性图标"> </div> <h3>关系</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-3.svg" alt="特性图标"> </div> <h3>知识</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-4.svg" alt="特性图标"> </div> <h3>星球</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-5.svg" alt="特性图标"> </div> <h3>框架</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-6.svg" alt="特性图标"> </div> <h3>笑脸</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-7.svg" alt="特性图标"> </div> <h3>星云</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-8.svg" alt="特性图标"> </div> <h3>星球</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-9.svg" alt="特性图标"> </div> <h3>网络</h3> </div> <div class="feature-item"> <div class="feature-icon"> <img src="./images/icons/icon-10.svg" alt="特性图标"> </div> <h3>原子</h3> </div> </div> </div> </section> <footer> <div class="container"> <div class="footer-content"> <div class="footer-logo"> <img src="./images/logo.svg" alt="NebulaPKM Logo"> <span>NebulaPKM</span> </div> <div class="footer-links"> <div class="footer-column"> <h4>产品</h4> <ul> <li><a href="#">功能</a></li> <li><a href="#">价格</a></li> <li><a href="#">下载</a></li> </ul> </div> <div class="footer-column"> <h4>资源</h4> <ul> <li><a href="#">文档</a></li> <li><a href="#">教程</a></li> <li><a href="#">博客</a></li> </ul> </div> <div class="footer-column"> <h4>关于</h4> <ul> <li><a href="#">团队</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">隐私政策</a></li> </ul> </div> </div> </div> <div class="footer-bottom"> <p>&copy; 2023 NebulaPKM. 保留所有权利。</p> </div> </div> </footer> <script src="./js/main.js"></script> </body> </html>

评论