<!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> <!-- ヘッダー --> <header class="header"> <div class="header-inner"> </div> <div class="header-list"> <ul> <li><a href ="#">ホーム</a></li> <li><a href ="#">伝統芸能</a></li> <li><a href ="#">松が丘開墾場</a></li> <li><a href ="#">野鳥</a></li> <li><a href ="#">マイナー+カフェ</a></li> <li><a href ="#">その他活動</a></li> </ul> </div> </header> <!-- //ヘッダー --> <!--SKIPの紹介--> <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="#"> <div class="activity"> <img src="image/sample1.jpg" alt="アイコン" class="icon"> <div class="activity-text"> <h3>野鳥の調査をしました。</h3> <p>サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介</p> </div> </div> </a> <a href="#"> <div class="activity"> <img src="image/sample2.jpg" alt="アイコン" class="icon"> <div class="activity-text"> <h3>酒田市のカフェを散策しました。</h3> <p>サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介</p> </div> </div> </a> <a href="#"> <div class="activity"> <img src="image/sample3.jpg" alt="アイコン" class="icon"> <div class="activity-text"> <h3>松が丘開墾場での調査をしました。</h3> <p>サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介サンプル活動紹介</p> </div> </div> </a> </section> <!-- //SKIPについて --> <section class="section-wrapper"> <div class="common-inner"> <h1 class="common-title">About</h1> <p></p> </div> </section> <section class="section-wrapper"> <div class="common-inner"></div> </section> <section class="section-wrapper"> <div class="common-inner"></div> </section> <footer class="footer"> <p>Copyright (C) 2018-2021 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p> </footer> </body> </html>