<!DOCTYPE html>
<html>
<head>
<title>第12回情報デザイン論課題</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="kadai1.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Potta+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap" rel="stylesheet">
</head>
<body>
<p class="member">新<span>メンバー</span>募集!</p>
<h1>ハタラクカタチ</h1>
<p class="overview">山形県庄内地域の魅力ある企業を若者目線から発信する団体</p>
<div class="flex-top">
<p class="meeting"><img src="syuzai.jpg" alt="取材風景"></p>
<p class="syuzai"><img src="meeting.jpg" alt="ミーティング風景"></p>
</div>
<div class="flex-bottom">
<div class="box-activity">
<div>活動内容</div>
<p> 取材のアポ取り</p>
<p> 企業への取材</p>
<p> 文字起こし</p>
<p> 取材記事作成</p>
<p> 冊子作成</p>
</div>
<div class="box-member">
<div>人数</div>
<p class="large">14名</p>
<p>男子：3名</p>
<p>女子：11名</p>
</div>
<div class="box-qr">
<p class="qr"><img src="hataraku-QR.jpg" alt="インスタグラムQRコード"></p>
</div>
</div>
<div class="addres">
<p class="box">ご連絡はこちらまで</p>
<p class="gmail">k.hatarakukatachi@gmail.com</p>
</div>
</body>
</html>
