index.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/style.css">
  <title>taro no page</title>
</head>
<body>
  <h1>What Can I do?</h1>

  <main>
    <img src="img/PC.png" alt="child" width="30%" height="auto">
    <p class="title">IT系</p>
  <ul>
    <li>動画編集</li>
    <li>SNS運用を教える</li>
    <li>動画制作方法を教える</li>
    <li>携帯料金の最適化相談</li>
    <li>結婚式ムービー作成</li>
    <li>iPhoneの設定効率化</li>
    <li>ホームページ制作</li>
    <li>アプリ開発</li>
    <li>楽天ポイントせどり</li>
    <li>中国輸入せどり</li>
  </ul>

  <img src="img/talk.png" alt="talk" width="30%" height="auto">
  <p class="title">IT系でない</p>
  <ul>
    <li>一緒にランニング</li>
    <li>良い人紹介</li>
    <li>なんでも相談乗る</li>
    <li>ヒッチハイクのやり方</li>
    <li>一緒にヒッチハイク</li>
    <li>数学教える</li>
  </ul>

  <div class="note">
    <h2>すべて1日10円でOK</h2>
  </div>
</main>

</body>
</html>