-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (54 loc) · 2.74 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Junr.me - 俊峰</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="./dist/css/base.min.1.0.0.css" />
</head>
<body>
<div class="J-logo" data-delay="72" data-class="amiTopM">
<div id="logo-bg" class="logo-bg">
<canvas id="logo-canvas" style="display: none;"></canvas>
</div>
<div class="logo">
<h1><a href="#" rel="nofollow">俊峰</a></h1>
</div>
</div>
<div class="J-page">
<div class="content">
<div data-delay="62" data-class="zoomOutLeft animated">
<div class="text hide" data-delay="0" data-class="amiText">一道佳肴</div>
<div class="text hide" data-delay="3" data-class="amiText">需要经过多少工序</div>
<div class="text hide" data-delay="8" data-class="amiText">才能口感完美？</div>
<div class="hr"></div>
<div class="text hide" data-delay="16" data-class="amiText">一张网页</div>
<div class="text hide" data-delay="19" data-class="amiText">需要经历怎样的过程</div>
<div class="text hide" data-delay="24" data-class="amiText">才能抵达你面前？</div>
<div class="hr"></div>
<div class="text hide" data-delay="31" data-class="amiText">一个前端</div>
<div class="text hide" data-delay="35" data-class="amiText">需要掌握多少技能</div>
<div class="text hide" data-delay="40" data-class="amiText">才能成为大牛？</div>
<div class="hr"></div>
<!--<div class="text hide" data-delay="48" data-class="amiText">一个博客</div>-->
<!--<div class="text hide" data-delay="51" data-class="amiText">需要经过多久的开发</div>-->
<!--<div class="text hide" data-delay="54" data-class="amiText">才能完成上线？</div>-->
<span class="J-name hide" data-delay="48" data-class="fadeIn animated"><em>- 俊峰 -</em></span>
</div>
<div class="tisText">
<span class="hide red" data-delay="66" data-class="bounceInRight animated">正在努力建设中...</span>
<span class="hide zindex" data-delay="70" data-class="fadeIn animated">可以先瞅一瞅下面的插件</span>
</div>
<!--<div class="J-ym hide" data-delay="75" data-class="zoomIn animated">Junr.me</div>-->
<div class="J-xm hide" data-delay="74" data-class="bounceInRight animated">
<a href="./demo/Jslider/index.m.html">滑动特效</a>
<a href="#">自定义滚动条</a>
</div>
</div>
</div>
<script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script>
<script src="./dist/js/base.min.1.0.0.js"></script>
</body>
</html>