285 lines
9.8 KiB
HTML
285 lines
9.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>OneAO 记账应用</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta
|
|
name="description"
|
|
content="OneAO 记账应用，帮助用户轻松管理日常收支、分类账目、预算与统计，养成良好理财习惯。"
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="OneAO, 记账, 收支管理, 分类账目, 预算, 财务统计, 理财工具"
|
|
/>
|
|
|
|
<!-- Facebook and Twitter integration -->
|
|
<meta property="og:title" content="OneAO 记账应用" />
|
|
<meta
|
|
property="og:description"
|
|
content="轻松记录每日收支，管理预算与分类账目，养成良好理财习惯。"
|
|
/>
|
|
<meta name="twitter:title" content="OneAO 记账应用" />
|
|
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="css/bootstrap.css" />
|
|
<link rel="stylesheet" href="css/owl.carousel.css" />
|
|
<link rel="stylesheet" href="css/owl.theme.default.min.css" />
|
|
<link rel="stylesheet" href="css/animate.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
|
|
/>
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
</head>
|
|
<body>
|
|
<div id="page-wrap">
|
|
<!-- HERO -->
|
|
<div id="fh5co-hero-wrapper">
|
|
<nav
|
|
class="container navbar navbar-expand-lg main-navbar-nav navbar-light"
|
|
>
|
|
<a class="navbar-brand" href="">OneAO 记账应用</a>
|
|
<button
|
|
class="navbar-toggler"
|
|
type="button"
|
|
data-toggle="collapse"
|
|
data-target="#navbarSupportedContent"
|
|
>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav nav-items-center ml-auto mr-auto">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">首页</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link"
|
|
href="#"
|
|
onclick="$('#fh5co-features').goTo();return false;"
|
|
>功能特点</a
|
|
>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a
|
|
class="nav-link"
|
|
href="#"
|
|
onclick="$('#fh5co-download').goTo();return false;"
|
|
>关于我们</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container fh5co-hero-inner">
|
|
<h1 class="animated fadeIn wow" data-wow-delay="0.4s">
|
|
OneAO 记账应用
|
|
</h1>
|
|
<p class="animated fadeIn wow" data-wow-delay="0.67s">
|
|
OneAO 记账应用帮助用户轻松记录日常收支，分类管理账目，实时查看财务状况，养成良好理财习惯。
|
|
</p>
|
|
|
|
<button
|
|
class="btn btn-md download-btn-first wow fadeInLeft animated"
|
|
data-wow-delay="0.85s"
|
|
onclick="$('#fh5co-download').goTo();return false;"
|
|
>
|
|
了解更多
|
|
</button>
|
|
<button
|
|
class="btn btn-md features-btn-first animated fadeInLeft wow"
|
|
data-wow-delay="0.95s"
|
|
onclick="$('#fh5co-features').goTo();return false;"
|
|
>
|
|
功能介绍
|
|
</button>
|
|
<img
|
|
class="fh5co-hero-smartphone animated fadeInRight wow"
|
|
data-wow-delay="1s"
|
|
src="img/5.png"
|
|
alt="App展示"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ADVANTAGES -->
|
|
<div class="fh5co-advantages-outer">
|
|
<div class="container">
|
|
<h1 class="second-title">
|
|
<span class="span-perfect">核心</span>
|
|
<span class="span-features">功能</span>
|
|
</h1>
|
|
<small>助力日常财务管理</small>
|
|
|
|
<div
|
|
class="row fh5co-advantages-grid-columns wow animated fadeIn"
|
|
data-wow-delay="0.36s"
|
|
>
|
|
<div class="col-sm-4">
|
|
<img class="grid-image" src="img/icon-1.png" alt="Icon-1" />
|
|
<h1 class="grid-title">轻松记录收支</h1>
|
|
<p class="grid-desc">
|
|
支持快速录入收入和支出，随时查看账目明细，记账更高效。
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
<img class="grid-image" src="img/icon-2.png" alt="Icon-2" />
|
|
<h1 class="grid-title">分类管理账目</h1>
|
|
<p class="grid-desc">
|
|
按类别管理收支账目，清晰了解每一笔开销，方便预算规划。
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
<img class="grid-image" src="img/icon-3.png" alt="Icon-3" />
|
|
<h1 class="grid-title">数据统计分析</h1>
|
|
<p class="grid-desc">
|
|
自动生成报表和图表，分析消费习惯，帮助科学理财。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FEATURES -->
|
|
<div
|
|
class="curved-bg-div wow animated fadeIn"
|
|
data-wow-delay="0.15s"
|
|
></div>
|
|
<div id="fh5co-features" class="fh5co-features-outer">
|
|
<div class="container">
|
|
<div class="row fh5co-features-grid-columns">
|
|
<div
|
|
class="col-sm-6 in-order-1 wow animated fadeInLeft"
|
|
data-wow-delay="0.22s"
|
|
>
|
|
<div class="col-sm-image-container">
|
|
<img class="img-float-left" src="img/2.png" alt="功能预览" />
|
|
<span class="span-new">新版</span>
|
|
<span class="span-free">智能</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="col-sm-6 in-order-2 sm-6-content wow animated fadeInRight"
|
|
data-wow-delay="0.22s"
|
|
>
|
|
<h1>应用亮点</h1>
|
|
<p>
|
|
OneAO 记账应用通过简单、智能的操作方式，实现每日收支管理、分类账目整理、预算跟踪和数据分析，帮助用户掌握财务状况，提升理财能力。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fh5co-slider-outer wow fadeIn" data-wow-delay="0.36s">
|
|
<h1>功能展示</h1>
|
|
<div class="container fh5co-slider-inner">
|
|
<div class="owl-carousel owl-theme">
|
|
<div class="item"><img src="img/1.png" alt="" /></div>
|
|
<div class="item"><img src="img/6.png" alt="" /></div>
|
|
<div class="item"><img src="img/2.png" alt="" /></div>
|
|
<div class="item"><img src="img/3.png" alt="" /></div>
|
|
<div class="item"><img src="img/4.png" alt="" /></div>
|
|
<div class="item"><img src="img/5.png" alt="" /></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ABOUT -->
|
|
<div id="fh5co-download" class="fh5co-bottom-outer">
|
|
<div class="overlay">
|
|
<div class="container fh5co-bottom-inner">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h1>关于 OneAO</h1>
|
|
<p>
|
|
OneAO 记账应用专注于帮助用户管理个人收支、预算和账目分析，轻松记录每一笔开销，让理财更科学、更便捷。
|
|
</p>
|
|
<button
|
|
style="
|
|
background-color: #007bff;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 6px;
|
|
padding: 10px 24px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease;
|
|
"
|
|
onmouseover="this.style.backgroundColor='#0056b3'"
|
|
onmouseout="this.style.backgroundColor='#007bff'"
|
|
>
|
|
了解更多
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FOOTER -->
|
|
<footer class="footer-outer">
|
|
<div class="container footer-inner">
|
|
<div
|
|
class="footer-three-grid wow fadeIn animated"
|
|
data-wow-delay="0.66s"
|
|
>
|
|
<div class="column-1-3">
|
|
<h1>OneAO 记账应用</h1>
|
|
</div>
|
|
<div class="column-2-3">
|
|
<nav class="footer-nav">
|
|
<ul>
|
|
<a
|
|
href="#"
|
|
onclick="$('#fh5co-hero-wrapper').goTo();return false;"
|
|
><li>首页</li></a
|
|
>
|
|
<a
|
|
href="#"
|
|
onclick="$('#fh5co-features').goTo();return false;"
|
|
><li>功能特点</li></a
|
|
>
|
|
<a
|
|
href="#"
|
|
onclick="$('#fh5co-download').goTo();return false;"
|
|
><li>关于我们</li></a
|
|
>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="border-bottom-footer"></span>
|
|
|
|
<p style="color: white; display: block; margin: 6px 0">
|
|
© 2025 OneAO 记账应用. 版权所有.
|
|
</p>
|
|
<p style="color: white; display: block; margin: 4px 0">
|
|
官网：
|
|
<a
|
|
href="https://www.oneao.cn"
|
|
target="_blank"
|
|
style="color: #00bfff; text-decoration: underline"
|
|
>
|
|
www.oneao.cn
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/bootstrap.js"></script>
|
|
<script src="js/owl.carousel.js"></script>
|
|
<script src="js/wow.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|