index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="style.css" rel="stylesheet">
    <title>257zs01129-cloudのポートフォリオ</title>
  </head>
  <body>
    <h1>257zs01129-cloud</h1>
    <img src ="SUM-P80.jpg"　width="30%" height="30%">
    
    <h2>About</h2>
    <p>
      プログラミング始めました<br>
      まだ何もできない！！
    </p>

    <h3>Profile</h3>
    <ul>
      <li>SUM (257zs01129-cloud)</li>
      <li>神奈川</li>
      <li>まだない！</li>
    </ul>

    <h3>Skills</h3>
    <table>
      <tr>
        <th>OS</th>
        <td>まだmacのみ</td>
      </tr>
      <tr>
        <th>Engine, Frameworks</th>
        <td>Node.js, Express など</td>
      </tr>
      <tr>
        <th>Tool, MiddleWare</th>
        <td>Git, PostgreSQL など</td>
      </tr>
      <tr>
        <th>資格・免許</th>
        <td>無し</td>
      </tr>
    </table>

    <h3>Works</h3>
    <p>アピールできる活動内容を書きましょう。</p>
    <ul>
      <li><a href="https://github.com/">GitHub</a></li>
      <li><a href="https://qiita.com/">Qiita</a></li>
      <li><a href="https://zenn.dev/">Zenn</a></li>
      <li>
        作った作品
        <ul>
          <li><a href="https://257zs01129-cloud.github.io/assessment/assessment.html/">作品 1授業で作成したもの</a></li>
          <li><a href="https://youtu.be/h8ib95E2jzM">作品　２動画</a></li>
            
        </ul>
      </li>
    </ul>

    <h3>Contact</h3>
    <p>連絡先や SNS のアカウントを書きましょう。</p>
    <ul>
      <li><a href="mailto:name@example.com">Mail</a></li>
      <li><a href="https://twitter.com/n_yobikou">X(旧 Twitter)</a></li>
      <li><a href="https://www.linkedin.com/">LinkedIn</a></li>
    </ul>

    <h3>History</h3>
    <p>zen大学一期生</p>
    <table>
      <tr>
        <th>2025 年</th>
        <td>学校法人日本財団ドワンゴ学園<a href="https://zen.ac.jp//">zen大学</a> 入学</td>
      </tr>
      <tr>
        <th>2025 年</th>
        <td>学校法人角川ドワンゴ学園 <a href="https://nnn.ed.jp/">N高等学校</a> 卒業</td>
      </tr>
      <tr>
        <th>20XX 年</th>
        <td>表彰、受賞歴、メディア掲載記事などあれば</td>
      </tr>
    </table>
    <h3>好きな動画</h3>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/PE_iyDsY5xM?si=0b4jpx7PtIgl7Esh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    <h3>Open Processing</h3>
    <iframe src="https://openprocessing.org/sketch/2962411/embed/" width="400" height="400"></iframe>
  </body>
</html>