home20180216予備で保存.html 8.58 KB
<div id="sliderarea">smartslider3[1]</div>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
		
			  <!-- Slider main container -->
		  <div class="swiper-container mb60">
				    <!-- Additional required wrapper -->
				    <div class="swiper-wrapper">
				        <!-- Slides -->
				        <div class="swiper-slide"><img src="images/banners/bnr_info_open-campus.png" alt="オープンキャンパス" /></div>
				        <div class="swiper-slide"><img src="images/banners/bnr_info_nyusatsu.png" alt="調達情報" /></div>
				        <div class="swiper-slide"><img src="images/banners/bnr_info_recruit.png" alt="教職員募集" /></div>
				        <div class="swiper-slide"><img src="images/banners/bnr_info_library.png" alt="鹿屋体育大学附属図書館" /></div>
				        <div class="swiper-slide"><img src="images/banners/bnr_info_nyugaku-sotsugyo.png" alt="入学式及び卒業式・修了式の案内" /></div>
				        <div class="swiper-slide"><img src="images/banners/bnr_info_splab.png" alt="スポーツパフォーマンス研究棟" /></div>
				    </div>
				    <!-- If we need pagination -->
                    
                    
                    <!-- ▼画像リスト -->
				    <!--<div class="swiper-pagination"></div> -->
				    
				    <!-- If we need navigation buttons -->
				    
                    
                    <!-- ▼サイド送り -->
                    <!--<div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div> -->
                    
				</div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
	<script>
		var mySwiper = new Swiper ('.swiper-container', {
	    	loop: true,
	    	slidesPerView: 6,
  			spaceBetween: 15,
  			centeredSlides : true,
          autoplay: '3000',
		    pagination: '.swiper-pagination',
		    nextButton: '.swiper-button-next',
		    prevButton: '.swiper-button-prev',
			breakpoints: {
				767: {
					slidesPerView: 1,
					spaceBetween: 0
				}
			}
	    })
	</script>

<!--<div id="top_bnrarea01">
<ul>
<li><a href="entrance/open-campus.html"><img src="images/banners/bnr_info_open-campus.png" alt="オープンキャンパス" /></a></li>
<li><a href="public/bid.html"><img src="images/banners/bnr_info_nyusatsu.png" alt="調達情報" /></a></li>
<li><a href="public/recruit.html"><img src="images/banners/bnr_info_recruit.png" alt="教職員募集" /></a></li>
<li><a href="http://www.lib.nifs-k.ac.jp/" target="_blank" rel="noopener noreferrer"><img src="images/banners/bnr_info_library.png" alt="鹿屋体育大学附属図書館" /></a></li>
<li><a href="#"><img src="images/banners/bnr_info_nyugaku-sotsugyo.png" alt="入学式及び卒業式・修了式の案内" /></a></li>
<li><a href="outline/facilities/school/admission.html"><img src="images/banners/bnr_info_splab.png" alt="スポーツパフォーマンス研究棟" /></a></li>
</ul>
</div> -->
<div id="top_imp_newsarea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th class="title" scope="row"><img src="images/index/topnewstitle_imp.png" alt="重要なお知らせ" /></th>
<td class="listarea">
<ul>
<li><a href="#">職員募集について</a></li>
<li><a href="#">【リマインド】公開講座(桑田真澄 氏による野球教室)のご案内</a></li>
<li><a href="#">平成30年度 鹿屋体育大学体育学研究科体育学専攻入学試験 合格者発表</a></li>
<li><a href="#">日本版NCAA『KANOYAモデル』始動記者会見を実施しました!</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<!-- ▲#top_imp_newsarea -->
<div id="topinfo_twitarea" class="whitearrowbox over">
<div class="inner">

<div id="topnewsarea">
<h2>Information</h2>
<!-- TAB CONTROLLERS -->
<input id="panel-1-ctrl" class="panel-radios" type="radio" name="tab-radios" checked>
<input id="panel-2-ctrl" class="panel-radios" type="radio" name="tab-radios">
<input id="panel-3-ctrl" class="panel-radios" type="radio" name="tab-radios">
<input id="panel-4-ctrl" class="panel-radios" type="radio" name="tab-radios">
<input id="panel-5-ctrl" class="panel-radios" type="radio" name="tab-radios">

<!-- TABS LIST -->
<ul id="tabs-list">
  <!-- MENU TOGGLE -->
  <li id="li-for-panel-1">
    <label class="panel-label" for="panel-1-ctrl">全ての最新情報</label>
  </li>
  <!--INLINE-BLOCK FIX-->
  <li id="li-for-panel-2">
    <label class="panel-label" for="panel-2-ctrl">競技成績</label>
  </li>
  <!--INLINE-BLOCK FIX-->
  <li id="li-for-panel-3">
    <label class="panel-label" for="panel-3-ctrl">入試情報</label>
  </li>
  <!--INLINE-BLOCK FIX-->
  <li id="li-for-panel-4">
    <label class="panel-label" for="panel-4-ctrl">お知らせ</label>
  </li>
  <!--INLINE-BLOCK FIX-->
  <li id="li-for-panel-5">
    <label class="panel-label" for="panel-5-ctrl">トピックス</label>
  </li>
  <!--INLINE-BLOCK FIX-->
</ul>

<!-- THE PANELS -->
<article id="panels">
  <div class="container">
    <section id="panel-1">
      <main>
        <p>{loadmodule mod_articles_category,お知らせ全部}</p>
      </main>
    </section>
    <section id="panel-2">
      <main>
        <p>{loadmodule mod_articles_category,競技成績}</p>
      </main>
    </section>
    <section id="panel-3">
      <main>
        <p>{loadmodule mod_articles_category,入試情報}</p>
      </main>
    </section>
    <section id="panel-4">
      <main>
        <p>{loadmodule mod_articles_category,お知らせ}</p>
      </main>
    </section>
    <section id="panel-5">
      <main>
        <p>{loadmodule mod_articles_category,トピックス}</p>
      </main>
    </section>
  </div>
</article>
</div>

<div id="twitarea">
<h2>Twitter</h2>
<div class="twitbox"><img src="images/index/sampleimg_twitter.jpg" width="320" height="430" /></div>
</div>
</div>
</div>
<!-- ▲#topinfo_twitarea.whitearrowbox -->
<div id="top_otherinfoarea">
<div class="bnrbox01"><!--
<ul>
<li><a href="#"><img src="images/index/top_otherbnr01.jpg" alt="蒼天祭" /></a></li>
<li><a href="http://splab.nifs-k.ac.jp/ja/" target="_blank" rel="noopener noreferrer"><img src="images/index/top_otherbnr02.jpg" alt="Sports Performance Laboratory" /></a></li>
</ul>
--></div>
<div class="bnrbox02">
<ul>
<li><a href="campus-life/activities.html"><img src="images/index/top_otherbnr02_1.jpg" alt="課外活動団体" /></a></li>
<li><a href="outline/summary/achieves.html"><img src="images/index/top_otherbnr02_2.jpg" alt="大学の公表事項" /></a></li>
<li><a href="property/researchers.html"><img src="images/index/top_otherbnr02_3.jpg" alt="研究者一覧" /></a></li>
<li><a href="property/open-chair.html"><img src="images/index/top_otherbnr02_4.jpg" alt="公開講座" /></a></li>
<li><a href="property/workshop.html"><img src="images/index/top_otherbnr02_5.jpg" alt="教員免許状・更新講習プログラム" /></a></li>
<li><a href="property/tokyo-satellite-campus.html"><img src="images/index/top_otherbnr02_6.jpg" alt="東京サテライトキャンパス" /></a></li>
</ul>
</div>
</div>
<!-- ▲#top_otherinfoarea -->
<div id="top_linkarea">
<ul><!--
<li><a href="entrance/open-campus/briefing.html"><img src="images/index/topbnr_link01.jpg" alt="大学説明会・体験授業" /></a></li>
<li><a href="http://www.lib.nifs-k.ac.jp/" target="_blank" rel="noopener noreferrer"><img src="images/index/topbnr_link02.jpg" alt="鹿屋体育大学付属図書館" /></a></li>
<li><a href="http://shisetsu.nifs-k.ac.jp/" target="_blank" rel="noopener noreferrer"><img src="images/index/topbnr_link03.jpg" alt="鹿屋体育大学施設課 入札・契約情報" /></a></li>
<li><a href="public/recruit.html"><img src="images/index/topbnr_link04.jpg" alt="鹿屋体育大学 教員公募・職員募集" /></a></li>
-->
<li><a href="http://www.janu.jp/" target="_blank" rel="noopener noreferrer"><img src="images/index/topbnr_link05.jpg" alt="一般社団法人 国立大学協会" /></a></li>
<li><a href="http://nifs-sportszaidan.or.jp/" target="_blank" rel="noopener noreferrer"><img src="images/index/topbnr_link06.jpg" alt="公益財団法人 鹿屋体育大学 体育・スポーツ振興教育財団" /></a></li>
<li><a href="http://www.nifs-sc.or.jp/" target="_blank" rel="noopener noreferrer"><img src="images/index/topbnr_link07.jpg" alt="NPO法人 NIFSスポーツクラブ" /></a></li>
<li><a href="http://sports-performance.jp/" target="_blank" rel="noopener noreferrer"><img src="images/index/topbnr_link08.jpg" alt="RJSP スポーツパフォーマンス研究" /></a></li>
</ul>
</div>
<!-- ▲#top_linkarea -->
<p>{loadposition information}</p>