<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wild bird conservation society</title>
<link href="bird.css" rel="stylesheet" type="text/css">
</head>
<body>
<header id="header">
<h1><a href="#"><img src="logo.png" alt="log"></a></h1>
</header>
<main>
<div class="area">
<section id="box1" class="box" data-section-name="Area1"><!--data-section-nameはページネーションを表示させた際、現在地に現れるテキスト-->
<h2>photo & Wild bird conservation society >></h2>
<a href="http://roy.e.koeki-u.ac.jp/~c119222/wild_bird_home.html" class="gradient4">Look</a>
<!--/box--></section>
</div>
<div class="area">
<section id="box2" class="box" data-section-name="Area2">
<h2>uMap >></h2>
<a href="#" class="gradient4">Look</a>
<!--/box--></section>
</div>
<div class="area">
<section id="box3" class="box" data-section-name="Area3">
<h2>WebVR >></h2>
<a href="#" class="gradient4">Look</a>
<!--/box--></section>
</div>
<div class="area">
<section id="box4" class="box" data-section-name="Area4">
<h2>Picture book >></h2>
<a href="#" class="gradient4">Look</a>
<!--/box--></section>
</div>
</main>
<footer id="footer">
<small>koeki-SKIP</small>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.21/jquery.scrollify.js"></script>
<!--自作のJS-->
<script src="bird.js"></script>
</body>
</html>
