Newer
Older
renshu-2021 / SKIP / index.html
<!DOCTYPE html>
 
<html>
<head>
<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 ="https://www.yatex.org/gitbucket/Fumiya238/mypage/pages/AR/test2.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>
    <!-- //ヘッダー -->  

    <!--SKIPの紹介-->
<div class="container">
    <section class="introduction">
        <h1>SKIP</h1>
        <p class="skip-mean">Shonai Koeki Information Project</p>
        <p>このサイトでは、私たち「SKIP」が取材した山形県庄内地方のお店や名所などを紹介しています。</p>
        <p>また、記事のなかで歴史やこだわりなど様々な情報を発信しています。</p>
    </section>
 
    <!-- 活動 -->
    <section class="activities" id="about">
        <h1>Activities</h1>
        <a href="http://roy.e.koeki-u.ac.jp/~c119222/wild_bird_home.html">
        <div class="activity">
            <img src="image/tori.jpeg" alt="アイコン" class="icon">
            <div class="activity-text">
                <h3>飯盛山公園内で野鳥の調査をしました。</h3>
                <p>飯盛山公園内で野鳥の調査をして種類ごとの写真をWebページにまとめました。
                    野鳥について調べる時に参考としたものや野鳥観察WebVRも作って掲載しています。
                </p>
            </div>
        </div>
        </a>

        <a href="https://www.yatex.org/gitbucket/RinoIto/Cafe/pages/JOHO.html">
        <div class="activity">
            <img src="image/kare-doria.jpeg" alt="アイコン" class="icon">
            <div class="activity-text">
                <h3>酒田市のカフェを散策しました。</h3>
                <p>酒田市(公益大周辺)のカフェを散策してメニューやお店の情報をWebページにまとめました。
                    今回は2つの美味しいカフェを紹介しました。どちらのカフェも実際に公益大生が足を運んで
                    美味しい料理を食べてきたのでぜひ見てみてください。
                </p>
            </div>
        </div>
        </a>

        <a href="http://roy.e.koeki-u.ac.jp/~c119220/renshu-2021/homepage.html">
        <div class="activity">
            <img src="image/sample2.jpg" alt="アイコン" class="icon">
            <div class="activity-text">
                <h3>釣りについての掲示板と情報ツールを作りました。</h3>
                <p>ここでは、釣り初心者から上級者までたくさんの釣り好きのために
                    役立つ釣果を知らせる掲示板や、どこでどんな魚が釣れるかを調べることができる情報ツールを用意しています。
                    暇つぶしのゲームも掲載しています。
                </p>
            </div>
        </div>
        </a>

        <a href="https://www.yatex.org/gitbucket/Fumiya238/mypage/pages/AR/test2.html">
            <div class="activity">
                <img src="image/sample3.jpg" alt="アイコン" class="icon">
                <div class="activity-text">
                    <h3>松が岡開墾場について調査しました。</h3>
                    <p>ここでは、松が岡開墾場について調べてまとめています。
                    </p>
                </div>
            </div>
            </a>
    </section>


    <!-- //SKIPについて -->

</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>