<!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>"> <img src="img/taro.png" width="120" height"120" alt="太郎のアイコンです"> <h1>山田太郎</h1> <p>UI/UXデザイナー見習いです</p> <ul> <li> <a href="https://dotinstall.com" target="_blank"> <img src="img/blog.png" width="20" height="20" alt="ブログサイトへのリンク画像です"> </a> </li> <li> <a href="https://dotinstall.com" target="_blank"> <img src="img/photos.png" width="20" height="20" alt="写真サイトへのリンク画像です"> </a> </li> </ul> </div> </header> <section> <h1>works</h1> <section> <img src="img/work1.png" width="400" height="260" alt="勇者のゲームの紹介画像"> <h1>勇者のゲーム</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="img/work2.png" width="400" height="260" alt="宝さがしゲームの紹介画像"> <h1>宝さがしゲーム</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> <section> <img src="img/work3.png" width="400" height="260" alt="神経衰弱の紹介画像"> <h1>神経衰弱</h1> <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> </section> </section> <footer> <p>(c) dotinstall.com</p> </footer> </body> </html>