-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
445 lines (440 loc) · 29.2 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
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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
<!DOCTYPE html>
<html lang='zh'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>运营研究社</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://cdn.bootcss.com/animate.css/3.7.0/animate.min.css" rel="stylesheet">
<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#">运营研究社</a>
<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#collapsibleNavId"
aria-controls="collapsibleNavId" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavId">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#"><span class="plych"></span><i class="fa fa-home"></i> 首页 <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdownId" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false"><i class="fa fa-book"></i> 运营课程</a>
<div class="dropdown-menu" aria-labelledby="dropdownId">
<a class="dropdown-item" href="#">大咖聊 </a>
<a class="dropdown-item" href="#">免费课程 </a>
<a class="dropdown-item" href="#">专区 </a>
<a class="dropdown-item" href="#">精品课 </a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-bookmark"></i> 精选文章</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-refresh fa-spin"></i> 社区交流</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<button class="btn btn-success my-2 my-sm-0 mx-1" type="button"><i class="fa fa-cog fa-spin"></i> 免费注册</button>
<button class="btn btn-danger my-2 my-sm-0 mx-1" type="button"><i class="fa fa-hand-o-right"></i> 登录</button>
</form>
</div>
</nav>
<!-- 滚动条 -->
<div id="carouselId" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselId" data-slide-to="0" class="active"></li>
<li data-target="#carouselId" data-slide-to="1"></li>
<li data-target="#carouselId" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active" style="background: url(./img/headbg1.jpeg)">
<!-- <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" src="./img/14.png" alt="First slide"> -->
<div class="carousel-caption d-none d-md-block">
<h1 class="display-1 d-inline-block">运营研究社<h3 class="d-inline-block text-muted">——不让运营人孤寂的成长</h3>
<h3>职业运营人 高级培训课</h3>
<h4>学习知识、拓展思维、判点经验、提示运营专业素质</h4>
<h4>建设个人魅力、打造核心竞争力</h4>
<a class="btn btn-outline-light btn-lg text-warning "><i class="fa fa-refresh fa-spin"></i>
查看详情</a>
<a class="btn btn-outline-dark btn-lg text-light "><i class="fa fa-hand-o-up"></i> 现在报名</a>
</div>
</div>
<div class="carousel-item" style="background: url(./img/headbg3.png)">
<!-- <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" src="./img/12.jpg" alt="Second slide"> -->
<div class="carousel-caption d-none d-md-block">
<h3 class="display-2 d-inline-block">运营研究社<h2 class="d-inline-block text-muted">——不让运营人孤寂的成长</h2>
</h3>
<h3>职业运营人 高级培训课</h3>
<h4>学习知识、拓展思维、判点经验、提示运营专业素质</h4>
<h4>建设个人魅力、打造核心竞争力</h4>
<a class="btn btn-outline-light btn-lg text-warning"><i class="fa fa-refresh fa-spin"></i> 查看详情</a>
<a class="btn btn-outline-dark btn-lg text-light "><i class="fa fa-hand-o-up"></i> 现在报名</a>
</div>
</div>
<div class="carousel-item" style="background: url(./img/headbg2.png)">
<!-- <img data-src="holder.js/900x500/auto/#666:#444/text:Third slide" src="./img/13.png" alt="Third slide"> -->
<div class="carousel-caption d-none d-md-block">
<h3 class="display-2 d-inline-block">运营研究社<h2 class="d-inline-block text-muted">——不让运营人孤寂的成长</h2>
</h3>
<h3>职业运营人 高级培训课</h3>
<h4>学习知识、拓展思维、判点经验、提示运营专业素质</h4>
<h4>建设个人魅力、打造核心竞争力</h4>
<a class="btn btn-outline-light btn-lg text-warning"><i class="fa fa-refresh fa-spin"></i> 查看详情</a>
<a class="btn btn-outline-dark btn-lg text-light "><i class="fa fa-hand-o-up"></i> 现在报名</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselId" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselId" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container" id="content">
<!-- 学院进修 -->
<div class="row mt-5" id="content-row1">
<div class="w-100 text-muted text-center" id="biaoti">
<h2 class=""><b>课程 板块</b></h2>
<p class="">集萃前沿新知 突破成长瓶颈</p>
<p>学习中国前沿运营思想，颠覆传统思维，打造新盈</p>
</div>
<div class="card-deck text-center">
<div class="card">
<img class="card-img-top" src="./img/index_01.png" alt="">
<div class="card-body">
<h4 class="card-title">互联网运营</h4>
<p class="card-text text-muted">运营从整体来说是对一个市场、产品以及领域的掌控，它可大可小，大到整个信息的了解小到只是一个店铺或是一个产品；互联网是针对全球而来的，想要把它运用自如是需要从不同的方方面面入手。</p>
</div>
<div class="card-footer">
<button href="#" class="btn btn-dark"><i class="fa fa-refresh fa-spin"></i> 了解详情</button>
<button href="#" class="btn btn-danger">火热报名</button>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./img/index_02.png" alt="">
<div class="card-body">
<h4 class="card-title">新媒体运营</h4>
<p class="card-text text-muted">通过现代化移动互联网手段，通过利用微信、微博、贴吧等新兴媒体平台工具进行产品宣传、推广、产品营销的一系列运营手段。通过策划品牌相关的优质、高度传播性的内容和线上活动，向客户广泛或者精准推送消息，提高参与度，提高知名度，从而充分利用粉丝经济，达到相应营销目的。</p>
</div>
<div class="card-footer">
<button href="#" class="btn btn-dark"><i class="fa fa-refresh fa-spin"></i> 了解详情</button>
<button href="#" class="btn btn-danger"><i class="fa fa-hand-o-up"></i> 火热报名</button>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./img/index_04.png" alt="">
<div class="card-body">
<h4 class="card-title">内容运营</h4>
<p class="card-text text-muted">基于产品的内容进行内容策划、内容创意、内容编辑、内容发布、内容优化、内容营销等,利用付费的、拥有的、赢得的和分享的沟通渠道与顾客一起或在顾客之间创造、激发和分享品牌信息和对话。</p>
</div>
<div class="card-footer">
<button href="#" class="btn btn-dark"><i class="fa fa-refresh fa-spin"></i> 了解详情</button>
<button href="#" class="btn btn-danger"><i class="fa fa-hand-o-up"></i> 火热报名</button>
</div>
</div>
</div>
<div class="card-deck text-center mt-3">
<div class="card">
<img class="card-img-top" src="./img/bg5.jpg" alt="">
<div class="card-body">
<h4 class="card-title">产品运营</h4>
<p class="card-text text-muted">牛叉的互联网公司背后，是一群牛叉的产品经理,只要你想提升自己的工作能力和效率以及工作的思维模式，那么产品经理课程正是你的职业跳板，相信我，学完之后你的思维能力以及工作能力甚至沟通能力一定会有大幅提升！</p>
</div>
<div class="card-footer">
<button href="#" class="btn btn-dark"><i class="fa fa-refresh fa-spin"></i> 了解详情</button>
<button href="#" class="btn btn-danger"><i class="fa fa-hand-o-up"></i> 火热报名</button>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./img/bg6.jpg" alt="">
<div class="card-body">
<h4 class="card-title">社群运营</h4>
<p class="card-text text-muted">社群其实就是一群人为了相同价值或者类似价值，聚合在一起，为了相互之间的利益互换。社群并不是一个产品，也不是一群人聚在一块就叫做社群。社群对于产品运营的重要性，主要分为四个部分，拉新、活跃、留存和转化</p>
</div>
<div class="card-footer">
<button href="#" class="btn btn-dark"><i class="fa fa-refresh fa-spin"></i> 了解详情</button>
<button href="#" class="btn btn-danger"><i class="fa fa-hand-o-up"></i> 火热报名</button>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./img/bg7.jpg" alt="">
<div class="card-body">
<h4 class="card-title">活动运营</h4>
<p class="card-text">小到一次线下活动，大到搭建一个企业增长体系，推进企业的整体数字化转型的各种场景，你都可以立即开始尝试，迅速验证效果，不断迭代策略，小步快跑不断增长。</p>
</div>
<div class="card-footer">
<button href="#" class="btn btn-dark"><i class="fa fa-refresh fa-spin"></i> 了解详情</button>
<button href="#" class="btn btn-danger"><i class="fa fa-hand-o-up"></i> 火热报名</button>
</div>
</div>
</div>
</div>
</div>
<!-- 精选文章 -->
<div class="container-fluid mt-5 pt-5 pb-1 bg-light text-center text-muted">
<h2 class=""><b>精选文章</b></h2>
<p>实用干货，精选运营技巧，玩出“套路”，助力提升运营技巧</p>
<div class="card-deck">
<div class="card">
<a href="https://36kr.com/p/5156261.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">支付宝锦鲤营销背后，有4个精心策划的内幕</h4>
</div>
<img class="card-img" src="./img/c1.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">许多小伙伴是在抽奖结果出来之后才知道这次活动，还觉得玩法简直太创新了。但实际上，这并不是一次支付宝创新的活动，甚至阿里自己都玩过，却唯有这次火到了微博之外。......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5157769.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">从0打造亿级营收，靠社群如何做到？</h4>
</div>
<img class="card-img" src="./img/c2.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">很多人问我，怎么样从运营变到商业运营？通俗一点解释，如何从以前不赚钱的运营到现在做营收的运营？让社群活跃从一个数字拥有两个价值？活跃意味着什么......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5157377.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">社群运营的终极思维：向钱看</h4>
</div>
<img class="card-img" src="./img/c3.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">我这边结合自己2年多来社群创业实践（社群项目估值7000万），聊聊社群商业，也算是对咱们峰会上午场分享的提炼和总结，可能你会发现有很多地方你不谋而合......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5156719.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">双十一歧视“穷人”，背后是用户画像在搞鬼</h4>
</div>
<img class="card-img" src="./img/c4.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">双十一快到了，很多小伙伴表示自己的双手已经准备好了。但是据我所知，有一群人双十一不仅不用剁手，还能赚钱......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5147035.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">工作3年我最后悔的是，没搞懂什么是「用户思维</h4>
</div>
<img class="card-img" src="./img/c5.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">刚来运营社的时候，我写文章有个毛病，特别容易自嗨。按照行话说，是因为我缺乏一种运营必备的思维——用户思维，并且差点因此被老板开除。......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
</div>
<div class="card-deck mt-5">
<div class="card">
<a href="https://36kr.com/p/5153129.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">比iPhoneXS价格更吓人的，是它背后的销售套路</h4>
</div>
<img class="card-img" src="./img/c6.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">苹果不知道我们消费降级了吗？为什么还越卖越贵？卖这么贵真的不担心用户会改投奔安卓吗？我很好奇，苹果这波到底是什么操作？......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5151004.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">连续7天霸占App榜首的“子弹短信”，为什么我并不看好</h4>
</div>
<img class="card-img" src="./img/c7.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">一番热闹过后，许多网友“倒戈”了，扬言子弹短信将撼动微信的霸主地位。但要我说，这很可能就是一次事件而已，等好奇心消失了，大家也就散了......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5149900.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">“富察皇后”下线后去哪儿了？扒扒小红书的KOL运营策略</h4>
</div>
<img class="card-img" src="./img/c8.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">听说《延禧攻略》里的皇后娘娘“死”后，去了小红书……目前小红书已被延禧攻略剧组攻占，除了皇后娘娘，令妃和纯妃也都在里边玩耍。......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5149300.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">马云推出“割韭菜”新玩法，你被阿里88VIP套路了吗</h4>
</div>
<img class="card-img" src="./img/c9.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">多平台都会推出会员，来培养自己的忠实用户，但马爸爸这次很心机。下面小编就带大家扒一扒阿里 88VIP 的两大套路......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
<div class="card">
<a href="https://36kr.com/p/5147622.html" target="_blank" class="text-muted">
<div class="card-header">
<h4 class="card-title">麦当劳周年促销，价格歧视背后都是套路</h4>
</div>
<img class="card-img" src="./img/c10.jpg" alt="">
</a>
<div class="card-body">
<p class="card-text">近日，麦当劳声称，为庆祝“金拱门”一周年，自 8 月 8 日起，针对会员开展连续 28 天（至 9 月 4
日）的超值优惠活动，每日推出一款特价单品......</p>
</div>
<button class="btn btn-primary pull-right m-4"><i class="fa fa-thumbs-up"></i>
赞 <span class="badge badge-light">145896</span>
</button>
</div>
</div>
<nav aria-label="Page navigation" class="m-5">
<ul class="pagination justify-content-center">
<li class="page-item disabled">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
<span class="sr-only">Previous</span>
</a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item"><a class="page-link" href="#">6</a></li>
<li class="page-item"><a class="page-link" href="#">......</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
<span class="sr-only">Next</span>
</a>
</li>
</ul>
</nav>
<div class="alert alert-success" role="alert">
<h4 class="alert-heading">更多精选文章、实用干货，敬请关注运营研究社！</h4>
<p></p>
<p class="mb-0"></p>
</div>
</div>
<!-- 关于我们 -->
<div class="jumbotron">
<h1 class="display-3">运营研究社</h1>
<h1>——不让运营人孤寂的成长</h1>
<div class="progress">
<div id="progess1" class="progress-bar progress-bar-striped progress-bar-animated bg-dark" role="progressbar"
style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25-运营研究社ing...</div>
</div>
<p class="lead">关于我们</p>
<hr class="my-2">
<p>我们致力于“不让运营人孤寂地成长”，是一家互联网运营结构化学习社群，围绕内容运营、活动策划、社群运营、用户运营进行每周一次的分享讨论，并为社员提供随时随地的互动答疑服务。出版畅销书《跟小贤学运营》，Ta说特邀作者、入驻36氪、PMCAFF等平台专栏；持续输出好读有用的运营干货，全网阅读量超千万！</p>
<ul class="list-group">
<li class="list-group-item list-group-item-action">2016年2月 运营社营社内测，服务团队雏形</li>
<li class="list-group-item list-group-item-action">2016年3月 1.0版本发布，招募100位社员</li>
<li class="list-group-item list-group-item-action">2016年4月 1.1版本发布，200个名额1h抢光</li>
<li class="list-group-item list-group-item-action">2016年5月 1.2版本发布，话题讨论+专题分享模式成型</li>
<li class="list-group-item list-group-item-action">2016年6月 1.3版本发布，开启收费模式</li>
<li class="list-group-item list-group-item-action">2016年7月 上线运营社周边与在线社区</li>
<li class="list-group-item list-group-item-action">2016年9月 《零基础进入BAT》课程，覆盖人数20万</li>
<li class="list-group-item list-group-item-action">2016年11月 入驻36氪，打造互联网运营媒体矩阵</li>
<li class="list-group-item list-group-item-action">2016年12月 举办第一届运营人年终聚会[2]</li>
<li class="list-group-item list-group-item-action">2017年1月 出版图书《跟小贤学运营》并销量过万</li>
<li class="list-group-item list-group-item-action">2017年2月 运营研究社1周年，5城运营同庆</li>
<li class="list-group-item list-group-item-action">2017年4月 完成百万人民币的种子轮融资</li>
<li class="list-group-item list-group-item-action">2017年7月 致敬运营人发布会，打造互联网运营文化发源地[3]</li>
<li class="list-group-item list-group-item-action">......!!!</li>
<a href="#" class="list-group-item list-group-item-action list-group-item-success">未来，我们继续努力......</a>
<p class="lead">
<a class="btn btn-primary btn-lg" href="Jumbo action link" role="button">Fighting!!!</a>
</p>
</div>
<!-- coopright -->
<div class="container-fluid bg-dark mt-5 text-white">
<div class="container">
<h4><i class="fa fa-list-alt"></i> 课程中心</h4>
<ul id="center1" class="d-flex justify-content-around">
<li><i class="fa fa-arrow-right pl-3"></i>互联网运营</li>
<li><i class="fa fa-arrow-right pl-3"></i>新媒体运营</li>
<li><i class="fa fa-arrow-right pl-3"></i>内容运营</li>
<li><i class="fa fa-arrow-right pl-3"></i>产品运营</li>
<li><i class="fa fa-arrow-right pl-3"></i>社群运营</li>
<li><i class="fa fa-arrow-right pl-3"></i>活动运营</li>
<li><i class="fa fa-arrow-right pl-3"></i>区块链</li>
</ul>
<h4>联系我们</h4>
<form action="" class="">
<div class="form-group row">
<label for="name3" class="col-2 col-form-label"><i class="fa fa-user"></i> 姓名</label>
<div class="col-10">
<input type="email" class="form-control border-success" id="name3" placeholder="请输入姓名">
</div>
</div>
<div class="form-group row">
<label for="phone3" class="col-2 col-form-label"><i class="fa fa-phone"></i> 手机号</label>
<div class="col-10">
<input type="email" class="form-control border-success" id="phone3" placeholder="手机号">
</div>
</div>
<div class="form-group row">
<label for="email3" class="col-2 col-form-label"><i class="fa fa-envelope"></i> 邮箱</label>
<div class="col-10">
<input type="email" class="form-control border-success" id="email3" placeholder="@">
</div>
</div>
<div class="form-group row">
<label for="" class="col-2 col-form-label"> 意见</label>
<textarea class="form-control col-10" name="" id="" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary pull-right"><i class="fa fa-telegram"></i> 提交</button>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="./src//wow.min.js"></script>
<script src="./build/index.js"></script>
</body>
</html>