-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (124 loc) · 6.29 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="爱玩吧是一个专注游戏的平台。">
<meta name="keywords" content="HTML, HTML5, CSS, CSS3, JS, JavaScript,ian8,爱玩吧">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Cache-Control" content="no-siteapp"><!---禁止转码--->
<title>爱玩吧</title>
<link rel="stylesheet" href="./css/amazeui.min.css">
<link rel="stylesheet" href="./css/amaze.min.css"><!--[if (gte IE 9)|!(IE)]><!-->
</head>
<body class="amz-index">
<header id="amz-header">
<div class="amz-container am-cf" >
<h1><a href="#">iwan8.club-海南爱玩吧信息技术有限公司</a></h1>
<button class="am-btn am-btn-primary am-show-sm-only" data-am-collapse="{target: '.amz-header-nav'}">
<span class="am-sr-only">导航切换</span>
<span class="am-icon-bars"></span>
</button>
<nav>
<ul class="amz-header-nav am-collapse">
<li><a href="./index.html">首页</a></li>
<li><a href="#">公司简介</a></li>
<li><a href="./product.html">主要产品</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</div>
</header>
<div id="amz-home">
<section id="amz-hero">
<div class="amz-container am-cf" >
<div class="amz-mascot am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">
<img class="am-img-responsive" src="./img/reb300.png" alt="bannar角色">
</div>
<div class="amz-hero-intro">
<div class="amz-hero-headings">
<h1 data-am-scrollspy="{animation:'slide-left'}" class="am-scrollspy-init am-scrollspy-inview am-animation-slide-left">iwan8~ 玩玩就爱~</h1>
<h2 data-am-scrollspy="{animation:'slide-right', delay: 500}" class="am-scrollspy-init am-scrollspy-inview am-animation-slide-right">一个专注于游戏的平台~</h2>
</div>
</div>
</div>
</section>
<section class="amz-features">
<div class="am-g am-g-fixed">
<div class="col-md-6 am-u-md-6" data-scrollspy="{animation: 'slide-top', delay: 500}">
<img class="am-img-responsive img" src="./img/xcode150.png" alt="开发平台和工具">
<h2>开发平台和工具</h2>
<p>开发工具，我们完全使用开源技术，服务器使用Linux系统，Web Server使用Tomcat，后台API使用Spring boot框架，数据库采用MySQL，游戏端我们使用开源的cocos2d-x引擎。</p>
</div>
<div class="col-md-6 am-u-md-6" data-scrollspy="{animation:'slide-top', delay: 500}">
<img class="am-img-responsive img" src="./img/wei150.png" alt="微信平台">
<h2>微信平台</h2>
<p>微信小游戏是基于微信客户端的游戏，它即点即玩，无需下载安装，体验轻便，可以和微信内的好友一起玩，比如PK、围观等，享受小游戏带来的乐趣。
</p>
</div>
</div>
<div class="am-g am-g-fixed">
<div class="col-md-6 am-u-md-6" data-scrollspy="{animation:'slide-right', delay: 1000}">
<img class="am-img-responsive img" src="./img/appS150.png" alt="appStore平台">
<h2>appStore平台</h2>
<p>iOS系统在移动端具有无可比拟的性能，是非常好的游戏平台，能带给用户良好的体验，平台拥有大量优质客户，游戏可以安装在 iPod touch 或 iPhone 或 iPad 或 iPad mini 之上</p>
</div>
<div class="col-md-6 am-u-md-6" data-scrollspy="{animation:'slide-bottom', delay: 1500}">
<img class="am-img-responsive img" src="./img/andr150.png" alt="安卓平台">
<h2>安卓平台</h2>
<p>安卓市场，拥有最广大的用户群，提供海量软件资源，包罗万象应有尽有；拥有上千万忠实用户，日均下载量在同类市场中居前列。</p>
</div>
</div>
</section>
<section class="amz-credits">
<div class="amz-container">
<header>
<h1 data-am-scrollspy="{animation:'fade'}">iwan8-战斗在游戏的前沿上</h1>
<h2 data-scrollspy="{animation:'slide-bottom', delay: 500}">获得大众的认可以及喜爱一直是我们的完美追求目标。</h2>
</header>
</div>
<div class="am-g am-g-fixed amz-credits-list">
<div class="col-md-4 am-u-md-4" data-scrollspy="{animation:'scale-up', delay: 1000}">
<h2>游戏引擎</h2>
<p>Cocos2d-x是一个开源的移动2D游戏框架，MIT许可证下发布的。这是一个C++ Cocos2d-iPhone项目的版本。Cocos2d-X发展的重点是围绕Cocos2d跨平台，Cocos2d-x提供的框架。手机游戏，可以写在C++或者Lua中，使用API是Cocos2d-iPhone完全兼容。</p>
</div>
<div class="col-md-4 am-u-md-4" data-scrollspy="{animation:'scale-up', delay: 1000}">
<h2>服务器</h2>
<p>服务器端使用Linux主机，使用Docker技术构建Web Server，数据库采用MySQL，系统框架采用SpringBoot</p>
</div>
<div class="col-md-4 am-u-md-4" data-scrollspy="{animation:'scale-up', delay: 1000}">
<h2>API接口</h2>
<p>使用前后分离模式开发，后端java API使用json格式返回数据，前端使用目前最流行的Vue.js渲染页面。</p>
</div>
</div>
</section>
</div>
<footer class="amz-footer">
<div class="am-g am-g-fixed">
<div class="col-md-4 col-md-push-8 am-u-md-4 am-u-md-push-8">
<ul class="amz-social">
<li><a href="https://github.com/" title="github" target="_blank"></a></li>
<li><a href="https://www.mysql.com/" title="mysql" target="_blank"></a></li>
<li><a href="http://www.cocos.com/" title="Cocos2d-x" target="_blank"></a></li>
<li><a href="https://cn.vuejs.org/" title="vuejs" target="_blank"></a></li>
</ul>
</div>
<div class="col-md-8 col-md-pull-4 am-u-md-8 am-u-md-pull-4">
<h2 class="amz-fd"><a href="#" target="_blank">iwan8.club</a></h2>
<ul class="amz-links">
<a href="#">iwan8互动</a> |
<a href="#">iwan8相关</a> |
<a href="#">iwan8产品</a> |
</ul>
<p class="amz-cp">海南爱玩吧信息技术有限公司，琼ICP备xxxxxx号-1</p>
</div>
</div>
</footer>
<a href="#top" id="atop" title="回到顶部" class="atop"></a>
<script src="./js/jquery.min.js"></script>
<script src="./js/amazeui.min.js"></script>
<script src="./js/ed.js"></script>
</body>
</html>