This repository was archived by the owner on Oct 23, 2022. It is now read-only.
forked from arkadianriver/spectral
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
112 lines (108 loc) · 5.35 KB
/
index.html
File metadata and controls
112 lines (108 loc) · 5.35 KB
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
---
layout: landing
---
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>{{ site.title }}</h2>
<p>{{ site.description | markdownify }}</p>
<ul class="actions horizontal">
<li><a href='https://appsto.re/jp/tsvKhb.i' class="button"><img alt='AppStore でダウンロード' src='images/Download_on_the_App_Store_JP_135x40.svg'/></a></li>
<li><a href='https://play.google.com/store/apps/details?id=info.kotonone.drive&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1' class="button"><img alt='Google Play で手に入れよう' src='https://play.google.com/intl/en_us/badges/images/generic/ja_badge_web_generic.png'/></a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>リズム×和風×サイバー！<br />
伝統の「琴ゲー」がアプリで登場！</h2>
<p>叩いて、押さえて、掻き鳴らし。風流(Fool)な操作で、空流(Cool)に極めよ！<br />
「コトノネドライブ」は、アプリで遊べる新感覚リズムゲーム！<br />
音楽に合わせてタッチ操作で不思議な琴を操り、フロアを盛り上げろ！</p>
</header>
<ul class="icons major">
<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
<h2>琴をモチーフにした新たな音ゲー体験！</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
<h2>世界観を拡大するストーリー！</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
<h2>"琴x？？？" 個性豊かな楽曲群！</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>様々なお楽しみ要素</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3>オンラインランキング</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-laptop">
<h3>隠し楽曲</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-code">
<h3>解禁型ストーリー</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-headphones">
<h3>クラウドセーブ</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-heart-o">
<h3>あのタイトルとコラボ</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
<li class="icon fa-flag-o">
<h3>Tortor Ut</h3>
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>今すぐ奏でよう！</h2>
<ul class="actions vertical">
<li>CIRCLE: <a href="http://drossel.studio">Drossel/Studio（ドロッセルスタジオ）</a></li>
<li>SPECIFICATION: iOS/Android向け音楽ゲーム</li>
<li>RELEASE DATE: 2017/03/15</li>
<li>GENRE: 和風リズムゲーム</li>
<li>PRICE: 無料（一部有料コンテンツあり）</li>
</ul>
</header>
<ul class="actions vertical">
<li><a href='https://appsto.re/jp/tsvKhb.i' class="button"><img alt='AppStore でダウンロード' src='images/Download_on_the_App_Store_JP_135x40.svg'/></a></li>
<li><a href='https://play.google.com/store/apps/details?id=info.kotonone.drive&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1' class="button"><img alt='Google Play で手に入れよう' src='https://play.google.com/intl/en_us/badges/images/generic/ja_badge_web_generic.png'/></a></li>
</ul>
</div>
</section>