3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2025 dotinstall.com. All Rights Reserved.
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>太郎のポートフォリオサイト</title>
<link rel="icon" href="favicon.ico">
<meta name="description"content="太郎のポートフォリオサイトです。">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div class="container">
<div class="icon">
<img src="img/taro.png" width="120" hight="120" alt="太郎のアイコンです。">
</div>
<div class="info">
<h1>山田太郎</h1>
<p>UI／UXデザイナー見習いです。</p>
<ul>
<li>
<a href="https://dotinstall.com" target="_blank">
<img src="img/blog.png"width="20"hight="20"alt="ブログサイトへのリンク画像です。">
</a>
</li>
<li>
<a href="https://dotinstall.com"target="_blank">
<img src="img/photos.png"width="20"hight="20"alt="写真サイトへのリンク画像です。">
</a>
</li>
</div>
</ul>
</div>
</header>
<section class="works">
<h1>works</h1>
<section>
<img src="img/work1.png" width="400" hight="260" alt="勇者ゲームの紹介画像">
<h1>勇者ゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
</section>
<section>
<img src="img/work2.png" width="400" hight="260" alt="宝探しゲームの紹介画像">
<h1>宝探しゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
</section>
<section>
<img src="img/work3.png" width="400" hight="260" alt="神経衰弱の紹介画像">
<h1神経衰弱ゲーム</h1>
<p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p>
</section>
</section>
<footer>
<p>(c) dotinstall.com</p>
</footer>
</body>
</html>
3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2025 dotinstall.com. All Rights Reserved.