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/hanako.png" width="120" height="120" alt="花子のアイコンです">
</div>
<div class="info">
<h1>山田花子</h1>
<p>UI/UXデザイナー見習いです</p>
<ul>
<li>
<a href="https://www.nri-pi.com" target="_blank">
<img src="img/blog.png" width="20" height="20" alt="ブログサイトへのリンク画像です">
</a>
</li>
<li>
<a href="https://www.nri-pi.com" target="_blank">
<img src="img/photos.png" width="20" height="20" alt="写真サイトへのリンク画像です">
</a>
</li>
</ul>
</div>
</div>
</header>
<section class="works">
<!-- お気に入りサイトの紹介 -->
<h1>お気に入りサイト</h1>
<section>
<img src="img/website1.png" width="400" height="180" alt="Amazonのトップページ画像">
<h1>Amazon</h1>
<p>楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。</p>
</section>
<section>
<img src="img/website2.png" width="400" height="180" alt="コカ・コーラのトップページ画像">
<h1>コカ・コーラ</h1>
<p>楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。</p>
</section>
<section>
<img src="img/website3.png" width="400" height="160" alt="無印良品">
<h1>無印良品</h1>
<p>楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。楽しいサイトです。</p>
</section>
</section>
<footer>
<p>uiuxdesignsalon.com</p>
</footer>
</body>
</html>
3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2025 dotinstall.com. All Rights Reserved.