project-footer

p-footer

ドキュメント内で、コピーライト等が含まれる、サイトフッタとして扱うべきコンテンツ群を包括する。
プロジェクトごとにスタイルが上書きされることを前提としているため、このフレームワークでは最低限の外観のみ定義している。

<footer class="p-footer" role="contentinfo">

    <div class="p-footer-nav" role="navigation">
        <nav class="m-nav">
            <ul class="m-nav-list">
                <li class="m-nav-item">
                    <a href="#" class="m-nav-label">ホーム</a>
                </li>
                <li class="m-nav-item">
                    <a href="#" class="m-nav-label">サービス紹介</a>
                </li>
                <li class="m-nav-item">
                    <a href="#" class="m-nav-label">品質へのこだわり</a>
                </li>
                <li class="m-nav-item">
                    <a href="#" class="m-nav-label">私たちについて</a>
                </li>
                <li class="m-nav-item">
                    <a href="#" class="m-nav-label">ブログ</a>
                </li>
            </ul><!-- /.m-nav-list -->
        </nav><!-- /.m-nav -->
    </div><!-- /.p-footer-nav -->

    <p class="p-footer-copyright">Copyright &copy; 2018 YOUR-SITE-NAME All Rights Reserved.</p>

</footer>