<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>KOMA-NATSU Web</title>
<meta name="keywords" content="にゃんこ,ネコ,ねこ,猫,ねこ紹介,ねこ自慢">
<meta name="description" content="我が家のアイドル、にゃんこ達を紹介します！可愛い猫写真を沢山掲載しています。">
<link href="style.css" rel="stylesheet" type="text/css" media="all">
<link href='https://fonts.googleapis.com/css?family=Limelight' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<h1>KOMA-NATSU Web</h1>
<p>我が家のアイドル、にゃんこ達を紹介します！</p>
</header>
<nav>
<ul>
<li><a href="#intro">はじめに</a></li>
<li><a href="#cats">我が家のにゃんこ</a></li>
<li><a href="#profile">飼い主紹介</a></li>
</ul>
</nav>
<main id="contents">
<section id="intro">
<h2>はじめに</h2>
<p>ご訪問ありがとうございます。<br>
このページは我が家の可愛い黒猫・白猫姉妹を紹介する親馬鹿ホームページです。可愛い写真を沢山掲載していますので、楽しんでいってくださいね。<br>
<strong>※掲載している写真の無断転用・転載はご遠慮ください。</strong>
</p>
</section><!-- /#intro -->
<section id="cats">
<h2>我が家のにゃんこ</h2>
<section>
<h3>●小町<span>（こまち・♀）</span></h3>
<img src="img/komachi.jpg" width="480" height="320" alt="小町" class="imgL">
<p>生後2ヵ月弱で我が家にやってきた長女・小町。生粋の箱入り娘なので超人見知りでビビリ。人見知りすぎて玄関チャイムが「ピンポーン」と鳴った瞬間にダッシュで消えるため、家族以外にとっては「幻の猫」。</p>
<p class="more clear"><a href="cats/komachi.html">もっと見る</a></p>
</section>
<section>
<h3>●小夏<span>（こなつ・♀）</span></h3>
<img src="img/konatsu.jpg" width="480" height="320" alt="小夏" class="imgR">
<p>小町のお友達に、と1年後に貰われてきた次女・小夏。埼玉県飯能市の炭鉱で生まれ育った元野生児。小町とは対照的に天真爛漫で社交的。よく食べ、よく遊び、よく眠る元気いっぱいな女の子。</p>
<p class="more clear"><a href="cats/konatsu.html">もっと見る</a></p>
</section>
</section><!-- /#cats -->
<section id="profile" class="clearfix">
<h2>飼い主紹介</h2>
<img src="img/avater.png" width="250" height="250" alt="アバター" class="img-round imgL">
<dl>
<dt>H.N. ：</dt><dd>roka404</dd>
<dt>仕事 ：</dt><dd>フリーランスでWeb関係のお仕事してます</dd>
<dt>mail ：</dt><dd><a href="mailto:info@roka404.main.jp">info@roka404.main.jp</a></dd>
<dt>Web ：</dt><dd><a href="http://roka404.main.jp/blog/" target="_blank">http://roka404.main.jp/blog/</a></dd>
</dl>
</section><!-- /#profile -->
</main>
<footer>
<p><small>Copyright © KOMA-NATSU Web All Rights Reserved.</small></p>
</footer>
</body>
</html>