<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="2016年 D2Dアクセシビリティ勉強会での間違い探しの問題ページです。(架空サイトです)">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Dog Community - 2016年D2Dアクセシビリティ勉強会で使用する架空サイト</title>
</head>
<body>
<header role="banner">
<p class="logo"><a href="/"><img src="img/logo.png" alt="Dog Community"></a></p>
<nav role="navigation">
<ul>
<li><a href="/">HOME</a></li>
<li><a href="/about">ABOUT</a></li>
<li><a href="/news">NEWS</a></li>
<li><a href="/contact">CONTACT</a></li>
</ul>
</nav>
</header>
<main role="main">
<section>
<div class="content">
<h1 class="deco-anime">Dog Community</h1>
<p>このサイトは、架空のサイトです。<br>わんこ達の幸せと健康のために飼い主さん同士で情報交換する場所です。</p>
<h2>What's New</h2>
<dl>
<dt>2016年5月25日</dt>
<dd><a href="news03"><span class="content-headline">コミュニティメンバー募集中です。</span>>>続きを読む</a></dd>
<dt>2016年5月15日</dt>
<dd><a href="news02"><span class="content-headline">ドックラン情報を更新しました。</span>>>続きを読む</a></dd>
<dt>2016年5月8日</dt>
<dd><a href="news01"><span class="content-headline">Dog Communityを開設しました。</span>>>続きを読む</a></dd>
</dl>
<p><a href="account" class="btn-account">新規会員登録<span>(無料)</span></a></p>
</div>
<div class="loginform">
<h2>ログイン</h2>
<p class="loginform_notice">赤文字の項目は必須です。</p>
<form method="post" action="#">
<label>ユーザー名</label>
<input type="text" name="#">
<label for="passwd" class="required">パスワード</label>
<input type="password" id="passwd" name="#">
<p class="loginform-caution">※半角英数6文字以上10文字以内</p>
<input type="submit" value="ログイン">
</form>
</div>
</section>
</main>
<aside>
<ul>
<li><a href="https://twitter.com/" class="twitter"><img src="img/icon_twitter.png" alt="Twitter"></a></li>
<li><a href="https://www.facebook.com/" class="facebook"><img src="img/icon_facebook.png" alt="Facebook"></a></li>
<li><a href="https://www.instagram.com/" class="instagram"><img src="img/icon_instagram.png" alt="Instagram"></a></li>
<li><a href="https://jp.pinterest.com/" class="pinterest"><img src="img/icon_pinterest.png" alt="Pinterest"></a></li>
</ul>
</aside>
<footer role="contentinfo">
<ul class="site-info">
<li><a href="/about">ABOUT</a></li>
<li><a href="/sitemap">SiteMap</a></li>
<li><a href="/contact">CONTACT</a></li>
</ul>
<small>Copyright © 2016 Dog Community.</small>
</footer>
</body>
</html>