<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="你的私人情感社区-将情绪埋进秘密星球,然后继续前进">
<title>某某APP</title>
<link rel="stylesheet" href="style/maicons.css">
<link rel="stylesheet" href="style/animate.css">
<link rel="stylesheet" href="style/owl.carousel.min.css">
<link rel="stylesheet" href="style/bootstrap.css">
<link rel="stylesheet" href="style/mobster.css">
<script type="text/javascript" src="https://res.dankex.cn/sdk/dankex.js"></script>
<script>
function download() {
DankeX.download('x414a51ff279daf0'); //页面完成下载app跳转, 自动区分安卓/IOS
}
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light navbar-floating">
<div class="container">
<a class="navbar-brand" href="#">
<img src="style/favicon.png" alt="" width="40">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler"
aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarToggler">
<ul class="navbar-nav ml-lg-5 mt-3 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">主页</a>
</li>
<li class="nav-item">
<a class="nav-link" href="privacy.html">隐私条款</a>
</li>
<li class="nav-item">
<a class="nav-link" href="useragreement.html">用户协议</a>
</li>
</ul>
<div class="ml-auto my-2 my-lg-0">
</div>
</div>
</div>
</nav>
<div class="page-hero-section bg-image hero-home-1" style="background-image: url(style/bg.png);">
<div class="hero-caption pt-5">
<div class="container h-100">
<div class="row align-items-center h-100">
<div class="col-lg-6 wow fadeInUp">
<h1 class="mb-4">某某APP </h1>
<p class="mb-4">你的私人情感基地<br>涵盖认知行为疗法、正念技巧，有效减少焦虑，助你成长</p>
<a href="javascript:download()" class="btn btn-primary rounded-pill" >安卓下载</a>
<a href="javascript:download()" class="btnn btn-primaryy rounded-pill" >苹果下载</a>
</div>
<div class="col-lg-6 d-none d-lg-block wow zoomIn">
<div class="img-place mobile-preview shadow floating-animate">
<img src="style/app_preview_1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-realive bg-image" style="background-image: url(style/pattern_1.svg);">
<div class="page-section">
<div class="container">
<div class="row">
<div class="col-lg-5 py-3">
<div class="img-place mobile-preview shadow wow zoomIn">
<img src="style/app_preview_2.png" alt="">
</div>
</div>
<div class="col-lg-6 py-3 mt-lg-5">
<div class="iconic-list">
<div class="iconic-item wow fadeInUp">
<div class="iconic-md iconic-text bg-warning fg-white rounded-circle">
<span class="mai-cube"></span>
</div>
<div class="iconic-content">
<h5>纪念过去</h5>
<p class="fs-small">把过去的心事埋进一颗星球，留言给当时的自己，让某某为你封存起来，然后放下一切继续向前</p>
</div>
</div>
<div class="iconic-item wow fadeInUp">
<div class="iconic-md iconic-text bg-info fg-white rounded-circle">
<span class="mai-shield"></span>
</div>
<div class="iconic-content">
<h5>面对现在</h5>
<p class="fs-small">把当下的委屈与焦虑大声告诉树洞，它们会温柔回应你，写下日记记录今天的收获与付出，并告诉自己明天会更好</p>
</div>
</div>
<div class="iconic-item wow fadeInUp">
<div class="iconic-md iconic-text bg-indigo fg-white rounded-circle">
<span class="mai-desktop-outline"></span>
</div>
<div class="iconic-content">
<h5>祈愿未来</h5>
<p class="fs-small">把自己的心愿托付给流星，告诉未来的自己此刻的憧憬与动力，让未来那刻的你为你享受此刻的喜悦</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-section">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-1 py-3 mt-lg-5 wow fadeInUp">
<h1 class="mb-4">回收你的焦虑</h1>
<p class="mb-4">某某的概念涵盖了认知行为疗法、正念技巧，能让你在星球中埋下秘密的同时，慢慢卸下焦虑的外衣。
在App里，除了能打卡写日记之外，你也能回顾之前所记录的烦恼与重要瞬间，这是一个经过证实能减少焦虑的好方法
</p>
<a href="#" class="btn btn-outline-primary rounded-pill">立即下载</a>
</div>
<div class="col-lg-5 py-3">
<div class="img-place mobile-preview shadow wow zoomIn">
<img src="style/app_preview_3.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-section bg-dark fg-white">
<div class="container">
<h1 class="text-center">为什么选某某</h1>
<div class="row justify-content-center mt-5">
<div class="col-md-6 col-lg-3 py-3">
<div class="card card-body border-0 bg-transparent text-center wow zoomIn">
<div class="mb-3">
<img src="style/rocket.svg" alt="">
</div>
<p class="fs-large">画风清新</p>
<p class="fs-small fg-grey">每颗星球有着不同的模样和故事</p>
</div>
</div>
<div class="col-md-6 col-lg-3 py-3">
<div class="card
APP应用下载页,模板2 响应式,支持免填邀请码,绑定邀请关系
需积分: 1 95 浏览量
2024-01-04
15:28:15
上传
评论
收藏 1.91MB RAR 举报
2.rar （25个子文件） 
style 
promotion.svg 4KB
maicons.css 43KB
app_preview_2.png 663KB app_preview_3.png 647KB pattern_1.svg 2KB mobster.css 50KB coins.svg 7KB app_preview_1.png 134KB img maicons.ttf 263KB animate.css 76KB bootstrap.bundle.min.js 79KB bootstrap.css 176KB illustration_contact.svg 57KB bg.png 105KB mobster.js 201B owl.carousel.min.js 43KB rocket.svg 5KB wow.min.js 8KB owl.carousel.min.css 3KB jquery-3.5.1.min.js 87KB favicon.png 1KB testimony.svg 4KB a2.png 186KB a1.png 73KB
index.html 11KB资源评论
