jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
5b700434b80e06b0da5e7c79ec0ef00e52d3d960
orico-official-website-old/app/index/view/group/backup_treasure.phtml
jsasg 48bf3e6f33 init
2024-10-29 14:04:59 +08:00

249 lines
10 KiB
PHTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
{include file="include/head" /}
<meta charset="UTF-8">
<title>Brand Story|Orico</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/backuper.css">
</head>
<body style="background-color:#ecf6ff">
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/banner.jpg" alt=""/>
<div class="banner">
<div class="title">手机备份 如此简单</div>
<div class="sub_title">备份你的美好时光 </div>
<a href="http://z.jd.com/project/details/1856168798.html?from=jr_search&type=0" target="_blank">
<!-- <div class="button">
<span >—京东众筹正式开启—</span>
</div> -->
</a>
</div>
</div>
<!--视频-->
<div class="swt-Container video">
<div class="left img-responsive">
<!-- <img src="__PUBLIC__/web/images/charger/charger_02_video.jpg"> -->
<video controls poster="" width="100%">
<source src="https://www.orico.com.cn/frontend/m_weben/images/backup/backup-vedio.mp4">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
<div class="right">
<div class="title backuper-80">轻松备份</div>
<div class="font-18 text">
随着人们使用手机的频率越来越高，所产生的的
数据量也日益剧增，手机备份功能在日常生活中
越来越重要，解决手机内存不足的同时也满足了
备份数据的需求。
<div class="backuper-b">手机备份宝是一款针对手机用户的存储产品，可
以轻松从手机端备份照片、视频、音乐和文档，
不论在哪都能轻松地使用。</div></div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_03.jpg">
<div class="backuper_03 backuper">
<div class="title">手机备份<br>如此简单</div>
<div class="backuper-btn ">手机备份宝</div>
<div class="icon-text img-responsive">
<ul>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-01.png"><p>操作简单</br>自动备份</p></li>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-02.png"><p>支持iOS</br>Android设备</p></li>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-03.png"><p>海量空间</br>Max 2TB</p></li>
<li><img src="__PUBLIC__/web/images/backuper/backup-03-04.png"><p>随身携带</br>及时备份</p></li>
</ul>
</div>
</div>
</div>
<!--第四屏-->
<div class="backuper_04 img-responsive">
<ul>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-01.jpg">
<div class="back-abso">
<p class="font-big">瞬时备份</p>
<p class="font-small">只需轻轻一点</br>手机内容轻松备份</p>
</div>
</li>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-02.jpg">
<div class="back-abso">
<p class="font-big">全面兼容</p>
<p class="font-small">支持iOS、Android设备</br>焕新手机备份体验 </p>
</div>
</li>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-03.jpg">
<div class="back-abso">
<p class="font-big">乐活分享</p>
<p class="font-small">手掌大小，方便携带</br>随时随地浏览、分享快乐</p>
</div>
</li>
<li><img src="__PUBLIC__/web/images/backuper/backuper_04-04.jpg">
<div class="back-abso">
<p class="font-big">更多空间</p>
<p class="font-small">2TB海量扩容</br>随便存</p>
</div>
</li>
</ul>
</div>
<br clear="all">
<!--第五屏-->
<div class="htmleaf-container">
<div class="container">
<div class="slider-container">
<div class="slider">
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img01.jpg" alt="">
</div>
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img02.jpg" alt="">
</div>
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img03.jpg" alt="">
</div>
<div class="slider__item">
<img src="__PUBLIC__/web/images/backuper/backuper-img04.jpg" alt="">
</div>
</div>
<div class="slider__switch slider__switch--prev" data-ikslider-dir="prev">
<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.89 17.418c.27.272.27.71 0 .98s-.7.27-.968 0l-7.83-7.91c-.268-.27-.268-.706 0-.978l7.83-7.908c.268-.27.7-.27.97 0s.267.71 0 .98L6.75 10l7.14 7.418z"/></svg></span>
</div>
<div class="slider__switch slider__switch--next" data-ikslider-dir="next">
<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.25 10L6.11 2.58c-.27-.27-.27-.707 0-.98.267-.27.7-.27.968 0l7.83 7.91c.268.27.268.708 0 .978l-7.83 7.908c-.268.27-.7.27-.97 0s-.267-.707 0-.98L13.25 10z"/></svg></span>
</div>
</div>
<div class="preview-backer">
<a href="#1"><img src="__PUBLIC__/web/images/backuper/backuper-img01.jpg" alt="" /><div class="pre-backer-text">旅行途中，备份心情</div></a>
<a href="#2"><img src="__PUBLIC__/web/images/backuper/backuper-img02.jpg" alt="" /><div class="pre-backer-text">商务办公，备份文件 </div></a>
<a href="#3"><img src="__PUBLIC__/web/images/backuper/backuper-img03.jpg" alt="" /><div class="pre-backer-text">家庭聚会，备份美好 </div></a>
<a href="#4"><img src="__PUBLIC__/web/images/backuper/backuper-img04.jpg" alt="" /><div class="pre-backer-text">音乐live，备份快乐</div></a>
</div>
</div>
</div>
<!--第六屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_05.jpg">
<div class="backuper_05">
<div class="title">插上就能</br>自动备份</div>
<div class="text">打开“iStore Pro”一键自动备份，</br>
只需轻轻一点，</br>
瞬间将手机内容安全备份。</div>
<div class="backuper-100">*ios系统不支持文档与音频备份</div>
</div>
</div>
<!--第七屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/weben/images/backuper/backuper_06.jpg">
<div class="backuper_06">
<div class="title">随身携带的资料库</div>
<div class="sub_title">最大支持2TB容量的2.5英寸（厚度7-9.5mm）</br>
SATA接口硬盘</div>
<div class="text">
<ul>
<li>
<span class="number">50万</span><sub class="font-12">张</sub>
<p class="number_text">高清照片（4M）</p>
</li>
<li>
<span class="number">1312</span><sub class="font-12">部</sub>
<p class="number_text">高清电影（1.5G）</p>
</li>
<li>
<span class="number">6.65万</span><sub class="font-12">首</sub>
<p class="number_text">无损音乐（4M）</p>
</li>
<li>
<span class="number">200万</span><sub class="font-12">个</sub>
<p class="number_text">文档（1M）</p>
</li>
</ul>
</div>
</div>
</div>
<!--第八屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_08.jpg">
<div class="backuper_05">
<div class="title">轻松管理</br>存储内容</div>
<div class="text">通过软件可轻松查看</br>
管理硬盘存储内容，</br>
并一键备份至手机端。</br>
</div>
</div>
</div>
<!--第九屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_09.jpg">
<div class="backuper_07 backuper">
<div class="title">
一键删除<br>多余文件
</div>
<div class="text">
支持一键删除手机端的</br>
已备份的文件，</br>
瞬间释放容量空间</br>
整理更方便。</br>
</div>
</div>
</div>
<!--第十屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_10.jpg">
<div class="backuper_05">
<div class="title">边备份</br>边充电</div>
<div class="text">Type-C支持数据传输</br>
和辅助供电使用，</br>
备份的同时还能给</br>
手机充电。 </br>
</div>
</div>
</div>
<!--第十一屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_11.jpg">
<div class="backuper_08 backuper">
<div class="title">
告别</br>重复备份
</div>
<div class="text">自动检索备份记录，</br>
采用“增量识别” </br>
彻底告别重复备份。</br> </div>
</div>
</div>
<!--第十二屏-->
<div class="img-responsive position-r">
<img src="__PUBLIC__/web/images/backuper/backuper_12.jpg"></br>
<img src="__PUBLIC__/web/images/backuper/backuper_13.jpg"></br>
<img src="__PUBLIC__/web/images/backuper/backuper_14.jpg"></br>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/web/scripts/slider.js"></script>
<script type="text/javascript">
$(".slider-container").ikSlider({
speed: 500
});
$(".slider-container").on('changeSlide.ikSlider', function (evt) { console.log(evt.currentSlide); });
</script>
<script type="text/javascript">
var $preview = $('.preview-backer a');
function changeActivePreview(i) {
$('.active').removeClass('active');
$preview.eq(i).addClass('active');
}
$preview.on('click', function(e) {
e.preventDefault();
var index = $(this).index();
$('.slider-container').ikSlider(index);
});
$('.slider-container').on('changeSlide.ikSlider', function(e) {
changeActivePreview(e.currentSlide);
});
changeActivePreview(0)
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink