<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" class="no-js">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css"
href="../../js/OffCanvasMenuEffects/css/normalize.css">
<link rel="stylesheet" type="text/css"
href="../../js/OffCanvasMenuEffects/fonts/font-awesome-4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css"
href="../../js/OffCanvasMenuEffects/css/menu_sideslide.css">
<link rel="stylesheet" type="text/css" href="main.css">
<script src="../../js/jquery-1.11.2.min.js"></script>
<script src="../../js/jquery.easing.1.3.js"></script>
<title>Murakami's page!!</title>
</head>
<body>
<div class="container">
<div class="menu-wrap">
<nav class="menu">
<div class="icon-list">
<a href="#" class="slide" id="s1"><i class="fa fa-fw fa-star-o"></i><span>TOP</span></a>
<a href="#" class="slide" id="s2"><i class="fa fa-fw fa-star-o"></i><span>TOP</span></a>
<a href="#" class="slide" id="s3"><i class="fa fa-fw fa-star-o"></i><span>TOP</span></a>
</div> <!-- icon-list end -->
</nav> <!-- menu end -->
<button class="close-button" id="close-button">Close Menu</button>
</div> <!-- menu-wrap end -->
<button class="menu-button" id="open-button">Open Menu</button>
<div class="content-wrap">
<div class="content">
<div class="top">
<h1>MURAKAMI's Blog(仮)</h1>
</div>
<div class="menw">
<ul>
<a href="#" id="0"><li>TOP</li></a>
<a href="#" id="1"><li>取材</li></a>
<a href="#" id="2"><li>プログラム</li></a>
<a href="#" id="3"><li>アンケート</li></a>
<a href="#" id="4"><li>きらりびと</li></a>
<a href="#" class="covered" id="5"><li style="position: relative;">日替りランチ</li></a>
<div class="cover" title="近日公開!!"></div>
</ul>
</div>
<!-- menu slide ber -->
<div class="g-wrap"><div class="g-ber" width="974px"><div></div></div></div>
<script type="text/javascript">
<!--
$(function(){
var ber = $('.g-ber').attr('width').split('px')[0];
ber = parseInt(ber);
var num;
$('.menw a').click(function(){
num = $(this).attr('id');
num = parseInt(num);
n = String(parseInt(ber/6*num))+'px';
//alert(n);
$('.g-ber div').animate({"margin-left": n},750, "easeInOutQuart");
//$('.g-ber div').animate({"height": '50px'},500, "easeInOutQuart");
});
});
// -->
</script>
<ul>
<li class="gnav01"><a href="./">ホーム</a></li>
<li class="gnav02"><a href="./">-- 準備中 --</a></li>
<li class="gnav03"><a href="./">-- 準備中 --</a></li>
<li class="gnav04"><a href="./">-- 準備中 --</a></li>
<li class="gnav05"><a href="./">-- 準備中 --</a></li>
</ul>
<p style="clear: both;">
現在準備中...<br>
Under construction...
</p>
</div> <!-- contets end -->
</div> <!-- content-wrap end -->
</div> <!-- container end -->
<script type="text/javascript">
<!--
$(function(){
$('div.test').click(function(){
$('div.tbox').animate({"margin-left": '280px'},1000, "easeOutElastic");
})
});
// -->
</script>
<script src="../../js/OffCanvasMenuEffects/js/classie.js"></script>
<script src="../../js/OffCanvasMenuEffects/js/main.js"></script>
</body>
</html>
