<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Liga 食品ロス削減チーム</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="ここにサイト説明を入れます">
<meta name="keywords" content="キーワード１,キーワード２,キーワード３,キーワード４,キーワード５">
<link rel="stylesheet" href="liga.css">
<script src="js/fixmenu_pagetop.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
$('a[href^="#"]').click(function() {
var speed = 800;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
</script>
</head>
<body>
<header>
<h1 id="logo"><a href="index.html"><img src="ligalogo2.png"width=500 height=1000 alt="Liga"></a></h1>
<nav id="menubar">
<ul>
<li><a href="#new">活動記録</a></li>
<li><a href="#company">Ligaとは？</a></li>
<li><a href="#service">活動</a></li>
<li><a href="#contact">お問い合わせ</a></li>
</ul>
</nav>
</header>
<div id="container">
<div id="contents">
<section id="new">
<h2>活動記録</h2>
<dl>
<dt>2021/01/30</dt>
<dd>第1回フードドライブ開催</dd>
<dt>2020/1129</dt>
<dd>第4回フードパントリー（たきたきたいむ同時開催）</dd>
<dt>2020/11/26</dt>
<dd>代表引継ぎ式（鈴木→阿部）</dd>
<dt>2020/09/28</dt>
<dd>第3回フードパントリー</dd>
<dt>2020/09/27</dt>
<dd>第2回フードパントリー</dd>
<dt>2020/07/07</dt>
<dd>第1回フードパントリー開催</dd>
<dt>20</dt>
<dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
</dl>
</section>
<!--/#new-->
<section id="company">
<h2>Ligaとは？</h2>
<h3>概要</h3>
<table class="ta1">
<caption>Liga→Love + In + Good + Action (ラテン語で"結びつける"という意味）</caption>
<tr>
<th><img src="ligalogo2.png"width=500 height=500></th>
<td><h2>・活動のきっかけ</h2>
<p> Ligaでは2018年より難民支援活動をしてきましたが、活動する中で、日本の食品ロスの問題と世界の貧困の差のギャップに驚きました。</p>
<p>まずは、自分たちにできる身近な食品ロスを減らすことからはじめたいと思い、埼玉県で子ども食堂の取り組みを見学させて頂いたり酒田市社会福祉協議会を訪問するなど、食品ロスへの関心を高めてきました。</p>
2020年よりフードパントリーの活動をしています。 </td>
</tr>
<tr>
<th><img src="6.jpg"width=500 height=500></th>
<td><p>メンバー構成</p>
<p>・４年生：５名</p>
<p>・３年生：２名</p>
<p>・２年生：１２名
<p>・１年生：７名</p></td>
<p>合計------２６名</p>
</tr>
<tr>
<th>見出し</th>
<td>ここに説明など入れて下さい。サンプルテキスト。</td>
</tr>
<tr>
<th>見出し</th>
<td>ここに説明など入れて下さい。サンプルテキスト。</td>
</tr>
<tr>
<th>見出し</th>
<td>ここに説明など入れて下さい。サンプルテキスト。</td>
</tr>
<tr>
<th>見出し</th>
<td>ここに説明など入れて下さい。サンプルテキスト。</td>
</tr>
</table>
<!--/#company-->
<section id="service">
<h2>活動について</h2>
<div class="list">
<img src="images/sample1.jpg" alt="">
<h4>ここの見出しのサイズは、cssフォルダのstyle.cssの「.list h4」で変更できます。</h4>
<p>左の画像の幅もstyle.cssの「.list img」のwidthの数字で変更できます。</p>
</div>
<div class="list">
<img src="images/sample2.jpg" alt="">
<h4>見出しを入れます。</h4>
<p>説明を入れます。</p>
</div>
<div class="list">
<img src="images/sample3.jpg" alt="">
<h4>見出しを入れます。</h4>
<p>説明を入れます。</p>
</div>
<div class="list">
<img src="images/sample4.jpg" alt="">
<h4>見出しを入れます。</h4>
<p>説明を入れます。</p>
</div>
<div class="list">
<img src="images/sample5.jpg" alt="">
<h4>見出しを入れます。</h4>
<p>説明を入れます。</p>
</div>
</section>
<!--/#service-->
<section id="contact">
<h2>Contact</h2>
<p class="c">お問い合わせは以下までお願い致します。</p>
<p class="c"><span class="big1">liga.foodloss@gmail.com(代表：阿部）</span><br>
定休日：毎週<br>
営業時間AM9:00〜PM6:00</p>
<p class="c"><img src="images/sample1.jpg" alt="" width="300"></p>
</section>
<!--/#contact-->
</div>
<!--/#contents-->
</div>
<!--/#container-->
<footer>
<small>Copyright© <a href="index.html">SAMPLE COMPANY</a> All Rights Reserved.</small>
<span class="pr">《<a href="https://template-party.com/" target="_blank">Web Design:Template-Party</a>》</span>
</footer>
<!--ページの上部に戻る「↑」ボタン-->
<p class="nav-fix-pos-pagetop"><a href="#">↑</a></p>
</body>
</html>
