project-footer

echo-p-footer

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

<footer class="echo-p-footer echo-text-center" role="contentinfo">

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

    <p class="echo-p-footer-copyright echo-text-xs echo-line-none echo-text-center echo-margin-top-md">© 2021 YOUR-SITE-DOMAIN</p>

</footer>