<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="kadai2.css">
<title>情報デザイン論課題2ポスター</title>
</head>
<body>
<section id="top">
<div class="flex">
<div class="inner">
<div class="btn">
<h2>新たな発見</h2>
</div>
<p class="top-text">ボランティア活動をはじめて見ると、新たな価値観、新たな発見、新たな人との出会いがたくさんあります。</p>
</div>
<div class="inner">
<img src="tree.jpg">
</div>
</div>
</section>
<section id="main-title">
<div class="title">
<h1>ボランティア活動</h1>
<p>はじめてみませんか？</p>
</div>
</section>
<section id="middle">
<div class="flex">
<div class="inner">
<img src="bbq.jpg">
</div>
<div class="inner">
<div class="btn">
<h2>新しい仲間</h2>
</div>
<p class="middle-text">上下関係や利害関係がないボランティアの世界では、本当の仲間が得られやすいかもしれません。</p>
</div>
</div>
</section>
<section id="bottom">
<div class="flex">
<div class="inner">
<div class="btn">
<h2>新しい自分</h2>
</div>
<p class="bottom-text">気が付けば、今までと違った考えの自分がそこにあるかもしれません。新たな自分探しの旅にもボランティアの世界は開かれています。</p>
</div>
<div class="inner">
<img src="spring.jpg">
</div>
</div>
</section>
<section id="others">
<h3>私たちが目指すのは、ボランティアによる”市民社会の創造”です</h3>
<p class="blue">「何から始めればよいかわからない。」「どんな活動が自分に合うかわからない。」などはじめての方でもお気軽にお声がけください！</p>
</section>
<section id="access">
<h4>ボラサポートさかた(酒田市ボランティア・公益活動センター)</h4>
<div class="flex">
<div class="contact">
<p>〒998-0044 酒田市中町3-4-5交流ひろば内<br>
E-mail:volunteer@sakata-shakyo.or.jp<br>
HP:http://sakata-vc.com/</p>
</div>
<div class="access">
<p>TEL:48-8165 FAX:26-5617</p>
<p>(窓口・電話 平日8:30～17:15)</p>
</div>
</div>
</section>
</body>
</html>
