-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (63 loc) · 3.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Watch - Apple (中国)</title>
<link rel="shortcut icon" type="image/x-icon" href="img/apple (2).png">
<link rel="stylesheet" type="text/css" href="index.css">
<link href="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.css" rel="stylesheet">
</head>
<body>
<div id="fullpage">
<div class="section section1">
<h1>它,终于来了.</h1>
<p>为了充分发挥体积小巧以及佩戴于手腕的优势,Apple Watch 带来全新的科技互动方式.他可以让你更快速便捷的完成一些早已习惯的事,也可以实现过去根本无法企及的新功能.因此,这将会是焕然一新的使用体验,也将实现与你前所未有的贴近.
</p>
<a href="#">进一步了解</a>
</div>
<div class="section section2">
<h1>真正与你贴近的个人设备</h1>
<a href="#">进一步了解</a>
</div>
<div class="section section3">
<h1>非同一般的精准计时</h1>
<P>高级手表向来以计时精准为本，Apple Watch 更是如此。它采用多种技术，配合你的 iPhone，与全球标准时间的误差不超过 50 毫秒。当你跨时区旅行的时候，它会自动调整到当地时间。Apple Watch 还会根据你的日常生活和日程，向你发送相关通知和提醒，更贴近你的需要。 联系更及时，沟通更亲密。</P>
<a href="#">进一步了解计时</a>
</div>
<div class="section section4">
<h1>在三个特点鲜明的系列中找到你的风格</h1>
<div class="row">
<div class="column">
<img src="img/primary_large_2x.jpg" class="primary">
<h4 class="primary"></h4>
<div class="intro">
<p>不锈钢或深空黑不锈钢表壳,蓝宝石水晶镜面,搭配多款时尚表带.</p>
<a href="#" class="more">了解更多</a>
</div>
</div>
<div class="column">
<img src="img/sport_large_2x.jpg" class="sport">
<h4 class="sport"></h4>
<div class="intro">
<p>银色或深空灰色的阳极氧化铝金属表壳，强化Ion-X玻璃，搭配亮丽柔韧的表带.</p>
<a href="#" class="more">了解更多</a>
</div>
</div>
<div class="column">
<img src="img/edition_large_2x.jpg" class="edition">
<h4 class="edition"></h4>
<div class="intro">
<p>18K黄金或玫瑰金表壳，蓝宝石水晶镜面，搭配精雕细琢的表带及表扣</p>
<a href="#" class="more">了解更多</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.js"></script>
<!-- <script src="https://cdn.bootcss.com/move.js/0.5.0/move.min.js"></script> -->
<script src="https://cdn.staticfile.org/move.js/0.5.0/move.min.js"></script>
<script src='index.js'></script>
</body>
</html>