フッター
概要
ヘッダーは全ページ共通している。現在してないのは、旧 M3 ページくらい。 全ページ共通しているものを別途用意するのは、更新時手間がかかるので共通部分として抜き出している。
読み出し
コードの読み出しは、/js/common.jsの``footer`関数が行っている。
事前に js の読み込みが必要。
コード
<footer class="probootstrap-footer probootstrap-bg">
<div class="container">
<div class="row mb60">
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">ソフトメディア研究会</h4>
<ul class="stack-link">
<li><a href="/index.html">ホーム</a></li>
<li><a href="/join.html">新入生向け</a></li>
<li>
<a href="/advent-calendar/2018/index.html"
>2018年アドベントカレンダー</a
>
</li>
<li>
<a href="/policies.html">プライバシーポリシー</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">プログラム班</h4>
<ul class="stack-link">
<li><a href="/program/index.html">ホーム</a></li>
<li>
<a href="/program/p-introduce.html"
>プログラム班の紹介</a
>
</li>
<li>
<a href="/program/product/2018/tsudanumasai.html"
>作品の紹介</a
>
</li>
<li>
<a href="/program/p-study.html">講座資料</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">マルチ班</h4>
<ul class="stack-link">
<li><a href="/multi/index.html">ホーム</a></li>
<li>
<a href="/multi/multi-what.html"
>マルチメディア班の紹介</a
>
</li>
<li>
<a href="/multi/multi-member.html">メンバー紹介</a>
</li>
<li>
<a href="/multi/multi-study.html">講座資料</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="probootstrap-footer-widget">
<h4 class="heading">DTM班</h4>
<ul class="stack-link">
<li><a href="/dtm/index.html">ホーム</a></li>
<li>
<a href="/dtm/dtm-what.html">DTM班の紹介</a>
</li>
<li>
<a href="/dtm/dtm-m3.html">M3(アルバム・作品)</a>
</li>
<li>
<a href="/dtm/dtm-study.html">講座資料</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row copyright">
<div class="col-md-6">
<div class="probootstrap-footer-widget">
<p>
© 2018 ソフトメディア研究会
<a href="https://uicookies.com/">uiCookies:Virb</a>.
Designed by
<a href="https://uicookies.com/">uicookies.com</a>
</p>
</div>
</div>
</div>
</div>
</footer>