Skip to content

Commit

Permalink
言語切り替え対応2nd
Browse files Browse the repository at this point in the history
  • Loading branch information
@animist
animist committed Oct 23, 2013
1 parent e1775ee commit 0020651
Show file tree
Hide file tree
Showing 2 changed files with 396 additions and 0 deletions.
199 changes: 199 additions & 0 deletions en.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
<!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>

<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 &copy; 2013"></address>
</div>
</div>
</footer>

</div>
</div>

</body>
</html>
Loading

0 comments on commit 0020651

Please sign in to comment.