<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="K.Ryueiの情報デザイン論に関する課題を掲載するためのページです" />
<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css" />
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/vnd.microsoft.icon">
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p" 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=Monoton&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
<title>K.Ryueiの情報デザイン論課題ページ</title>
</head>
<body>
<!-- header -->
<header id="header">
<h1 class="site-title">
<a href="#">My Page</a>
</h1>
<nav>
<ul>
<li><a href="#happy">Happy</a></li>
<li><a href="#sad">Sad</a></li>
<li><a href="#calender">Calender</a></li>
<li><a href="https://www.instagram.com/ma5pel" target="_blank" rel="noopener noreferrer"><img src="../myHobby/img/instagram.png" alt="instagram.com" class="icon"/></a></li>
<li><a href="https://www.twitter.com/koeki_ma5pel" target="_blank" rel="noopener noreferrer"><img src="../myHobby/img/twitter.png" alt="twitter.com" class="icon"/></a></li>
</ul>
</nav>
</header>
<div class="heading-wrap">
<h2 class="heading">
2023年度情報デザイン論<br>課題ページ<span class="heading-point">Assignment 4</span>
</h2>
</div>
<section id="happy" class="wrapper">
<h2 class="sec-title">Happy</h2>
<p class="happy-text shine">快晴続きで外出が楽しい</p>
</section>
<section id="sad" class="wrapper">
<h2 class="sec-title">Sad</h2>
<p class="sad-text shine">甘いものを食べすぎて顔にニキビができた</p>
</section>
<section id="calender" class="wrapper">
<h2 class="sec-title">Calender</h2>
<h3>2023年度5月</h3>
<table>
<tr>
<th>日</th>
<th>月</th>
<th>火</th>
<th>水</th>
<th>木</th>
<th>金</th>
<th>土</th>
</tr>
<tr>
<td class="sunday"></td>
<td>1</td>
<td>2</td>
<td class="nationalHoliday">3</td>
<td class="nationalHoliday">4</td>
<td class="nationalHoliday">5</td>
<td class="saturday">6</td>
</tr>
<tr>
<td class="sunday">7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td class="saturday">13</td></tr>
<tr>
<td class="sunday">14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td class="saturday">20</td>
</tr>
<tr>
<td class="sunday">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td class="saturday">27</td>
</tr>
<tr>
<td class="sunday">28</td>
<td>29</td>
<td>30</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</section>
</body>
</html>
