oke-ya.github.com/delta.html at master · oke-ya/oke-ya.github.com · GitHub

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
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta name="description" content="">
  <meta name="keyword" content="">
  <title>株式会社おけや -デルタオーケストラ-</title>
  <link href="css/layout.css" rel="stylesheet">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
</head>
<body>

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-header">
    <button class="navbar-toggle" data-toggle="collapse" data-target=".target">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <span class="navbar-brand">株式会社おけや</span>
  </div>

  <div class="collapse navbar-collapse target">
    <ul class="nav navbar-nav">
      <li><a href="index.html"><span class="glyphicon glyphicon-home"></span> ホーム</a></li>
      <li><a href="works.html"><span class="glyphicon glyphicon-list"></span> 作品情報</a></li>
      <li><a href="http://oke-ya-game.hatenablog.com"><span class="glyphicon glyphicon-pencil"></span> ブログ</a></li>
      <li><a href="http://shop.oke-ya.com/"><span class="glyphicon glyphicon-shopping-cart"></span> グッズ販売</a></li>
      <li><a href="company.html"><span class="glyphicon glyphicon-briefcase"></span> 会社情報</a></li>
      <li><a href="form.html"><span class="glyphicon glyphicon-envelope"></span> お問い合わせ</a></li>
    </ul>
  </div>
</div>

<div class="container" style="padding:80px 0px;">
  <div class="row">
    <div class="col-sm-10 col-sm-offset-1">
      <div class="panel panel-default">
        <div class="panel-heading text-c">
          <span class="glyphicon glyphicon-music"></span> デルタオーケストラ <span class="glyphicon glyphicon-music"></span>
        </div>
        <div class="panel-body text-c">
          <div class="row">
            <div class="col-sm-8">
              <div class="thumbnail">
                <img src="image/header_delta.png">
              </div>
            </div>
            <div class="col-sm-4">
              <table class="table table-striped table-bordered table-hover">
                <tbody>
                  <tr><th>タイトル</th><td>デルタオーケストラ</td></tr>
                  <tr><th>略称</th><td>デルオケ</td></tr>
                  <tr><th>ジャンル</th><td>ＲＰＧ</td></tr>
                  <tr><th>配信開始日</th>
                    <td>
                      <span class="text-danger">配信終了</span><br />
                      <s>2014/1/31</s>
                    </td>
                  </tr>
                  <tr><th>配信元</th><td>Mobage</td></tr>
                  <tr><th>対応端末</th>
                    <td>
                      iOS：7.0以上<br>
                      Android：4.0以上<br>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-12">
            <div class="row">
              <div class="col-sm-4">
                <div class="panel panel-default">
                  <div class="panel-heading text-c">
                    クエスト
                  </div>
                  <div class="panel-body">
                    <div class="thumbnail">
                      <img src="image/ss_quest.png">
                    </div>
                    広大なヴァンデリア大陸を舞台に個性豊かなキャラクター達が多彩なストーリーを紡ぎだす！<br>
                    携帯ゲームとは思えぬ本格的な物語が楽しめる！<br>
                  </div>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="panel panel-default">
                  <div class="panel-heading text-c">
                    バトル
                  </div>
                  <div class="panel-body">
                    <div class="thumbnail">
                      <img src="image/ss_battle.png">
                    </div>
                    パネルを選択するだけの簡単操作で自在にスキルを繰り出せる！<br>
                    立ちはだかる強力なモンスター達を自慢のパーティで倒しちゃえ！<br>
                  </div>
                </div>
              </div>
              <div class="col-sm-4">
                <div class="panel panel-default">
                  <div class="panel-heading text-c">
                    編成
                  </div>
                  <div class="panel-body">
                    <div class="thumbnail">
                      <img src="image/ss_units.png">
                    </div>
                    ユニットを自由にカスタマイズして好みにパーティを組み、最強の傭兵団を目指そう！<br>
                    やり込み度の高い育成システムで自慢のユニットが作れるぞ！<br>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4 col-sm-offset-7 text-right">
      <a href="works.html" class="btn btn-success btn-s">
        <span class="glyphicon glyphicon-list"></span>作品情報一覧に戻る
      </a>
    </div>
  </div>
</div>

</body>
</html>