-
Notifications
You must be signed in to change notification settings - Fork 1
/
en.html
208 lines (182 loc) · 11.5 KB
/
en.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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Living Wallet</title>
<meta name="description" content='"Living wallet" helps you to spend money wisely.'>
<meta name="keyword" content="Living Wallet, Zaim">
<meta name="viewport" content="width=device-width,maximum-scale=1">
<meta property="og:title" content="Living Wallet">
<meta property="og:type" content="website">
<meta property="og:url" content="http://livingwallet.cct.la/">
<meta property="og:description" content'"Living wallet" helps you to spend money wisely.'=>
<meta property="og:image" content="http://livingwallet.cct.la/img/og.jpg">
<meta property="og:site_name" content="Living Wallet">
<meta property="fb:admins" content="100002024730526">
<meta content="ja_JP" property="og:locale">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@unibainc">
<meta name="twitter:creator" content="@unibainc">
<meta name="twitter:image:src" content="http://livingwallet.cct.la/img/og.jpg">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/libs/jquery-1.9.1.min.js"></script>
<script src="js/libs/flickablecarrousel.js"></script>
<script src="js/script.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/libs/selectivizr-min.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="en">
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div id="wrapper">
<div id="wrapper_inner">
<header id="header" class="clearfix">
<h1><img src="img/logo.png" alt="Living Wallet"></h1>
<ul class="lang cleafix">
<li class="lang-en"><img src="img/lang_en.gif" width="20" height="11" alt="English" /></li>
<li class="lang-jp"><a href="ja.html"><img src="img/lang_jp.gif" width="19" height="12" alt="Japanese" /></a></li>
</ul>
<ul class="sns clearfix">
<li class="sns-twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://livingwallet.cct.la/" data-text='Living Wallet | "Living wallet" helps you to spend money wisely.' data-lang="en">Tweet</a></li>
<li class="sns-facebook"><div class="fb-like" data-href="http://livingwallet.cct.la/" data-width="120" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div></li>
</ul>
</header>
<div id="carrousel">
<div class="nav">
</div>
<div class="main">
<div class="inner">
<div class="box"> <img src="en/img/slide/slide_thumb_1.png" height="500" width="913"> </div>
<div class="box"> <img src="en/img/slide/slide_thumb_2.png" height="500" width="913"> </div>
<div class="box"> <img src="en/img/slide/slide_thumb_3.png" height="500" width="913"> </div>
<div class="box"> <img src="en/img/slide/slide_thumb_4.png" height="500" width="913"> </div>
<div class="box"> <img src="en/img/slide/slide_thumb_5.png" height="500" width="913"> </div>
<div class="box"> <img src="en/img/slide/slide_thumb_6.png" height="500" width="913"> </div>
<div class="box"> <img src="en/img/slide/slide_thumb_7.png" height="500" width="913"> </div>
</div>
</div>
</div>
<div id="contents" class="clearfix">
<div class="column top">
<h3><img src="img/case_presentation.jpg" alt="Case Presentation"></h3>
<div id="movie">
<iframe width="742" height="417" src="http://www.youtube.com/embed/CQmYu3brWew" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="column">
<div class="left">
<h3><img src="en/img/column_title_1.jpg" height="73" width="337" alt="“Living wallet” helps you to spend money wisely."></h3>
<p><img src="en/img/column_text_1.jpg" height="136" width="356" alt="Saving is an everlasting challenge for mankind. Various saving techniques were brought in and out. Then, we decided that the problem may lie in wallets that easily allow people to unfold and use it. Therefore, we invented the wallet that can react to your financial situation."></p>
</div>
<div class="right">
<img src="img/column_thumb_1.jpg" height="222" width="385" alt="Thumbnail">
</div>
</div>
<div class="column">
<div class="left">
<img src="img/column_thumb_2.jpg" height="222" width="385" alt="Thumbnail">
</div>
<div class="right">
<h3><img src="en/img/column_title_2.jpg" alt="Financial situation is collected by being coupled with iPhone"></h3>
<p><img src="en/img/column_text_2.jpg" alt="It’s very simple. The user’s financial situation is collected in real time by being coupled with the user’s bookkeeping app on iPhone called ”Zaim.”"></p>
</div>
</div>
<div class="column bottom">
<div class="left">
<img src="en/img/column_title_3.jpg" height="65" width="299" alt="Consumption mode and saving mode">
</div>
<div class="right">
<p><img src="en/img/column_text_3.jpg" height="110" width="409" alt="Living wallet automatically changes its mode depending
on your balance. When it’s in deficient budget, “saving mode” is activated. In contrast, while in favorable balance, it will activate
“consumption mode.”"></p>
</div>
</div>
<div class="column">
<h3 class="mode"><img src="en/img/column_mode_title_1.jpg" alt="Saving mode" width="747" height="22" ></h3>
<p class="step"><img src="en/img/column_mode_1_thumb_1.png" height="319" width="194" alt="1.Evasion / The wallet apprehends
any individual around and evades"></p>
<p class="step"><img src="en/img/column_mode_1_thumb_2.png" height="319" width="201" alt="2.Asking for help / When it gets caught, it starts screaming asking for help"></p>
<p class="step last"><img src="en/img/column_mode_1_thumb_3.png" height="321" width="298" alt="3.Last resort / If you still try to use some money, as a last resort, the wallet sends a text message to your parents asking for help. It is always difficult to go against your parents."></p>
</div>
<div class="column">
<h3 class="mode"><img src="en/img/column_mode_title_2.jpg" height="22" width="736" alt="Consumption mode"></h3>
<p><img src="en/img/column_mode_2_thumb.jpg" height="210" width="681" alt="Encouraging spending / When the budget shows favorable balance, we think you should consume for the economy. In this case, living wallet stimulates your material desire by reading out Amazon’s popular products ranking."></p>
</div>
</div>
<footer id="footer" class="clearfix">
<div class="left">
<img src="img/credit.png" width="61" height="11" alt="CREDIT">
<dl class="credit-list">
<dt><img src="en/img/staff.png" width="44" height="11" alt="Artist"></dt>
<dd>
<ul class="clearfix">
<li><img src="en/img/staff_sasaki.png" width="106" height="12" alt="Yasuharu Sasaki"></li>
<li><img src="en/img/staff_sagara.png" width="97" height="14" alt="Kentaro Sagara"></li>
<li><img src="en/img/staff_onoe.png" width="82" height="12" alt="Noriaki Onoe"></li>
<li><img src="en/img/staff_kuno.png" width="84" height="12" alt="Satoshi Kuno"></li>
</ul>
<ul class="clearfix">
<li><img src="en/img/staff_kawai.png" width="64" height="11" alt="Rei Kawai"></li>
<li><img src="en/img/staff_saito.png" width="90" height="14" alt="Hideyuki Saito"></li>
<li><img src="en/img/staff_gokita.png" width="64" height="11" alt="Yui Gokita"></li>
<li><img src="en/img/staff_sato.png" width="72" height="11" alt="Daichi Sato"></li>
</ul>
</dd>
</dl>
<dl class="credit-list">
<dt><img src="en/img/adviser.png" width="57" height="13" alt="Adviser"></dt>
<dd>
<ul class="clearfix">
<li><img src="en/img/adviser_teramoto.png" width="112" height="12" alt="Makoto Teramoto"></li>
<li><img src="en/img/adviser_ogawa.png" width="105" height="14" alt="Shinsaku Ogawa"></li>
</ul>
</dd>
</dl>
<dl class="credit-list">
<dt><img src="img/contact.png" width="77" height="12" alt="CONTACT"></dt>
<dd>
<ul class="clearfix">
<li><a href="mailto:[email protected]"><img src="img/contact_mail.png" width="200" height="13" alt="[email protected]"></a></li>
</ul>
</dd>
</dl>
<ul class="banner-list clearfix">
<li><a href="http://www.dentsu.co.jp/" target="_blank"><img src="img/banner_dentsu.png" width="87" height="27" alt="dentsu"></a></li>
<li><a href="http://uniba.jp/" target="_blank"><img src="img/banner_uniba.png" width="87" height="27" alt="Uniba Inc."></a></li>
<li class="last"><a href="http://zaim.net/" target="_blank"><img src="img/banner_zaim.png" width="87" height="27" alt="Zaim"></a></li>
</ul>
</div>
<div class="right">
<ul class="sns clearfix">
<li class="sns-twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://livingwallet.cct.la/" data-text='Living Wallet | "Living wallet" helps you to spend money wisely.' data-lang="en">Tweet</a></li>
<li class="sns-facebook"><div class="fb-like" data-href="http://livingwallet.cct.la/" data-width="120" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div></li>
</ul>
<div class="note">
<p class="caution"><img src="en/img/caution.png" width="258" height="33" alt="Products for prototype. For now, there are no plans for public distribution"></p>
<address><img src="img/copyright.png" width="113" height="10" alt="LivingWallet © 2013"></address>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>