-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (166 loc) · 8.79 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="华人头条,新闻,加拿大,红枫林传媒,可比信息,可比,52hrtt,爱编辑,可比购,可圈">
<meta name="description" content="华人头条以新闻为切入点,专业为旅居海外华人华侨及国内众多关注海外动态的用户提供新闻资讯,及招聘求职、房屋租售、旅游度假、交友互动等生活服务。">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<title>引导页</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/animation.css">
<link rel="stylesheet" href="css/swiper.min.css">
<style>
/************** web by yutao on 2017-9-3 *******************/
</style>
</head>
<body>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide ones">
<div class="one">
<span class="skip startweb">跳过</span>
<img src="images/yun2.png" alt="" class="yun2 yun2animation">
<img src="images/yun.png" alt="" class="yun yunanimation">
<img src="images/yun3.png" alt="" class="yun3 yun3animation">
<div class="content">
<div class="text">
<span class="side">取消</span>
<span class="middle">传统模式</span>
<span class="side">发布</span>
</div>
<div class=" fly2 fly2animation">
<div class="fly_tit"></div>
<div class="fly_right">
<span class="add">加入视频文件 </span>
<span class="lineone"></span>
<span class="linetwo"></span>
</div>
</div>
<div class=" fly1 fly1animation">
<div class="fly1_top clearfloat">
<img src="images/addmusic.png" alt="" class="addmusic">
<div class="fly1top_right">
<div style="background:#fff"></div>
<div></div>
<div></div>
</div>
</div>
<div class="fly2_bot"></div>
</div>
<div class="fly flyanimation">
<div class="fly_tit">
<img src="images/kaixin.png" alt="" class="kaixin">
</div>
<div class="fly_right">
<span class="add">编辑封面</span>
<span class="lineone"></span>
<span class="linetwo"></span>
</div>
</div>
<div class="ification">
<span class="pic">图片</span>
<span class="music">音乐</span>
<span class="video">视频</span>
</div>
</div>
<img src="images/note1.png" alt="" class="note1 note1animation">
<img src="images/note2.png" alt="" class="note2 note2animation">
<img src="images/ellipse1.png" alt="" class="ellipse ellipseanimation">
<div class="wuwrap">
<div class="wuimg wuimganimation">
<img src="images/wu.png" alt="" class="wu">
</div>
</div>
<img src="images/yinfu.png" alt="" class="yinfu yinfuanimation">
<div class="foot">
<p class="foot_tit">图文并茂的经典模式</p>
<p class="foot_titl">图文编辑神器，制作精美文章就是So easy！</p>
</div>
</div>
</div>
<div class="swiper-slide twos">
<div class="two">
<span class="skip2 startweb">跳过</span>
<img src="images/yun2.png" alt="" class="yun222">
<img src="images/yun.png" alt="" class="yun22">
<img src="images/yun3.png" alt="" class="yun322">
<img src="images/polygon.png" alt="" class="polygon">
<img src="images/polygon.png" alt="" class="polygon2">
<img src="images/polygon2.png" alt="" class="polygon3">
<img src="images/rectangle.png" alt="" class="rectangle">
<img src="images/rectangle.png" alt="" class="rectangle2">
<img src="images/ben1.png" alt="" class="ben1">
<img src="images/video2.png" alt="" class="video2">
<img src="images/notobvious.png" alt="" class="notobvious">
<img src="images/article.png" alt="" class="article">
<img src="images/pyramid.png" alt="" class="pyramid">
<img src="images/mobile.png" alt="" class="mobile">
<img src="images/ellipse2.png" alt="" class="ellipse2">
<img src="images/ccc.png" alt="" class="ccc">
<div class="foot">
<p class="foot_tit2">创意十足的自由模式</p>
<p class="foot_titl2">图文自由排版, 你也可以做出这么好看的手账!</p>
<p class="foot_titl22">(即将上线)</p>
</div>
</div>
</div>
<div class="swiper-slide threes">
<div class="three">
<!-- <span class="skip3 startweb">跳过</span> -->
<img src="images/yun2.png" alt="" class="yun233">
<img src="images/yun.png" alt="" class="yun33">
<img src="images/yun3.png" alt="" class="yun333">
<img src="images/smallglob.png" alt="" class="smallglob">
<img src="images/satellite.png" alt="" class="satellite">
<img src="images/good.png" alt="" class="good">
<img src="images/star11.png" alt="" class="star1">
<img src="images/start.png" alt="" class="star2">
<img src="images/start.png" alt="" class="star3">
<img src="images/star11.png" alt="" class="star4">
<img src="images/cebian.png" alt="" class="cebian">
<img src="images/circular2.png" alt="" class="circular2">
<img src="images/ellipse3.png" alt="" class="ellipse3">
<img src="images/cebian2.png" alt="" class="cebian2">
<img src="images/circular3.png" alt="" class="circular3">
<div class="rocketfly_wrap">
<div class="rocketfly_wrapimg">
<img src="images/huojian.png" alt="" class="rocketfly">
</div>
</div>
<img src="images/rocket3.png" alt="" class="rocket3">
<div class="list_top">
<img src="images/list_top.png" alt="">
</div>
<div class="list_bot">
<div class="list_midd">
<img src="images/list_b.png" alt="">
</div>
<div class="list_bott">
<div class="lsit_box"></div>
<div class="list_line"></div>
</div>
</div>
<div class="foot">
<p class="foot_tit3">点赞文章的首页推荐</p>
<p class="foot_titl3">图文编辑神器，制作精美文章就是So easy！</p>
<div class="start startweb">立即体验</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<script src="js/jquery-1.8.3.js"></script>
<script src="js/swiper.min.js"></script>
<script>
window.onload = function() {
$(".startweb").on("click", function() {
window.startWebJs && window.startWebJs.skipClick();
})
}
</script>
</body>
</html>