index.html 5.84 KB
<!DOCTYPE html>
<html lang="cn-zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
	<title>fit</title>
	<link rel="stylesheet" type="text/css" href="dist/css/style.css">
</head>
<body>
	<div class="nav">
		<h1><a href="/"><img class="logo" src="dist/images/logo.svg" alt="Fit - 私人健身教练"><img class="fit_icon" src="dist/images/fit_subtitle.svg" alt="Fit - 私人健身教练"></a></h1>
		<ul class="nav-lit">
			<li>
				<a href="/checkClient.html?f=fit"><img src="dist/images/btn-android.png" alt="Fit android apk"></a>
			</li>
			<li><a href="https://itunes.apple.com/cn/app/fit-si-ren-jian-shen-jiao-lian/id1102364578?mt=8" class="downloadBtn"><img src="dist/images/btn-app.png" alt="Fit 苹果下载"></a></li>
			<li>
				<img class="nav-code-btn" src="dist/images/btn-qrcode.png" alt="Fit 二维码">
				<img class="nav-code" src="dist/images/qrcode.svg" alt="Fit 二维码">
			</li>
		</ul>
	</div>
	<div class="warp">
		<div class="page page1 clearfix">
			<div class="trigger" id="trigger1"></div>
			<div class="page-left page1-left fl" >
				<img class="page1-logo" src="dist/images/logo.svg" alt="fit">
				<img class="page1-subtitle" src="dist/images/fit_subtitle.svg" alt="fit">
			</div>
			<div class="page-right page1-right fr clearfix">
				<div class="page1-text">
					<img src="dist/images/slogan.svg" alt="塑造自己">
				</div>
				<div class="page1-download">
					<a href="https://itunes.apple.com/cn/app/fit-si-ren-jian-shen-jiao-lian/id1102364578?mt=8" class="downloadBtn"><img src="dist/images/btn-app.png" alt="Fit 苹果下载"></a>
					<a href="/checkClient.html?a=index" class="downloadBtn"><img src="dist/images/btn-android.png" alt="Fit android app"></a>
				</div>
				<div class="page1-code">
					<img src="dist/images/qrcode.svg" alt="二维码">
				</div>
			</div>
		</div>

		<div class="page page2 clearfix">
			<div class="trigger" id="trigger2"></div>
			<div class="page-left page2-left fl" data-move-y="200px" data-move-x="-200px">
				<h2>丰富 健身课程</h2>
				<p>满足不同需求的人群,</p>
				<p>零基础用户也能简单开启健身历程,</p>
				<p>高效达成自己的健身目标。</p>
				<ul>
					<li>
						<strong><img src="dist/images/weight.svg" alt="减肥"></strong>减肥
					</li>
					<li class="w60">
						<strong><img src="dist/images/shape.svg" alt="塑形"></strong>塑形
					</li>
					<li>
						<strong><img src="dist/images/strong.svg" alt="增肌"></strong>增肌
					</li>
				</ul>
			</div>
			<div class="page-right page2-right fr">
				<div class="page2-iphone">
					<img src="dist/images/overview_index_target_01_screen_large.jpg" alt="丰富健身课程">
				</div>
			</div>
		</div>

		<div class="page page3 clearfix ">
		<div class="trigger" id="trigger3"></div>
			<div class="page3-top">
				<h2>顶尖 健身导师</h2>
				<p>顶级健身导师及团队精心打造训练课程及健身计划,</p>
				<p>精准示范训练动作,配备高品质视频呈现。</p>
			</div>
			<div class="page3-center">
				<ul>
					<li><img src="dist/images/overview_index_p3_02_screen_larger.jpg" alt="陈蕴" /></li>
					<li><img src="dist/images/heigarls.jpg" alt="Vanessa Fung" /></li>
					<li><img src="dist/images/chengdan.jpg" alt="程丹" /></li>
				</ul>
			</div>
			<div class="page3-foot">
				<ul>
					<li>
						<h2>陈蕴</h2>
						<p>OneFit健身学院创始人</p>
						<p>UnderArmour中国唯一签约健身导师</p>
					</li>
					<li>
						<h2>Vanessa Fung</h2>
						<p>Fittest Woman in China</p>
						<p>Crossfit培训师</p>
					</li>
					<li>
						<h2>程丹</h2>
						<p>红遍全网的“从小胖妞到职业健身教练”</p>
						<p>身体平衡训练、瑜伽教练</p>
					</li>
				</ul>
			</div>
		</div>

		<div class="page page4 clearfix">
			<div class="trigger" id="trigger4"></div>
			<div class="page-left page4-left fr">
				<h2>记录 训练数据</h2>
				<p>健身打卡,见证你的进阶历程。</p>
				<p>有趣的成长体系,让训练不再枯燥,</p>
				<p>激励自己获取无穷动力。</p>
				<ul>
					<li>
						<strong><img src="dist/images/history.svg" alt="训练记录"></strong>训练记录
					</li>
					<li class="w60">
						<strong><img src="dist/images/develop.svg" alt="等级成长"></strong>等级成长
					</li>
					<li>
						<strong><img src="dist/images/badge.svg" alt="专属徽章"></strong>专属徽章
					</li>
				</ul>
			</div>
			<div class="page-right page4-right fl">
				<div class="page4-iphone">
					<img src="dist/images/example1.jpg" alt="丰富健身课程">
				</div>
			</div>
		</div>

		<div class="page page5 clearfix">
			<ul class="page5-menu">
				<li class="wechat">
					<img src="dist/images/wechat.svg" alt="微信公众号">
					<div class="wechat-code"><img src="dist/images/qrcode.svg" alt="微信二维码" /></div>
				</li>
				<li class="weibo">
					<a href="http://weibo.com/fitfitness"><img src="dist/images/weibo.svg" alt="官方微博"></a>
				</li>
				<li class="toutiao">
					<a href="http://www.toutiao.com/m6252224496"><img src="dist/images/headline.svg" alt="今日头条"></a>
				</li>
			</ul>
			<div class="mail">
				<h3>联系我们</h3>
				<ul>
					<li><img src="dist/images/mail.svg" alt="邮箱"><a href="mailto:#">love@fitapp.cn</a></li>
					<li><img src="dist/images/phone.svg" alt="联系电话">021-62939160</li>
				</ul>
			</div>
			<div class="foot">
				<div class="foot-menu">
					<a href="aboutUs.html" class="aboutus">关于Fit</a>
					<a href="agreement.html" class="agreement">用户协议</a>
					<a href="notice.html" class="notice">注意事项</a>
				</div>
				<div class="copyright"><p>WWW.FITAPP.CN 2016 © All Rights Reserved.</p><p>沪ICP备16009482号</p></div>
			</div>
		</div>
	</div>
	<script src="dist/js/all.min.js"></script>
</body>
</html>