-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
699 lines (646 loc) · 29.4 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
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
<!DOCTYPE html>
<html lang="en">
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Site Metas -->
<title>OPPA1游戏世界</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="OPPA1">
<!-- Site Icons -->
<link rel="shortcut icon" href="images/MainIcon.jpg" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/MainIcon.jpg">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Site CSS -->
<link rel="stylesheet" href="style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="app_version" data-spy="scroll" data-target="#navbarApp" data-offset="98">
<header class="header header_style_01">
<nav class="navbar header-nav navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="images/OPPA1-Icon.png" alt="image" width="150px" height="75px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarApp" aria-controls="navbarApp" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarApp">
<ul class="navbar-nav">
<li><a class="nav-link active" href="#home">首页</a></li>
<li><a class="nav-link" href="#features">游戏特色</a></li>
<li><a class="nav-link" href="#download">游戏下载</a></li>
<li><a class="nav-link" href="#pricing">赞助</a></li>
<li><a class="nav-link" href="#clients">评论</a></li>
<li><a class="nav-link" href="#faqs">答疑</a></li>
<li><a class="nav-link" href="#contact">加入我们</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section id="home" class="cd-hero js-cd-hero">
<ul class="cd-hero__slider">
<li class="cd-hero__slide cd-hero__slide--selected js-cd-slide">
<div class="cd-hero__content cd-hero__content--half-width">
<h2>OPPA1游戏</h2>
<p>欢迎来到OPPA1的游戏世界</p>
<p>在这里你可以找到各种稀奇古怪的好玩游戏</p>
<a href="#download" class="hvr-bounce-to-right cd-hero__btn">立即体验</a>
</div> <!-- .cd-hero__content -->
<div class="cd-hero__content cd-hero__content--half-width cd-hero__content--img">
<img src="images/MainIcon.jpg" class="img-fluid" alt="tech 1" width="300px" height="300px">
</div> <!-- .cd-hero__content -->
</li>
<li class="cd-hero__slide js-cd-slide">
<div class="cd-hero__content cd-hero__content--half-width">
<h2>OPPA1游戏</h2>
<p>欢迎来到OPPA1的游戏世界</p>
<p>在这里你可以找到各种稀奇古怪的好玩游戏</p>
<a href="#download" class="hvr-bounce-to-right cd-hero__btn">立即体验</a>
</div> <!-- .cd-hero__content -->
<div class="cd-hero__content cd-hero__content--half-width cd-hero__content--img">
<img src="images/OPPA1-Icon.png" class="img-fluid" alt="tech 1" width="450px" height="225px">
</div> <!-- .cd-hero__content -->
</li>
</ul> <!-- .cd-hero__slider -->
<div class="cd-hero__nav js-cd-nav">
<nav>
<span class="cd-hero__marker cd-hero__marker--item-1 js-cd-marker"></span>
<ul>
<li class="cd-selected"><a href="#0">01</a></li>
<li><a href="#0">02</a></li>
</ul>
</nav>
</div> <!-- .cd-hero__nav -->
</section> <!-- .cd-hero -->
<div id="features" class="section lb">
<div class="container">
<div class="section-title text-center">
<h3>游戏特色</h3>
<p class="lead">~OPPA1游戏世界~</p>
</div><!-- end title -->
<div class="row">
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-new-file effect-1"></i>
</div>
<h2>操作简单</h2>
<p>几乎没有任何上手难度</p>
<p>大多数游戏只需要任意点击屏幕</p>
<p>萌新也能舒畅游玩</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-price-tag effect-1"></i>
</div>
<h2>画风卡通</h2>
<p>OPPA1显然不太会画画</p>
<p>但卡通风格的游戏也别有一番韵味</p>
<p>游戏角色都是蠢萌蠢萌的</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-windows effect-1"></i>
</div>
<h2>多系统支持</h2>
<p>基于Unity3d进行游戏制作</p>
<p>理论上适配Windows和安卓</p>
<p>安卓5.1以上均可畅玩</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-wordpress-logo effect-1" ></i>
</div>
<h2>排行榜系统</h2>
<p>几乎所有游戏都内嵌了排行榜</p>
<p>和世界各地的玩家角逐榜首吧</p>
<p>不看氪金,不看资历,只看操作!</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-pantone effect-1"></i>
</div>
<h2>无内购</h2>
<p>OPPA1的所有游戏完全免费</p>
<p>没有暗搓搓的收费系统</p>
<p>所有设计只为让游戏更精彩</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-cloud-computing effect-1"></i>
</div>
<h2>超多系统</h2>
<p>游戏内除了核心玩法之外</p>
<p>还有各种各样的系统</p>
<p>供有兴趣的玩家自行探索</p>
</div>
</div><!-- end col -->
</div>
</div><!-- end container -->
</div><!-- end section -->
<div class="how-its-work clearfix">
<div class="hc colon1">
<h2>1</h2>
<h3>点击游戏链接</h3>
<p>如果是已上架游戏，会自动跳转到TapTap商店页面；如果游戏尚在内测，会跳转至TapCanary，领取资格后会有提示~</p>
</div><!-- end col -->
<div class="hc colon2">
<h2>2</h2>
<h3>下载游戏</h3>
<p>在商店页面或者TapCanary界面下载游戏安装包，下载完后安装即可（如果游戏接入了TapPlay，无需手动安装游戏）</p>
</div><!-- end col -->
<div class="hc colon3">
<h2>3</h2>
<h3>登录账户</h3>
<p>已安装TapTap的玩家点击登录按钮即可一键登录；其他玩家点击登录后，可以选择使用手机验证码进行登录，或者第三方应用登录</p>
</div><!-- end col -->
<div class="hc colon4">
<h2>4</h2>
<h3>畅玩游戏！</h3>
<p>恭喜你完成了游玩所需的所有步骤，可以尽情体验游戏了哦！如果有不懂之处可以到内置的论坛中提问或查找攻略~</p>
</div><!-- end col -->
</div><!-- end how-its-work -->
<div id="screenshots" class="section wb">
<div class="container">
<div class="section-title text-center">
<h3>游戏截图</h3>
<p class="lead">游戏画风简单明晰，轻松理解所有功能</p>
</div><!-- end title -->
<div class="owl-screenshots swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (1).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (1).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (2).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (2).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (2).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (2).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (3).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (3).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (4).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (4).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (5).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (5).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
<div class="swiper-slide">
<div class="service-widget">
<div class="post-media entry wow fadeIn">
<a href="images/GMZW (6).jpg" data-rel="prettyPhoto[gal]" class="hoverbutton global-radius"><i class="flaticon-unlink"></i></a>
<img src="images/GMZW (6).jpg" alt="" class="img-fluid img-rounded">
<div class="magnifier"></div>
</div>
</div><!-- end service -->
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
</div>
<div class="swiper-button-prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->
<div id="download" class="section noover download-bg">
<div class="container">
<div class="row align-items-center text-center">
<div class="col-md-6 col-sm-12">
<div class="customwidget text-left">
<h1>立即下载</h1>
<p>选择你想要下载的游戏~</p>
<p>如果觉得好玩儿的话别忘了推荐给朋友哦~</p>
</div>
</div><!-- end col -->
<div class="col-md-6 iphones">
<div class="text-center image-center">
<img src="images/OPPA1-Icon.png" alt="" class="img-fluid wow fadeInUp" width="350px" height="175px">
</div>
</div>
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->
<div class="download-icons">
<div class="box-icon">
<div class="btn-buy apple-button">
<a href="https://www.taptap.com/app/240261"><i class="flaticon-android"></i>下载<strong>诡秘之王</strong></a>
</div>
<div class="btn-buy apple-button">
<a href="https://www.taptap.com/app/232961"><i class="flaticon-android"></i>下载<strong>奔跑的方块酱</strong></a>
</div>
<div class="btn-buy apple-button">
<a href="https://canary.developer.taptap.com/invite/vuHwEsosgzHXD4iB"><i class="flaticon-android"></i>下载<strong>萌娘大乱斗</strong></a>
</div>
</div>
</div>
<div id="team" class="section wb">
<div class="container">
<div class="section-title text-center">
<h3>OPPA1开发团队</h3>
<p class="lead">急需美工小姐姐和运营大佬加入！！</p>
</div><!-- end title -->
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="our-team">
<div class="team_img">
<img src="images/MainIcon.jpg">
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<div class="team-content">
<h3 class="title">OPPA1本人</h3>
<span class="post">开发 & CEO</span>
<p>自学C#语言，Unity3d游戏制作<br>取得过全国编程比赛一等奖<br>自费成立OPPA1工作室</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="our-team">
<div class="team_img">
<img src="images/MainIcon.jpg">
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<div class="team-content">
<h3 class="title">又是OPPA1</h3>
<span class="post">运营 & 策划</span>
<p>设计游戏数值并根据玩家的建议不断进行修改，与TapTap等游戏平台进行对接，组织各种活动等</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="our-team">
<div class="team_img">
<img src="images/MainIcon.jpg">
<ul class="social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<div class="team-content">
<h3 class="title">还是OPPA1</h3>
<span class="post">美工</span>
<p>是不是感觉游戏的画风都过于卡通了？没错，都是OPPA1自己亲手画的~看来我的天赋真的很棒呢/狗头</p>
</div>
</div>
</div>
</div>
</div><!-- end container -->
</div><!-- end section -->
<div class="parallax section stats-box" style="background-image:url('uploads/ben_img_2.jpg');">
<div class="container">
<div class="row text-left stat-wrap">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="text-center">
<span data-scroll class="global-radius icon_wrap effect-1"><img src="images/GMZW.png" width="100px" height="100px"></span>
<p class="stat_count_download">45980</p>
<h3>阿撒托斯的诅咒</h3>
</div>
</div><!-- end col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="text-center">
<span data-scroll class="global-radius icon_wrap effect-1"><img src="images/RunningCube.png" width="100px" height="100px"></span>
<p class="stat_count_download">20580</p>
<h3>奔跑的方块酱</h3>
</div>
</div><!-- end col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="text-center">
<span data-scroll class="global-radius icon_wrap effect-1"><img src="images/MNDLD.png" width="100px" height="100px"></span>
<p class="stat_count_download">37660</p>
<h3>萌娘大乱斗</h3>
</div>
</div><!-- end col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="text-center">
<span data-scroll class="global-radius icon_wrap effect-1"><img src="images/MainIcon.jpg" width="100px" height="100px"></span>
<p class="stat_count_download">99480</p>
<h3>OPPA1 GAMES<br>总下载量</h3>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->
<div id="pricing" class="section lb">
<div class="container">
<div class="section-title text-center">
<h3>赞助我们</h3>
<p>OPPA1游戏世界能够产生的利润<strong>几乎可以忽略不计</strong>，纯纯的<strong>为爱发电</strong>QWQ<br>为了能够开发更多游戏，为玩家们带来更多欢乐，只能腆着脸向玩家大大们请求<strong>赞助</strong>了<br>愿意慷慨解囊的玩家也会得到OPPA1精心准备的<strong>小礼物和特殊服务♂</strong>哦~<br>投票权的数量代表了玩家投票的权重，赞助多次不叠加，取最高的投票权</p>
</div><!-- end title -->
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="pricingTable">
<div class="price-value">¥10
<span class="month">买几瓶可乐去</span>
</div>
<h3 class="title">基础礼包</h3>
<ul class="pricing-content">
<li>群特殊铭牌“OPPA1粉丝”</li>
<li>决定游戏种类的投票权</li>
<li>自选游戏“基础”福利x1</li>
<li>***</li>
<li>***</li>
</ul>
<a href="#" class="pricingTable-signup hvr-bounce-to-right">Sign Up</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="pricingTable active">
<div class="price-value">¥66
<span class="month">来顿疯狂星期四</span>
</div>
<h3 class="title">进阶礼包</h3>
<ul class="pricing-content">
<li>群特殊铭牌“OPPA1老粉”</li>
<li>决定游戏种类的投票权x2</li>
<li>自选游戏“进阶”福利x1</li>
<li>1对1处理问题渠道x2</li>
<li>自选游戏免广告版x1</li>
</ul>
<a href="#" class="pricingTable-signup hvr-bounce-to-right">Sign Up</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="pricingTable">
<div class="price-value">¥233
<span class="month">原神十连抽/剁手</span>
</div>
<h3 class="title">高级礼包</h3>
<ul class="pricing-content">
<li>群特殊铭牌“OPPA1铁粉”</li>
<li>决定游戏种类的投票权x8</li>
<li>自选游戏“高级”福利x1</li>
<li>1对1处理问题渠道x10</li>
<li>自选游戏免广告版x4</li>
</ul>
<a href="#" class="pricingTable-signup hvr-bounce-to-right">Sign Up</a>
</div>
</div>
</div>
</div><!-- end container -->
</div><!-- end section -->
<div id="clients" class="section wb">
<div class="container">
<div class="section-title text-center">
<h3>嘉宾锐评</h3>
<p class="lead">目前有许多玩家加入了游戏的游玩与测试之中，看看他们有什么想法吧~</p>
</div><!-- end title -->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="offset-md-2 col-md-8 ">
<div class="testi-carousel owl-carousel owl-theme">
<div class="testimonial">
<p class="description">
请多多支持OPPA1～<br>励志成为顶级游戏全栈人的天才少年！<br>（复旦游研社招新，获得近距离和OPPA1交流的机会）
</p>
<h3 class="title">artilor</h3>
<span class="post">复旦游研社社长</span>
</div>
<div class="testimonial">
<p class="description">
OPPA1哥哥好帅！
</p>
<h3 class="title">葫芦娃万岁</h3>
<span class="post">资深LSP</span>
</div>
<div class="testimonial">
<p class="description">
现在关注了以后就是老粉了<br>剩下的明天再说
</p>
<h3 class="title">我不是jc</h3>
<span class="post">鸽子王</span>
</div>
<div class="testimonial">
<p class="description">
看得出来作者在认真做游戏<br>本天使投资人对他的游戏认可度也在逐步提高<br>希望在第3000款游戏诞生是可以打动我为他融资50元～
</p>
<h3 class="title">一只上了发条的甜橙</h3>
<span class="post">撩妹圣手</span>
</div>
<div class="testimonial">
<p class="description">
好好好好好<br>不行吗?那就......<br>坏坏坏坏坏~
</p>
<h3 class="title">人類の敵●●</h3>
<span class="post">游戏宅</span>
</div>
<div class="testimonial">
<p class="description">
“技术宅拯救世界”（片面的）<br>“OPPA1拯救世界”（格局打开的！）<br>游戏里最骚的操作可能不及作者本人骚气的一半/Doge
</p>
<h3 class="title">西瓜</h3>
<span class="post">某不知名投资人</span>
</div>
</div>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->
<div id="faqs" class="section lb">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<a href="" class="btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
OPPA1游戏世界一共有多少款游戏？
</a>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
目前而言，一共有3款，分别是：阿撒托斯的诅咒，奔跑的方块酱，萌娘大乱斗；新游戏正在加紧研发中......
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<a href="" class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
如何下载OPPA1游戏世界的游戏？
</a>
</h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
点击上方导航中的“游戏下载”会自动导航至选择游戏的区域，点选心仪的游戏即可！
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h5 class="mb-0">
<a href="" class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<p>为什么游戏没有充值按钮？</p>没有收入怎么做游戏？
</a>
</h5>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
根据国家政策游戏充值需要版号，而申请版号的流程相当复杂，OPPA1工作室目前只有一人，制作的游戏也是偏休闲向的，去申请版号会浪费大量时间，不如投入下一款游戏的制作；至于没有收入嘛......现在还是大学生所以并没有太大的关系，但是未来毕业之后可能就得打工来反哺游戏了/哭，或者只能被迫放弃了捏~所以有兴趣的玩家大大赶紧赞助点吧QWQ
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="faq-right">
<img src="uploads/about-02.png" class="img-fluid" alt="" />
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="section lb">
<div class="container">
<div class="section-title text-center">
<h3>加入我们</h3>
<div class="info-box" data-toggle="tooltip" data-placement="bottom" title="扫码可以申请加入QQ群，麻烦在备注中输入“OPPA1官网”或者“官网”">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</div>
</div><!-- end title -->
<div class="row">
<div class="col-md-12">
<div class="contact_form" align = center>
<img src="images/OPPA1-Icon.png" alt="image" width="300px" height="150px">
<br>
<img src="images/Contact.png" alt="image" width="300px" height="540px">
</div>
</div>
</div>
</div>
</div><!-- end section -->
<div class="copyrights">
<div class="container">
<div class="footer-distributed">
<div class="footer-left">
<p class="footer-company-name">All Rights Reserved. © 2022 <a href="#">OPPA1</a> Design By :
<a href="#">OPPA1</a></p>
</div>
</div>
</div><!-- end container -->
</div><!-- end copyrights -->
<a href="#home" data-scroll class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>
<!-- ALL JS FILES -->
<script src="js/all.js"></script>
<!-- ALL PLUGINS -->
<script src="js/main.js"></script>
<script src="js/custom.js"></script>
<script src="js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
loop: true,
effect: 'coverflow',
centeredSlides: true,
loopFillGroupWithBlank: true,
slidesPerView: 3,
initialSlide: 3,
keyboardControl: true,
mousewheelControl: false,
lazyLoading: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
breakpoints: {
1199: {
slidesPerView: 3,
spaceBetween: 30,
},
991: {
slidesPerView: 3,
spaceBetween: 10,
},
767: {
slidesPerView: 2,
spaceBetween: 10,
},
575: {
slidesPerView: 1,
spaceBetween: 3,
}
}
});
</script>
</body>
</html>