view index.html.orig @ 1371:7725ade8936c

added images
author KASHIWAGURA Aya<c115046@?.koeki-u.ac.jp>
date Tue, 15 Dec 2015 17:40:40 +0900
parents 8c0714dca08e
children
line wrap: on
line source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>SKIP -Top Page-</title>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
</head>

<body>

<div class="header">
<script type="text/javascript">
<!--
$(function(){
  $('#switch1').click(function () {
    $('#toggle1').slideToggle();
  });

  $('#switch2').click(function () {
    $('#toggle2').slideToggle();
  });
});
// -->
</script>
<h2 class="head">SKIP = Syonai Koeki Infomation Project =</h2>
<h3 id="switch1" style="clear: both">このサイトについて

<!-- coming soon...
<span id="mes-o1" class="openBox">- クリックで詳細を表示 -</span>
<span id="mes-c1" class="closeBox"></span>
-->

</h3>
<div id="toggle1" class="sect">
このサイトでは、私たちSKIPが取材した山形県酒田市のお店や名所などを紹介し
ています。また、記事のなかでお店の歴史やこだわりなど様々な情報を発信して
います。
</div>
<h3 id="switch2" style="clear: both">SKIPとは</h3>
<div id="toggle2" class="sect">
SKIPは、東北公益文科大学の情報特別選抜から設立されたサークルであり、酒田商工会議所が主催する「SWAN Project」と協力して酒田地域の情報を発信することを目的としている。
</div>
</div>

<!-- Making Balloon -->
<script src="js/jquery.balloon.min.js"></script>
<script type="text/javascript">
<!--
$(function() {
  $('.cover').balloon({
    css: {
      color: '#f89'
    },
    showDuration: "slow",
    showAnimation: function(d){this.fadeIn(d);},
    hideDuration: "slow",
    hideAnimation: function(d){this.fadeOut(d);}
  });
});
// -->
</script>

<!-- Global navigation -->
<div class="menw">
<ul>
 <a  href="index.html"><li>TOP</li></a>
 <a href="http://skip.koeki-prj.org/syuzai/syuzai.html"><li>取材</li></a>
 <a href="http://skip.koeki-prj.org/program/program.html"><li>プログラム</li></a>
 <a href="http://skip.koeki-prj.org/enq/enq.html"><li>アンケート</li></a>
 <a href="http://skip.koeki-prj.org/kiraribito/girl.html"><li>きらりびと</li></a>
 <a href="#" class="covered"><li style="position: relative;">日替りランチ</li></a>
 <div class="cover" title="近日公開!!"></div>
</ul>
</div>
<div class="all">
<div class="suball">
<!-- Image slider -->
<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="preIndex.css">
<script src="js/jquery.bxslider.js"></script>
<script type="text/javascript">
$(function(){
	mySlider = $('#slider1').bxSlider({
		auto:true,
		minSlides: 3,
		maxSlides: 3,
		slideWidth: 320,
		speed:3000,
		pause:10000,
		captions: true,
		onSlideAfter: function(){mySlider.startAuto();}
	});
});
</script>

<h3 style="margin-bottom: 10px;">酒田のいいところ - Nice place in Sakata -</h3>
<div  style="margin-left: auto; margin-right: auto; clear: left;" id="slider1">
<div><a href="syuzai/shonaihormone.html">
<img src="syuzai/shonaihormone.jpg" alt="shonaihorumon">
</a></div>
<div><a href="syuzai/kerun.html">
<img src="syuzai/kern1.jpg" alt="kerun">
</a></div>
<div><a href="syuzai/viminale.html">
<img src="syuzai/viminale1.jpg" alt="viminale">
</a></div>
<div><a href="syuzai/nakamura.html">
<img src="syuzai/nakamura.jpg" alt="nakamura">
</a></div>
<div><a href="syuzai/keyaki.html">
<img src="syuzai/keyaki1-150.JPG" alt="keyaki">
</a></div>
<div><a href="syuzai/dezima.html">
<img src="syuzai/dezima4-720c.JPG">
</a></div>
<div><a href="syuzai/nisimura.html">
<img src="syuzai/nisimura3-720c.JPG">
</a></div>
<div><a href="syuzai/rupo.html">
<img src="syuzai/rupo1-720c.jpg">
</a></div>
<div></div>
</div>

<h3>新着情報 - News -</h3>
<div class="news">
<ul>
<li><p class="line"><a harf="">追加コンテンツ予告をメニューバーに追加
    (2015-02-27更新)</a></p></li>
<li><p class="line"><a harf="">SKIPのサイトをリニューアル</a></p></li>
</ul>
</div>				<!-- news end -->

</div>				<!-- suball end -->
</div>				<!-- all end -->

<div class="footer">
Copyright &copy; 東北公益文科大学学内サークル SKIP. All Rights Reserved.
</div>				<!-- footer end -->

</body>
</html>

yatex.org