layer_base.html

<div class="root-layerd">
    <div class="layer-background">
        <div style="background:url(path/to/background.png)"></div>
    </div>
    <div class="layer-contents-main">
        <h2>タブ1</h2>
        <ul>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
            <li><img></li>
        </ul>
    </div>
    <div class="layer-contents-foreground">
        <h1>ほげほげページ</h1>
        <ul>
            <li><a>タブ1</a></li>
            <li><a>タブ2</a></li>
            <li><a>タブ3</a></li>
        </ul>
    </div>
    <div class="layer-foreground">
        <header>ヘッダー</header>
        <footer>
            <nav>
                <ul>
                    <li><a>何かのメニュー</a></li>
                    <li><a>何かのメニュー</a></li>
                    <li><a>何かのメニュー</a></li>
                    <li><a>何かのメニュー</a></li>
                </ul>
            </nav>
        </footer>
    </div>
</div>

normal.html

<div class="root-normal">
    <div class="normal-container" style="background:url(path/to/background.png)">
        <section>
            <h1>ほげほげページ</h1>
            <ul>
                <li><a>タブ1</a></li>
                <li><a>タブ2</a></li>
                <li><a>タブ3</a></li>
            </ul>
            <h2>タブ1</h2>
            <ul>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
                <li><img></li>
            </ul>
        </section>
        <header>ヘッダー</header>
        <footer>
            <nav>
                <ul>
                    <li><a>何かのメニュー</a></li>
                    <li><a>何かのメニュー</a></li>
                    <li><a>何かのメニュー</a></li>
                    <li><a>何かのメニュー</a></li>
                </ul>
            </nav>
        </footer>
    </div>
</div>