Warning: include(1.x/nav-section.php): failed to open stream: No such file or directory in /ip/iucommsg/wwws/_php/nav-section.php on line 2

Warning: include(): Failed opening '1.x/nav-section.php' for inclusion (include_path='.:/ip/iucommsg/wwws:/ip/pagriet/lib:/ip/iucommsg/wwws/_includes:/ip/iucommsg/wwws/_shared-sections:/ip/iucommsg/wwws/_php') in /ip/iucommsg/wwws/_php/nav-section.php on line 2

Layouts

Shape the layout of your pages

Sections always span 100% of the page width. However, you can control the layout within a section by using various HTML elements.

Modify margins

You can add a left margin, making room for navigation. You also can center your content on the page by adding margins on the left and right.

Show/hide markup
<section class="section">

    <!-- div.row limits the max-width to 1020px -->
    <div class="row">

        <!-- div.layout adds left margin - making room for navigation -->
        <div class="layout">
            <!-- Content goes here -->
        </div>

    </div>

</section>

<!-- a wrapper with id="home" or class="wide" will force div.layout to 100% of div.row -->
<body id="home" class="wide">
    <section class="section">
        <div class="row">
            <div class="layout">
                <!-- Content goes here -->
            </div>
        </div>
    </section>
</body>

<!-- a wrapper of .no-section-nav will center div.layout with ~25% padding left and ~25% padding right -->
<main class="no-section-nav">
    <section class="section">
        <div class="row">
            <div class="layout">
                <!-- Content goes here -->
            </div>
        </div>
    </section>
</main>