-
Notifications
You must be signed in to change notification settings - Fork 0
/
we_do.html
233 lines (233 loc) · 7.25 KB
/
we_do.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="nav-header">
<nav class="content">
<a href="index.html" class="logo">FLAPPY<span class="tool-tip">Home</span></a>
<a href="contact.html" class="nav-item ">Contact</a>
<a href="we_do.html" class="nav-item">We Do</a>
<a href="index.html" class="nav-item">Index</a>
</nav>
</header>
<nav class="fcn-nav">
<a class="fcn-btn" href="javascript:;">
<span class="rect"></span>
<span class="rect"></span>
<span class="rect"></span>
</a>
<a class="fcn-item" href="index.html">Index</a>
<a class="fcn-item" href="we_do.html">We do</a>
<a class="fcn-item" href="contact.html">Contact</a>
</nav>
<section>
<div class="main_content">
<div class="mountain_view">
<h1>
<span class="view_from">FROM NOW</span>
<span class="view_bird"></span>
<span class="view_be">BEING DIFFERENT</span>
</h1>
<h2>
Go online with civility , which will help you learn ,grow ,and change .
</h2>
</div>
<div class = "detail_view">
<div class = "detail_top">
<div class="top_item top_item1">
<div class="row-2">
<!-- normal -->
<div class="item-hover circle effect15 left_to_right">
<a href="javascript:;">
<div class="img"><img src="img/k.jpg" alt="img"></div>
<div class="info">
<h3>Keep Running</h3>
<p>Life is colorful.</p>
</div>
</a>
</div>
</div>
</div>
<div class="top_item top_item2">
<div class="row-2">
<!-- normal -->
<div class="item-hover circle effect15 left_to_right">
<a href="javascript:;">
<div class="img"><img src="img/c.jpg" alt="img"></div>
<div class="info">
<h3>Chasing Dreams</h3>
<p>Chances are everywhere.</p>
</div>
</a>
</div>
</div>
</div>
<div class="top_item top_item3">
<div class="row-2">
<!-- normal -->
<div class="item-hover circle effect15 left_to_right">
<a href="javascript:;">
<div class="img"><img src="img/b.jpg" alt="img"></div>
<div class="info">
<h3>Be Yourself</h3>
<p>Never lose your mind.</p>
</div>
</a>
</div>
</div>
</div>
</div>
<div class = "detail_top top_details">
<div class="wave_lines"></div>
<h4>FLAPPY PICKS</h4>
<div class="top_item">
<div class="row-2">
<div class="item-hover circle effect18 right_to_left">
<a href="javascript:;">
<div class="img"><img src="img/p1.jpg" alt="img"></div>
<div class="info">
<h3>Go out</h3>
<p>With your friends/p>
</div>
</a>
</div>
</div><p class="item_decs">Go out with your firends.</p>
</div>
<div class="top_item">
<div class="row-2">
<div class="item-hover circle effect18 bottom_to_top">
<a href="javascript:;">
<div class="img"><img src="img/p2.jpg" alt="img"></div>
<div class="info">
<h3>Keep exercise</h3>
<p>Keep healthy in mind.</p>
</div>
</a>
</div>
</div><p class="item_decs">Keep exercising.</p>
</div>
<div class="top_item">
<div class="row-2">
<div class="item-hover circle effect18 left_to_right">
<a href="javascript:;">
<div class="img"><img src="img/p3.jpg" alt="img"></div>
<div class="info">
<h3>Enjoy sunshine</h3>
<p>Nature is wonderful.</p>
</div>
</a>
</div>
</div><p class="item_decs">Enjoy outdoors.</p>
</div>
<div class="top_item">
<div class="row-2">
<div class="item-hover circle effect18 right_to_left">
<a href="javascript:;">
<div class="img"><img src="img/p4.jpg" alt="img"></div>
<div class="info">
<h3>Go outside</h3>
<p>Go out from your little world.</p>
</div>
</a>
</div>
</div><p class="item_decs">Go outside.</p>
</div>
<div class="top_item">
<div class="row-2">
<div class="item-hover circle effect18 top_to_bottom">
<a href="javascript:;">
<div class="img"><img src="img/p5.jpg" alt="img"></div>
<div class="info">
<h3>Reading</h3>
<p>Books are your teachers.</p>
</div>
</a>
</div>
</div><p class="item_decs">Reading.</p>
</div>
<div class="top_item">
<div class="row-2">
<div class="item-hover circle effect18 left_to_right">
<a href="javascript:;">
<div class="img"><img src="img/p6.jpg" alt="img"></div>
<div class="info">
<h3>Smile</h3>
<p>Life is difficult,just keep easy.,</p>
</div>
</a>
</div>
</div><p class="item_decs">Smile to your friends.</p>
</div>
</div>
</div>
<div class="detail_view more_info_content ">
<div class= "more_info ">
<h6>visit more</h6>
<div class="wave_lines"></div>
<div class="info_more">
<span class="info_1">FLAPPY</span>
<span class="info_2">MORE</span>
<span class="info_3"></span>
</div>
</div>
<section class="articleArea">
<article class="post ">
<div class="img_wrap pic1"></div>
<hgroup class="hg_content">
<h2 class="post_title">The world is so big, <br>And we are so small .<br>Nice to meet you,<br>My friend.</h2>
<h6 class="post_date">April 20 2015</h6>
</hgroup>
</article>
<article class="post second">
<div class="img_wrap pic2"></div>
<hgroup class="hg_content">
<h2 class="post_title">The world is full of beauty but the only question is that it need an observant pair of eyes to discover.</h2>
<h6 class="post_date">April 21 2015</h6>
</hgroup>
</article>
<article class="post ">
<div class="img_wrap pic3"></div>
<hgroup class="hg_content">
<h2 class="post_title">A person's life should have at least two impulse, a field to forget about one's own love, and a travel without hesitated.</h2>
<h6 class="post_date">April 25 2015</h6>
</hgroup>
</article>
</section>
</div>
</div>
<div class= "footer ">
<div class="up cont_up">
<div class= "content">
<div class="content_mid">
<span>Go on-line with civility </span>
<span class="up_net iconfont"></span>
<span>Make IT better . </span>
</div>
</div>
</div>
<div class = "down cont_down">
<div class="content">
<div class = "detail_1">
<span>MADE WITH</span>
<span class="bottom_heart iconfont"></span>
<span>IN SCAU</span>
</div>
<p class = "detail_2">© 2015.FLAPPY .Powered By KK,Bins, Chocking.</p>
<div class="topIcon iconfont">
<div class="rocket" id="rocket">
<div class="part1"></div>
<div class="part2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="js/comm.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>