<!DOCTYPE html> <html> <head lang="ja"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SKIP</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div class="img-center"> <img src="image/skiplogo.png" alt="site-logo" class="top-image"> </div> <div class="img-center"> <img src="image/kumo.png" alt="kumo" class="kumo"> </div> <!-- ヘッダー --> <header class="site-header"> <div class="header-list"> <div class="menu-ready"><p class="menu-click">メニュー</p></div> <ul> <li class="menu"><a href ="index.html">ホーム</a></li> <li class="menu"><a href ="dentou.html">伝統芸能</a></li> <li class="menu"><a href ="matugaoka.html">松が丘開墾場</a></li> <li class="menu"><a href ="http://roy.e.koeki-u.ac.jp/~c119222/wild_bird_home.html">野鳥</a></li> <li class="menu"><a href ="https://www.yatex.org/gitbucket/SKIP/renshu-2021/pages/Unique/index.html">マイナー観光地</a></li> <li class="menu"><a href ="https://www.yatex.org/gitbucket/RinoIto/Cafe/pages/JOHO.html">カフェ</a></li> <li class="menu"><a href ="another.html">その他活動</a></li> </ul> </div> </header> <!-- //ヘッダー --> <div class="container"> <section class="top-text"> <h3 class="common-title">伝統芸能</h3> <p class="common-text"> 庄内地方の伝統芸能を取材しました。 さまざまな祭りを取材し、動画でまとめることでたくさんの人にわかりやすく 庄内地方の伝統芸能を楽しんでもらえるようにしています。 祭りの詳細な位置をMapで表示し、今回使用した動画の編集方法なども紹介しています。 </p> </section> <section id="movie"> <h3 class="common-title">取材一覧</h3> <div class="grid"> <a class="page" href="movie1.html"> <div class="item"> <img class="fadein" src="image/sample1.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">亀ケ崎獅子舞 亀ヶ崎十一面観音堂春祭り</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> <a class="page" href="movie2.html"> <div class="item"> <img class="fadein" src="image/sample2.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">上中村神楽 上中村皇太神社例大祭</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> <a class="page" href="movie3.html"> <div class="item fadein"> <img class="fadein" src="image/sample3.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">門田神楽 門田住吉神社例大祭</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> <a class="page" href="movie4.html"> <div class="item fadein"> <img class="fadein" src="image/sample1.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">板戸神楽 板戸住吉神社例大祭</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> <a class="page" href="movie5.html"> <div class="item fadein"> <img class="fadein" src="image/sample2.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">上市神神代神楽 東光山薬師神社例大祭</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> <a class="page" href="movie6.html"> <div class="item fadein"> <img class="fadein" src="image/sample3.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">下市神神代神楽 八雲神社例大祭</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> <a class="page" href="movie7.html"> <div class="item fadein"> <img class="fadein" src="image/sample1.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">新堀神楽 新堀皇大神社祭礼</p> <p class="item-date">2018.04.25</p> </div> </div> </a> <a class="page" href="movie8.html"> <div class="item fadein"> <img class="fadein" src="image/sample2.jpg" alt=""> <div class="item-content"> <p class="item-cat">festival</p> <p class="item-text">木川神楽 木川八幡神社例大祭</p> <p class="item-date">XXXX.XX.XX</p> </div> </div> </a> </div> </section> <section id="map"> <h3 class="common-title">Map</h3> <div id="mymap" class="sidebar-map" > <div id="sidebar" class="sidebar collapsed"> </section> <section id="manuel"> <h3 class="common-title">各種マニュアル</h3> <div class="manuel-item"> <ol> <a href="mac.html" class="manuel-list"> <li>iMovie -Macで編集-</li> </a> <a href="iPhone.html" class="manuel-list"> <li>iMovie -iPhoneで編集-</li> </a> <a href="linux.html" class="manuel-list"> <li>Shotcut -Linux/Windowsで動画編集-</li> </a> </ol> </div> </section> </div> <footer class="footer"> <p>Copyright (C) 2018-2021 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p> </footer> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="js/jquery.header.js"></script> <script type="text/javascript" src="js/jquery.menuopen.js"></script> <script src="js/fade.js"></script> </body> </html>