<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>私の自己紹介</title>
<link rel="stylesheet" type="text/css" href="main.css">
<style>
body {
background-color: #ffeef2 !important;
background-image: none !important;
margin: 0;
font-family: sans-serif;
}
.passion {
background: linear-gradient(transparent 70%, #ffccd5 70%);
display: inline-block;
font-weight: bold;
color: #c9184a;
}
p {
font-size: 10pt;
line-height: 200%;
}
.my-box {
border: 2px solid #555555;
padding: 15px;
margin: 10px 0;
border-radius: 8px;
background-color: #ffffff;
}
.wavy {
text-decoration: underline wavy #ff0000;
text-decoration-skip-ink: none;
}
.calendar {
border-collapse: collapse;
width: 100%;
text-align: center;
}
.calendar th {
border: 1px solid #ccc;
padding: 10px;
}
.sun {
color: red !important;
background-color: #fff0f0;
}
.sat {
color: blue !important;
background-color: #f0f0ff;
}
.notice {
color: red !important;
font-weight: bold;
}
</style>
</head>
<body>
<h1>自己紹介</h1>
<h2>プロフィール</h2>
<ul>
<li><strong>名前：</strong> 小坂 龍弥</li>
<li><strong>出身：</strong> 山形県高畠町</li>
</ul>
<h2>ひとこと</h2>
<p>数学が好きです。
高校の時勉強が嫌いでしたが大学に来てから塾のアルバイトを経て数学が好きになりました。<br>
</p>
<div class="my-box">
<h3>仕事内容</h3>
<ul>
<li>メインは高校生の数学</li>
<li>高校の時勉強しておけばよかったと後悔しているのでその思いを中高生に伝えて悔いのないようにしてもらう。</li>
<li>すぐ答えを出すのではなくヒントを出してあげる。</li>
<li>たまに関係ない話をして楽しい時間を作る。</li>
<li>その日やる分野を事前に理解しておく。</li>
<li>生徒の悩みを聞く</li>
</ul>
</div>
<p>アルバイト中あったことを書き足す
</p>
<p>高校生に教えるより<span class="wavy">小学生、中学生(特に中1)</span>に教える方が難しい</p>
<p>どんどん高校数学の苦手分野が減っていく</p>
<p>質問してくれると嬉しいのでもっと聞いてほしい</p>
<div style="border: 2px solid #555555; padding: 15px; border-radius: 8px;">
<h3>✍️ 指導の際に気をつけていること</h3>
<ul>
<span style="color: red;">自分の代は旧課程で新過程では若干ではあるが指導内容が変っているので自分が習っていない範囲も出てくるため注意が必要</span>
</ul>
</div>
<p class="passion">がんばれ</p>
<table class="calendar">
<tr><th class="sun">日</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th class="sat">土</th></tr>
<tr><th>.</th><th>.</th><th>.</th><th>.</th><th>.</th><th>1</th><th class="sat">2</th></tr>
<tr><th class="sun">3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th class="sat">9</th></tr>
<tr><th class="sun">10</th><th>11</th><th class="notice">12</th><th>13</th><th>14</th><th>15</th><th class="sat">16</th></tr>
<tr><th class="sun">17</th><th>18</th><th>19</th><th>20</th><th>21</th><th>22</th><th class="sat">23</th></tr>
<tr><th class="sun">24</th><th>25</th><th>26</th><th>27</th><th>28</th><th>29</th><th class="sat">30</th></tr>
<tr><th class="sun">31</th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
</table>
</body>
</html>
