-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·141 lines (119 loc) · 7.41 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>方堂文化（北京）有限责任公司 ｜ 四方之堂，聚理想于四方之间，达宏志于四方之外</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html"><img src="img/logo.png" alt="fangtang" title="Fangtang"/></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">方堂出品 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="https://itunes.apple.com/cn/app/wu-seng-kuai-pao/id646605665?mt=8" target="_blank">武僧快跑 <small class="en">iPhone/iPad</small></a></li>
<li><a href="https://itunes.apple.com/cn/app/stone-of-destiny/id581137012" target="_blank">命运宝石 <small class="en">iPhone</small></a></li>
<li><a href="https://itunes.apple.com/cn/app/ming-yun-bao-shihd/id583287502?mt=8" target="_blank">命运宝石HD <small class="en">iPad</small></a></li>
<li><a href="https://itunes.apple.com/cn/app/zhuan-jing-tong/id633923947?mt=8" target="_blank">转经筒 <small class="en">iPhone/iPad</small></a></li>
</ul>
</li>
<li><a href="about.html">关于</a></li>
<li><a href="jobs.html">招聘</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<ul class="nav pull-right">
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div id="aboutCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#aboutCarousel" data-slide-to="0" class="active"></li>
<li data-target="#aboutCarousel" data-slide-to="1"></li>
<li data-target="#aboutCarousel" data-slide-to="2"></li>
<li data-target="#aboutCarousel" data-slide-to="3"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<img src="img/slide4.jpg" />
<a class="carousel-action wskp-carousel-action" href="https://itunes.apple.com/cn/app/wu-seng-kuai-pao/id646605665?mt=8">
<img src="img/app_store.png" title="Available on the App Store" alt="Available on the App Store" />
</a>
</div>
<div class="item">
<img src="img/slide1.jpg" />
<a class="carousel-action mybs-carousel-action" href="https://itunes.apple.com/cn/app/stone-of-destiny/id581137012">
<img src="img/mybsactionbg.png" title="Available on the App Store" alt="Available on the App Store" />
</a>
</div>
<div class="item"><img src="img/slide2.jpg" />
<a class="carousel-action mybs-carousel-action" href="https://itunes.apple.com/cn/app/ming-yun-bao-shihd/id583287502?mt=8">
<img src="img/mybsactionbg.png" title="Available on the App Store" alt="Available on the App Store" />
</a>
</div>
<div class="item">
<img src="img/slide3.jpg" />
<a class="carousel-action zjt-carousel-action" href="https://itunes.apple.com/cn/app/zhuan-jing-tong/id633923947?mt=8">
<img src="img/app_store.png" title="Available on the App Store" alt="Available on the App Store" />
</a>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#aboutCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#aboutCarousel" data-slide="next">›</a>
</div>
<div class="home-strategy">
<div class="home-strategy-bg"><img src="img/centerbg.jpg" /></div>
<section class="home-strategy-content">
<h2 class="stylize"> 橡皮泥捏出来的 <br><big> 武僧快跑 </big></h2>
<footer class="home-section-footer">
<a class="button arrow-right" href="http://v.youku.com/v_show/id_XNjEzMzY4Mjcy.html" target="_blank"><i class="icon-play icon-white" style="position:relative;top:4px;left:-5px;"></i>预告片</a> <a class="button arrow-right" style="background-color:#e89203" href="https://itunes.apple.com/cn/app/wu-seng-kuai-pao/id646605665?mt=8" target="_blank"><i class="icon-download-alt icon-white" style="position:relative;top:4px;left:-5px;"></i>玩玩看</a>
</footer>
</section>
</div>
<div class="container-fluid home-joinus">
<div class="row-fluid">
<div class="span4">
<h2>加入方堂</h2>
</div>
<div class="span8">
<p>
2012，带着童年的梦想，我们正式创立了方堂。无惧外界纷扰，我们坚信用创意实现理想。2013年，方堂已经成功出品了“武僧快跑”、“转经筒”、“命运宝石”等多款iOS游戏（应用）。</p>
<p>我们真诚地希望——汇聚更多志同道合的朋友，共同开发出具有感染力的高品质游戏，一如那些曾经影响过我们的童年游戏…… </p>
<p>方堂有界，方堂无界，方堂与你共展梦想。 </p>
<p><a class="button" href="#">寻找“游戏工程师” “游戏策划” »</a></p>
</div>
</div>
</div> <!-- /container -->
<footer class="pagefooter">
<p>© Fangtang Culture(Beijing) Co., Ltd 2013</p>
</footer>
<script src="js/vendor/jquery-1.8.3.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>