<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>test</title>
<link rel="stylesheet" href="program.css" type="text/css">
</head>
<body>
<div class="container">
<header>
<h3 class="title">にーはん</h3>
</header>
<div class="main">
<img src="image.png">
<h3 class="mem">メンバー</h3>
<ul class="member">
<li><p class="name">熊川隆志</p><p class="course">メディア情報コース</p></li>
<li><p class="name">後藤里穂</p><p class="course">サンプルテキストサンプルテキスト</p></li>
<li><p class="name">斎藤陸</p><p class="course">政策コース</p></li>
<li><p class="name">佐久間雅也</p><p class="course">政策コース</p></li>
<li><p class="name">森田修冬</p><p class="course">政策コース</p></li>
</ul>
<div class="photo1 photo">
<h1 class="title1">名言マスターへの道</h1>
<img src="image1.png">
<div class="box box1">
<div class="syokai_box">
<h2>このプログラムは</h2>
<p>10問の名言をお題とした穴埋め3択クイズです。</p>
<p>大学生に知っておいて欲しい名言を集めました。</p>
</div>
<div class="link_box">
<a href="program1.html"><p>< ダウンロードはこちらから ></p></a>
</div>
</div>
</div>
<div class="photo2 photo">
<h1 class="title2">パワフルプログラミング野球</h1>
<img src="image2.png">
<div class="box box2">
<div class="syokai_box">
<h2>このプログラムは</h2>
<p>野球ゲームの9回の裏表をプレイするゲームです</p>
<p>コース、球種、高さを選択肢から選び、</p>
<p>相手の裏をかく采配をしましょう。</p>
</div>
<div class="link_box">
<a href="program2.html"><p>< ダウンロードはこちらから ></p></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
